/*
Theme Name: Avant Custom Theme
Theme URI: https://theme1.eznettools.com/
Author: Steve Monson - EZ-NetTools
Author URI: https://eznettools.com/
Description: An exclusive EZ-NetTools WordPress Theme for Businesses.  Designed with what really companies need and want in WordPress Theme including Header phone numbers, WooCommerce support and loads of customizable features while still being extreamly light-weight and fast loading.  There is a WooCommerce_Theme.css file that only loads if WooCommerce is active to improve load times.
Version: 2.4.07
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: custom-menu, custom-logo, custom-header, custom-background, editor-style, featured-images, microformats, sticky-post, threaded-comments
Text Domain:ez-nettools-02
Tested up to: 8.0.1.10
Requires PHP: 5.4
*/

@font-face {
	font-family: 'PT Serif';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	ascent-override: 85%;
	descent-override:22%;
	src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRQQgYoZZY2vCFuvAFT9gaQZynfoOFC-I0.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	ascent-override: 84%;
	descent-override:24.3%;
	src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}	

/*-------------------- General Layout -------------------------*/

html {
font-size: 120%;
/*scroll-behavior: smooth;*/
--headerOffset: calc( var(--headerHeight) + var(--wp-admin--admin-bar--height, 0px) );
scroll-padding-top: calc( var(--headerOffset) + 28px);
}

:root {  
--headerHeight:68px; 
--sidebarwidth:280px; 
--maxwidth:1120px;
	
--ocean-blue:#0B558E;
--ocean-blue:#075FAF;
--navy-blue:#073868;
--light-blue: #CEEDFF;
--pale-blue: #E3F8FF;
--orange:#FF6F25;
--orange:#e86529;
--charcoal:#2c2927;
	
--pink:#F24678;
--lightPink: #F6DBE3;
--blue:#1F99DD;
--lightBlue:#D2EBF9;
--orange:#EF962B;
--lightOrange:#FCEAD5;
--greenText:#29A86F;
--green:#29A86F;
--lightGreen:#DBF6EA;
	
--wp--preset--spacing--20: .44rem;
--wp--preset--spacing--30: .67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}

body {
background:white;
margin:0; padding:0;
color:var(--charcoal);
font-family: 'Roboto Flex', sans-serif;
font-family: 'Raleway', sans-serif;
font-variant-numeric: lining-nums;
font-weight:500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body.single-writing-example {
	font-family:system-ui, sans-serif;
}

*, *:before, *:after { box-sizing: border-box; }

.page-header {
	contain: layout;
}

#wrapper {display:flex; flex-direction:column; min-height:100vh;  }
.admin-bar #wrapper , body.admin-bar { min-height: calc(100vh - 32px); }

.maxwidth { 
	max-width:1120px;
	max-width:var(--maxwidth);
	max-width: min( var(--maxwidth) , calc(100vw - 16px) );
	width:100%;
	margin-left:auto;  
	margin-right:auto;
}

#container { flex:1 1 auto; }

.logged-in .table-contents a[href^="https://new.avantassessment.com/"]  {
background:yellow;
}

.stickyBottomBanner {
display: grid;
background: #911e;
color: white;
position: fixed;
bottom: -2px;
left:0;
right:0;
margin:0 162px 0 146px;
padding:12px;
border-radius: 8px 8px 0 0;
z-index: 3;
opacity:0.95;
animation: .5s bannerIn backwards 0.2s cubic-bezier(.46,.03,.52,.96);
}
@keyframes bannerIn {
	0% {opacity:0; transform:translateY(100%); display:none; }
	100% {opacity:1; transform:translateY(0%); display:block; }
}

.showScrollTopBtn .stickyBottomBanner{
animation: .3s bannerOut both cubic-bezier(.46,.03,.52,.96);
}

@keyframes bannerOut {
	0% {opacity:1; transform:translateY(0%); display:block; }
	100% {opacity:0; transform:translateY(100%); display:none; }
}

.stickyBottomBanner a {color:#FFC709; display:inline-block;}
@media(max-width:800px) {
	.stickyBottomBanner { margin:0; padding:12px; padding-bottom:50px;}
}


/*------------------------ Header --------------------------------*/
#header {
	display:flex;
	background:#000;
	color:#fff;
	box-shadow: 0 1px 1px #0003 , 0 1px 6px #0003;
	z-index:99;
	font-weight:500;
	position:fixed;
	top:var(--wp-admin--admin-bar--height, 0px);
	left:0;
	right:0;
	height: var(--headerHeight);
	transition: 0.25s cubic-bezier(.19,0,.01,1.01);
}
.scrolledDown #header {
	opacity: .95;
}
#header a { text-decoration:none; color:inherit; }

#header .maxwidth {
	display:flex;
	justify-content:space-between;
	margin: 0 auto;
	align-items:flex-end;
	align-items:center;
	gap: min( calc(6px + 2vw) , 8px); 
	max-width:calc(100% - max(16px, 1vw));
}

#branding {display:flex;  padding:6px 2px; justify-content:center; align-items:center; }
#site-title {font-size:2.5em; margin-top:4px; font-weight:bold; display:flex; align-items:center; align-self:inherit; text-align:center; }
#site-logo {  display:inline-block; align-self: center; }
#site-logo img {display:block; width:auto; height:38px;  }

#site-logo , #site-logo img { transition:inherit; }

#header .header-aside {
	display:flex;
	position:relative;
	flex: 0 1 104px;
	margin-bottom:3px;
 }

/* Header searchbar */
.input-group {display:flex; position:relative; flex:1 1 auto; }
.input-group:focus-within {
	outline:solid 1px #7afa ;
	border-radius:6px;
}
#search-form select {background:#fff; border:solid 1px #abc; padding:8px; max-width:5em; }
.searchInput {
	padding:8px; 
	margin:0;
	border:solid 1px #abc; 
	border-radius:4px 0 0 4px; 
	width:100%;
	flex:1 1 150px; 
	font-size:1em;
	-webkit-appearance: none;
}
.header-aside .searchInput:invalid + .searchBtn{display:none;}
.header-aside .searchInput:valid + .searchBtn{
	display:block;
	position:absolute;
	left:100%;
	top:0;
	bottom:0;
}
.searchInput:focus-visible , .searchBtn:focus-visible {
outline:solid 1px #fff;
box-shadow:inset 0 0 0px 1px #06c;
}
.searchBtn {
background:#2A70D7;
color:white;
margin:0;
border: none;
border-radius: 0 4px 4px 0;
display: grid;
align-items: center;
padding:4px;
}
.searchBtn svg {vertical-align:top;}

/* Open and Close form (for mobile) */
#searchToggle {display:none;}
#searchToggle + #search-form {
	position: absolute;
	right: 42px;
	top:0;
	width: 240px;
	transition:0.1s ease-out;
	opacity:0.93;
	pointer-events: none;
	clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0);
}
@supports (inset-inline-end:42px) {
	#searchToggle + #search-form {
		right:auto;
		inset-inline-end: 42px;
	}
}
#searchToggle:checked + #search-form {
	pointer-events: auto;
	clip-path:polygon(-20% 0, -20% 100%, 120% 100%, 120% 0);
	opacity:.94;
}
#searchToggle + #search-form .searchWrapper {
	padding:0;
}
#header .searchWrapper {font-size:16px;}

#searchToggle ~ label {
display: inline-flex;
align-items: center;
padding: 4px;
cursor:pointer;
margin-inline-start: auto;
}
#searchToggle ~ label:hover {}

#searchToggle + #search-form .searchBtn  {
	//display:none;
}

@media (min-width:782px) {
	#searchToggle + #search-form { //top:100%; //right:0px;}
}

#hamburger-checkbox {display:none;}
.hamburger-button {display:none; }

/*------------- Top Navigation ----------------*/
#menu { display:flex;  position:relative; flex: .26 1 auto; margin-bottom:2px;  }
#menu .menu {display:flex;  }
 
#header.wide-nav #menu {order:3; width:100%; }

#menu .menu {flex:9 1 auto;}
nav ul { 
	margin:0; 
	padding:0; 
	list-style:none;
}
nav li {
	margin:0;
	line-height:1.15;
}

#menu li { display:flex; position:relative; flex:1 1 auto; margin:0; line-height:1;  }

#menu li a {
	display:flex;
	padding:.45rem;
	border-radius:4px;
	text-decoration:none;
	font-size:1em;
	align-items:center;
	flex:1 1 auto;
	justify-content:center;
	text-align:center;
}
#menu li a .menu-text {
	padding:2px 0;
}
#menu li:first-child a { }

:where(#menu) li:where(:hover, :focus, .hover) > a { 
	background:#2a2a2a;
}
li.current-menu-item > a { 
	background:#37daff26;
	font-weight:600;
}
#menu-main-menu > li:where(.current-menu-ancestor , .current-page-ancestor) > a .menu-text{ 
	box-shadow:0 4px var(--pink);
}
#menu .sub-menu li.current-menu-ancestor > a  { 
	box-shadow:inset -3px 0 var(--pink);
	background-image:linear-gradient( to right, #f2467822 60% , #f2467866);
	border-radius:0;
}

#menu li.menu-item-has-children > a .menu-text::after  {
	content:' ';
	border:solid .2em transparent;
	border-top:solid .32em;
	border-bottom:solid .12em transparent;
	display: inline-block;
	vertical-align: top;
	margin-top:.33em;
	margin-left:.2em;
	opacity:0.8;
}

@media (min-width:768px) {
	/*--- Accessable Dropdown Nav Handling ---*/
	#menu li .submenuWrap {
		position:absolute;
		left:0; top:100%;
		background:#111;
		font-size: .9em;
		box-shadow: 0 1px 1px #0002 , 0 1px 6px #0002;
		z-index:999;
		flex-direction:column;
		width:max-content; 
		max-width:14em;
		min-width:100%;
		border:solid 1px #fff3;
		display:grid;
		transition:0.25s cubic-bezier(.17,.84,.44,1);
		clip-path: polygon(-600% 0% , 600% 0%, 600% 0%, -600% 0%);
	}

	#menu li:hover > .submenuWrap  {
		box-shadow:0px 2px 12px rgba(0,0,0,.3) , 0px 2px 2px rgba(0,0,0,.3); 
		clip-path: polygon(-600% 0% , 600% 0, 600% 120vh, -600% 120vh);
	}
	
	#menu li:where(:hover, :focus-within, .hover) > .submenuWrap {
		box-shadow:0px 2px 12px rgba(0,0,0,.3) , 0px 2px 2px rgba(0,0,0,.3); 
		clip-path: polygon(-600% 0% , 600% 0, 600% 120vh, -600% 120vh);
	}

	#menu li ul li { flex:0 1 auto; }

	#menu li ul li a { 
		justify-content:flex-start; 
		text-align:left; 
		width:100%; 
		padding:.65rem; 
		font-size:95%;
		border-bottom:solid 1px rgba(0,0,0,.2);
		border-top:solid 1px rgba(255,255,255,.1);
	}

	/*--- sub sub menu -----*/
	#menu li li.menu-item-has-children > a .menu-text::after {
		content:"\203A";
		border:none;
		font-weight:400;
		opacity:1;
		transform-origin:40% 50%;
		transition:0.05s ease-out;
		margin: -0.265em 0.2em;
		font-size: 1.65em;
		vertical-align: top;
	}
	#menu li li.menu-item-has-children > a:hover .menu-text::after {
		color:var(--pink);
	}
	#menu li li.menu-item-has-children:is(.current-menu-ancestor , .current-page-ancestor) > a:not([aria-current="page"]) 	.menu-text::after { 
		color:var(--pink);
	}
	#menu .sub-menu .submenuWrap {
		position:absolute; 
		left:100%; 
		top:0;
	}
	.rtl #menu .sub-menu .submenuWrap {
		left:auto;
		right:100%;
	}
	
}	
@media (max-height:620px) {
	#menu li ul li a {padding-block:.4em; }
}



/*================================== General Formatting ============================================*/

.learn , .accelerate { --accentColor: #2d98d4; }
.assess { --accentColor: #ef9629; }
.certify , .achieve , .analyze { --accentColor: #4AD395; }


h1, h2, h3, h4, h5, h6 {
margin:0.6em 0;
text-rendering: optimizeLegibility;
line-height:1.05;
font-weight:740;
text-wrap: balance;
font-variation-settings: 'YTLC' 508 ,'XTRA' 456;
}

:is(h1, h2, h3, h4, h5, h6) :is(b, strong) {
	font-weight: 640;
}


h1 {
font-size:3em;
font-size:clamp(30px, 5vw, 3.15em);
margin:.2em 0;
}

h1 small , h1 big { display:block; }

h2 {
font-size:1.8em;	
font-size: clamp(26px,4.5vw,2.35em);
border-bottom: solid .11em;
border-bottom: solid 1px;
padding: 0.15em 0;
margin-bottom: 0.25em;
font-weight: 700;
}
h2.wp-block-heading {}
.colorBox h2:first-child { margin-top:0.12em;}

h3 { font-size:1.65em; }
h4 { font-size:1.25em; }
h5 {font-size:1.12em;  font-weight: 750; font-variation-settings: 'YTLC' 542 ,'XTRA' 474;  }
h6 {}

.frm_form_fields > fieldset {padding:0;}

:where(ul,ol) {
	margin:0;
	padding-inline-start: 1.2em;
}

p , li {
line-height:1.5;
margin:.8em 0;
margin:.6em 0;
font-size:1em;
text-rendering: optimizeLegibility;
font-variation-settings: 'YTLC' 535 ,'XTRA' 476;
}

li { margin:.4em 0; }
.tight li {margin:0;}

a { color:#114A83; color:color(display-p3 0.04 0.24 0.53); }
a:hover  { }

strong,b {font-weight:720; }

p.caption {line-height:1.15;}

.invisible.invisible {display:none;}

.balance {text-wrap:balance;}
.pretty {text-wrap:pretty;}

/*-- Table styleing ----*/
/*-- See example at /certification/stamp-american-council-on-education-ace/ ----*/
table {
	border-collapse: collapse;
	width:100%;
}
.hasStickyBreadcrumb {
	--breadcrumbOffset:24px;
}
.entry-content thead {
	position: sticky;
	top: calc( var(--headerOffset) + var(--breadcrumbOffset, 0px) );
}
tbody .is-style-stripes tr:nth-child(2n+1) {
	background-color:#f7f7f7;
}
.is-style-stripes .has-background tr:nth-child(2n+1) {
	background-color:#fff7;
}
table caption {
font-size:1.8em;
font-weight:bold;
text-align:start;
padding:8px;
}
td, th {
padding:6px;
border:solid 1px #aaa;
text-align: start;
page-break-inside: avoid;
}
th {
background:var(--ocean-blue);
color:white;
background-clip: padding-box;
}
td {
line-height:1.35;
}

.internalNote {
	min-height:100px;
	background:lightyellow;
	box-shadow:0 2px 4px #0003;
}

.wp-block-embed {position: relative;}
.wp-embed-aspect-16-9 , .wp-block-embed-youtube {aspect-ratio: 16/9;}
.wp-embed-aspect-4-3 {aspect-ratio:4/3;}
.wp-block-embed__wrapper {
	aspect-ratio: inherit;
	position: relative;
}

.has-small-font-size { font-size:0.8em; font-variation-settings:  'YTLC' 570 ,'XTRA' 480; }
.has-medium-font-size { font-size:1em; }
.has-large-font-size { font-size:130%; }
.has-x-large-font-size { font-size:160%;}

.alignwide , .alignfull {grid-column:1/-1;}

#container .elementor-text-editor a  , div.elementor-widget-text-editor a {text-decoration:revert;}


blockquote {position: relative; font-style:italic; margin:1.5em 0; padding-inline-start:1em; }
blockquote cite {display:block; font-style:normal; }
blockquote cite:before { content:"\2014"; }
blockquote cite br {display:none;}
:is(.wp-block-pullquote, .largeQuote) blockquote {  }
:is(.wp-block-pullquote, .largeQuote) blockquote::before  {
	content:open-quote no-close-quote;
	font-size:8em;
	font-family: Georgia, serif;
	color:var(--accentColor, #62d2ec);
	font-style:normal;
	display: inline-block;
	position: absolute;
	inset-inline-start:0;
	inset-block-start:-0.15em;
	opacity: 0.25;
}
:is([lang="es"]) blockquote::before {
	line-height: .4;
}
/*---- Pull Quote ----*/
.wp-block-pullquote p {
font-size:clamp(16px,4vw,2.2em);
font-weight:150;
font-weight:280;
margin:0.5rem 0;
line-height: 1.15;
}
.wp-block-pullquote.has-medium-font-size p{font-size:1.31em;}
q {font-style:italic;}

@media (min-width:600px) {
	:is(.wp-block-pullquote, .largeQuote) blockquote, .wp-block-quote  { padding-inline-start: 5.6em; }
	:is(.wp-block-pullquote, .largeQuote) blockquote::before, .wp-block-quote::before  { font-size:12em; }
}

img , video {max-width:100%; display:inline-block; height:auto; flex-shrink: 0;  }

iframe {max-width:100%;}
iframe[src^="https://www.youtube.com"] {
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}

.alignright{ float:right; margin-left:1em; clear:right; margin-top:.15rem; position:relative; z-index:2; }
.alignleft{ float:left; margin-right:1em; clear:left; margin-top:.15rem; }
.aligncenter , .aligncenter img{ display:block; margin:auto; text-align:center;  }
.circle {shape-outside:circle(50% at 50% 50%);  border-radius: 50%;}

.has-text-align-center {
 text-align:center
}
.has-text-align-left {
 text-align:left
}
.has-text-align-right {
 text-align:right
}
.advImg img {display:block; width:100%;}

@media (max-width:500px) {
	.fullWidthOnMobile {width:100% !important; float:none; margin-inline:0; }
}

.is-layout-flex {display:flex;}
.is-layout-flex:not(.is-nowrap) {//flex-wrap: wrap;}
.is-content-justification-center { justify-content: center;}
.is-content-justification-left { justify-content: flex-start; }
.is-content-justification-right { justify-content: flex-end; }
.is-content-justification-space-between { justify-content: space-between; }

.editBtn {
	position: absolute;
	top: 0;
	right: 0;
	background: #185088;
	color: white;
	opacity:.8;
}
.editBtn a , a.editBtn {
	display:block;
	color:inherit;
	padding:4px;
	font-size:12px;
	line-height:1;
	text-decoration: none;
}
.editBtn:hover {background:#000;}


/*------ Groups and Columns maxwidth ------*/
.wp-block-group , .wp-block-columns{
	max-width:var(--maxwidth);
	margin:0px auto;
	gap:0.5rem
}
:is(.wp-block-group , .wp-block-columns ).alignfull {
	max-width:100%;
	padding:0;
}
.wp-block-column {
	flex: 1 1 0;
	display:flow-root;
}
.is-vertically-aligned-center { margin-block:auto; }

@media(max-width:550px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) {
		flex-direction: column;
  }
}

/*---- Section Wrapper ----*/
.section-wrapper {
	margin-inline:auto;
}
.colorBox .section-wrapper-content {
	padding:0.6rem 1.5rem;
}

.section-wrapper.grid > .section-wrapper-content{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax( min(280px, 65%) ,1fr) );
	gap:var(--grid-gap);
}
.grid.twoCol > .section-wrapper-content , .cardGroup.twoCol {
	grid-template-columns: repeat(auto-fit, minmax( max(min(100%,220px),40%) ,1fr) );
}
.grid.threeCol > .section-wrapper-content, .cardGroup.threeCol , .wp-block-gallery.columns-3{
	grid-template-columns: repeat(auto-fit, minmax( max(190px,30%) ,1fr) );
}
.grid.fourCol > .section-wrapper-content , .cardGroup.fourCol , .wp-block-gallery.columns-4{
	grid-template-columns: repeat(auto-fit, minmax( max(175px,21%) ,1fr) );
}


/*---- WP Table -----*/
.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}
.wp-block-table table :is(td, th){
	border:solid 1px #aaa;
	padding:6px;
	padding: clamp(4px, 2vw, 12px);
	background-image:radial-gradient(#fffb 10%,#fff0);
}
.wp-block-table table th{
	background:var(--lightBlue);
	color:inherit;
	background-clip: padding-box;
}


.has-custom-border img {
	border-color: #aaa3;
	border-style: solid;
}
.has-background {padding:.3em .4em;}
.has-white-color {color:white;}
.has-charcoal-background-color {background:#423a39}
.has-paleyellow-background-color {background:#fffde2;}
.has-palegreen-background-color {background:#E7F2DF;}
.has-paleblue-background-color {background:#ddeeff;}

.has-border-color {border-style:solid;}

/*--- Scaled Score Range Tables ---*/
.rangesTable tr:nth-child(n+2) th {
	color:initial;
	background:radial-gradient(#fffb 10%,#fff0);
}
.rangesTable tr:nth-last-child(-n+9) {
	background-color:#def;
}
.rangesTable tr:nth-last-child(-n+6) {
	background-color:#E7F2DF;
}
.rangesTable tr:nth-last-child(-n+3) {
	background-color:#FFf9dd;
}
@media (max-width:400px) {
	.rangesTable table {
		font-size:14px;
	}
	.rangesTable tr:first-child th:first-child , .rangesTable th[rowspan]:first-child{
		writing-mode: vertical-lr;
		text-orientation: mixed;
		rotate:180deg;
		text-align:center;
	}	
}

/*--- mobile friendly tables ----*/
.wp-block-table.widerTable {
	font-size:80%;
	overflow:auto;
	margin: 0 -8px;
	position: relative;
	scroll-behavior:smooth;
	-webkit-mask: linear-gradient(to right,#000 calc(100% - 16px),calc(100% - 6px),#0001);
}
.rtl .wp-block-table.widerTable {
	-webkit-mask: linear-gradient(to left,#000 calc(100% - 16px),calc(100% - 6px),#0001);
}
.wp-block-table.widerTable thead {
	position: static;
}
.wp-block-table.widerTable::scroll-button(*) {
	background:#eee4;;
	color:LinkColor;
	font-size:1.6em;
	border:solid 2px #aaa3;
	width:50%;
}
.wp-block-table.widerTable::scroll-button(left) {
	content: "\276E" / "Scroll Left";
}
.wp-block-table.widerTable::scroll-button(right) {
 content: "\276F" / "Scroll Right";
}

/*----- Gallery ----*/
.wp-block-gallery {
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax( min(250px, 46%) ,1fr) );
	gap:1px;
}
.wp-block-gallery .wp-block-image {
	display: grid;
	justify-content: center;
	align-content:start;
	background:white;
	box-shadow: 0 0 1px #abc;
}
.wp-block-gallery.logos .wp-block-image {
	align-content:center;
}
.wp-block-gallery .wp-element-caption {
	font-size:14px;
	text-align:center;
	text-wrap: balance;
}
.gallery {
	display: grid;
	gap: 0.4rem;
	text-align: center;
}
.gallery img {vertical-align: top;}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

/*--- button ---*/
.button , .special a , .wp-element-button  {
	display:inline-block;
	position:relative;
	background:var(--pink);
	color:white;
	line-height:1.05;
	text-decoration:none;
	border:none;
	border-radius:50px;
	font-size:0.9em;
	padding: 0.58rem 1.1rem;
	font-weight:bold;
	transition:15ms ease-out;
}
.frm-chat-wrapper [role=button] {display:inline-flex; gap:4px;}
.frm-chat-wrapper [role=button] svg {fill:currentcolor;height: 1.0em;display: inline-block;}
#menu .special a {
	border-radius:3em;
	background:white;
	color:var(--pink);
}
.button.large {
	padding:0.6rem 0.8rem;
	font-size:118%;
}
.button:hover , .special a:hover , .wp-element-button:hover {filter:brightness(1.1) saturate(1.18);}
.button:active , .wp-element-button:active {
translate: 0 2px;
filter:brightness(.97) saturate(1.15);
}
.button.arrowIcon:after , .arrowIcon a:after {
  content:"";
  display:inline-block;
  background: url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/down-arrow.svg);
  background-size:100% 100%;
  width:0.75em;
  height:0.75em;
  margin:0.16em 0 0 0.2em ;
  vertical-align:top;
}
.arrowIcon.right:after {
	rotate:-90deg;
}
.arrowIcon.topRight:after {
	rotate:-135deg;
}

p a[target="_blank"]::after {
content: "";
width: 17px;
height: 17px;
display: inline-block;
background:url(../svg/outboundlinkblue-2.svg);
margin-inline-start: 1px;
}

a[target="_blank"].button::after {
background:url(../svg/outboundlink2.svg);
filter: brightness(3) drop-shadow(1px 1px #0009);
vertical-align: top;
}

.whiteButton {
	border: solid 1px #bcd;
	background:white;
	padding:0.58rem 1.1rem;
	line-break:1.1;
	border-radius:40px;
	text-decoration:none;
}

.button.blue {
	background:var(--navy-blue);
	box-shadow: inset 0 0 0.15em 0.1em #ff96 , 0 1px #024;
	text-shadow: -1px -1px #024c , -1px -1px 4px #0242;
}

.button:focus-visible {
outline:solid 2px orange;
outline-offset:2px;
}

/*--- button block ----*/

.wp-block-buttons {
	margin:.8em -2px;
	width:100%;
}
/*
.wp-element-button {
	display:inline-block; 
	padding:0.5em 0.9em;
	color:white;
	text-decoration:none;
	background: linear-gradient(180deg, rgba(39, 147, 208, 0.5) 0%, rgba(39, 147, 208, 0) 100%), #114A83;
	background-color:#000;
	font-weight:560;
	border-radius: 8px;
	cursor:pointer;
	transition:60ms ease-out;
}

.wp-element-button:hover {text-decoration:none; background-color:#222;   }


.wp-element-button:after {
	filter: brightness(20)
}
*/
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 { width:25%}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 { width:50%}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width:75% }
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-100  {width:100%;}
.wp-block-buttons {gap:4px;}


/*-- buttons with custom width ---*/
.has-custom-width .wp-element-button { width:100%; height:100%; text-align:center; flex-shrink:1;}
.wp-block-button__width-25 {flex-basis:25%;  flex-basis:calc(25% - var(--wp--style--block-gap, .5em)*.75); }
.wp-block-button__width-50 {flex-basis:50%; flex-basis:calc(50% - var(--wp--style--block-gap, .5em)*.5); }
.wp-block-button__width-75 {flex-basis:75%; flex-basis:calc(75% - var(--wp--style--block-gap, .5em)*.25); }
.wp-block-button__width-100 {flex-basis:100%}

@media( max-width:500px ) {
	.wp-block-button { min-width: min(100%,210px); flex-grow: 1; }
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }


figure {margin:0; padding:0;}
figcaption { font-size:88%; }
figcaption.captionTop { font-size:100%; }
.wp-element-caption {padding-block: 2px 8px; font-size: .85em; line-height:1.25; opacity:0.8; }
.wp-element-caption p {margin-top:0;}
figcaption.captionTop p {margin-bottom:0;}

a.advImgLink {//display: inline-block;}
a.advImgLink[target="_blank"]:after {content:none;}

img[alt="clock icon."] {vertical-align:text-top;}

.clear{clear:both}

.sticky{}
.bypostauthor{}
.wp-caption { max-width:100%; }
.wp-caption img {vertical-align:top; }
.wp-caption-text { display:block; font-size:0.9em; opacity:.8; line-height:1.25; padding:4px 0 8px; }

.screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute;}
.screen-reader-text:focus { position:static !important; clip:auto; width:auto; height:auto; overflow:visible; border:dotted 2px #aaa; }

figure.wp-caption { }

figure.wp-caption.alignnone {display: inline-flex; flex-direction: column; align-items: center; }




/*------- Back To Top button -------*/
#backToTop {
	display:flex;
	align-items: center;
	position:fixed;
	bottom:46px; 
	right:-54px;
	border:solid 1px #abc;
	border-radius:60px;
	color:#2f5f6e;
	background:rgba(255, 255, 255, 0.96);
	border:solid 2px solid 2px #befa;
	z-index:3;
	padding:2px;
	height:52px;
	opacity:0.0;
	transition:0.2s ease-out;
	pointer-events:none;
}
#backToTop svg {
	padding:8px;
	width:46px;
	translate:0 -1px;
}
.showScrollTopBtn #backToTop {
	opacity:1;
	right:8px;
	pointer-events: auto;
	z-index:5;
}
@media (max-width:600px) {
	.showScrollTopBtn #backToTop { right:4px; }
}

#backToTop .hoverLabel { 
	width:0px; 
	overflow:hidden; 
	text-align:end;
	font-size:14px;
	padding-bottom:2px;
	font-weight: 600;
	white-space: nowrap;
	opacity:0;
	transition:.25s cubic-bezier(.22,.61,.36,1);
}
#backToTop:is(:focus, :hover) .hoverLabel {
	width:106px;
	opacity:1;
}


/*--------------------- Sidebar ---------------------------*/
.sidebar-none #sidebar {display:none;}
#sidebar {
	flex:0 1 280px;
	flex:0 1 var(--sidebarwidth, 280px);
	font-size:16px;
}
.widget-title { font-size:1.2rem; margin: 0.4rem 0; }
.xoxo {
    list-style: none;
    margin: 0;
    padding: 4px;
}
.xoxo > li {
	border-bottom:solid 1px #aaa5;
	padding:1.5rem 0.25rem;
}


/*------------------------ Page & Blog Styling -----------------------------*/
.sidebarAndContent {
	display: grid;
	grid-template-columns: clamp(190px,25%,280px) 2fr 6px;
	font-size:16px;
	--maxwidth:790px;
	--maxwidth:74ch;
}

.sidebarAndContent.leftOnly {
	display:grid;
	grid-template-columns: clamp(190px,25%,280px) 1fr clamp(0px, calc((100vw - var(--maxwidth) - 280px) *.5) ,280px) ;
}

.testCategories {
display:flex;
flex-wrap: wrap;
align-items:center;
justify-content:center;
gap:4px;
padding: 8px 0;
margin-bottom: 16px;
}	
.testCategories a {
border:solid 1px #abc;
padding:4px 6px;
margin:2px 0;
font-size:14px;
display:inline-block;
text-decoration:none;
border-radius:5px;
}
.testCategories a:hover {
background: var(--pale-blue);
}

/*-- Desktop --*/
@media (min-width:1020px) {
	.sidebarAndContent {
		display: grid;
		grid-template-columns: 260px 2fr min(18vw , 260px);
	}
	.sidebarAndContent .entry-content {
		grid-row:1;
	}
	.sidebar2 {
		grid-column:3;
	}
	
}
/*--- Small Desktop --*/
@media (min-width:1020px) and (max-width:1560px) {
	.sidebarAndContent.noGuides {
		grid-template-columns: 5vw 2fr min(18vw , 260px);
	}
}

/*-- Tablet --*/
@media (min-width:600px) and (max-width:1019px) {
	.sidebar2 {
		width: min(100% - 24px , var(--maxwidth) - 16px );
		margin: 0 auto;
	}
	.sidebar2:first-child {
		width:100%;
	}
	.sidebarAndContent .sidebar {
		grid-row: span 2;
		font-size: calc(10px + 0.4vw);
	}
}

/*-- Smartphone --*/
@media (max-width:600px) {
	#content .sidebarAndContent {
		display:block;
	}
	#content .sidebarAndContent .entry-content {
		padding:0 12px;
	}
	.sidebarAndContent .sidebar2 .sidebar-inner {max-height:none;  }
	.hotspotZoomBtn {display:none !important;}
	.sidebar {
		//font-size:110%;
	}
	.sidebarAndContent .sidebar .sidebar-inner {
		max-height:none;
	}
	.sidebar .sideNav li a {
		padding-block: .7em;
		border:solid 1px #2461;
	}
	/*--- Collsable Left Nav on Mobile --*/
	.expanderNav[aria-expanded] {
		display:grid;
		transition: .3s grid-template-rows ease-out;
	}
	.expanderNav[aria-expanded="false"] {
		grid-template-rows:auto 0fr;
	}
	.expanderNav[aria-expanded="true"] {
		grid-template-rows:auto 1fr;
	}
	.expanderNav[aria-expanded="false"] #navExpandAll {
		display:none;
	}
	.expanderNav ul {overflow:hidden;}
	.expanderNav[aria-expanded] > header > .triangle  {
		border: solid transparent;	
		margin: -6px -2px;
	}
	.expanderNav[aria-expanded="true"] > header > .triangle {
	  rotate: 90deg;
	}
	
}

.sidebarAndContent .entry-content {
	display: flow-root;
	font-size: calc( 14px + 0.25vw);
	width:100%;
	max-width:var(--maxwidth);
	min-height:200px;
	margin:0 auto;
	padding:0 24px;
	grid-column:2;
	contain:inline-size layout;
}

.entry-content {
	container-type:inline-size;
	container-name: contentArea;
	width:calc(100% - 16px);
	margin:0 auto;
}
.page-template-template-fullwidth .entry-content {
	width:100%;
}

.sidebarAndContent .sidebar {
	border-inline-end:solid 1px #eee;
	grid-column: 1;
	contain: content;
	content-visibility: auto;
	position:relative;
	z-index:2;
}
.sidebarAndContent .sidebar-inner {
	position:sticky;
	top:var(--headerOffset);
	max-height: calc( 100vh - var(--headerOffset) );
	overflow: auto;
	scrollbar-width: thin;
}
.sidebarAndContent .sidebar .sidebar-inner {
	scrollbar-gutter: stable;
}
.sidebarAndContent .sidebar-inner::-webkit-scrollbar {
	width:8px;
	background:#aaa3;
}
.sidebar-inner::-webkit-scrollbar-thumb {
	width:8px;
	background:#0003;
	border-radius:4px;
}

.sideNav {
	padding: 4px 10px;
}
.sideNav header {
	display: flex;
	font-weight: bold;
	font-size: 1.3em;
	border-bottom: solid 3px currentColor;
	padding-bottom: 4px;
	margin-bottom: 4px;
	align-items:center;
}
#navExpandAll {	margin-inline-start:auto; text-align:end; }
.sideNav ul {
	list-style-position: inside; 
	margin:0;
	font-weight:600;
	padding-inline-start:0; 
	font-size:1.15em;
}
.sideNav > ul {
	margin-bottom:2em;
}
.sideNav ul ul {
	margin-inline-start:0.75em;
	padding-inline-start:0; 
	font-size:.913em;
	font-weight:500;
	flex: 1 1 100%;
	border-inline-start:solid 2px #D3E5ED;
}
.table-contents :is(ul,ol) {
	font-size:.93em;
	font-weight:400;
	list-style:none;
	padding:0;
	counter-reset: section;
}
.table-contents li a:before {
	display:inline-block;
	content: counter(section, decimal) ". ";
	counter-increment: section;
	padding-right:4px;
}
.table-contents ul ul li a:before {
	content: counter(section, upper-alpha) ". ";
}
.table-contents :is(ul,ol) li a {
	padding:8px 14px;
	text-wrap: balance;
}

.expandable { cursor:default;  }
.expandable:hover { //outline:solid 1px #CEEDFF; }

.expandToggleBtn {
	display:inline-grid;
	justify-content: center;
	align-content:center;
	background:none;
	border:solid 1px transparent;
	-webkit-appearance: button;
	position:relative;
	border-radius:6px;
	font-size:14.5px;
	padding:0.1em;
	min-width:26px;
	color:var(--ocean-blue);
	font-weight:500;
}
.expandToggleBtn:hover {
	border-color:#bcd;
	background:#fff8;
}
.expandToggleBtn:hover .triangle {
	scale:1.4;
}
.tooltip {
	position: absolute;
	bottom: 100%;
	left: 0%;
	min-width:max-content;
	width:100%;
	background: #fff;
	color: #024;
	z-index: 5;
	padding: 4px;
	font-family:system-ui;
	font-size: 14px;
	line-height:1.25;
	border-radius: 3px;
	text-shadow: none;
	box-shadow:0 0 4px #0006;
	opacity: 0;
	pointer-events: none;
	transition:150ms ease-out;
	scale:.5;
	transform-origin:bottom center;
	user-select: none;
}
*:hover > .tooltip {
	opacity: .95;
	scale:1;
	transition-delay:300ms;
}
.tooltip.center {
	left:50%;
	transform:translateX(-50%);
	transform-origin:bottom left;
}
.tooltip.bottom {
	top:100%;
	bottom:auto;
}
.tooltip.noDelay {
	transition-delay:0ms;
}

.lang-list .tooltip b {
	display:block;
	font-size:1.15em;
	background: var(--pale-blue);
	border-bottom:solid 1px #abc6;
	padding:2px;
	margin:-4px;
	margin-bottom:2px;
}

.triangle {
display:inline-block;
width: 1.3em;
height: 1.8em;
background:url(../svg/softarrow.svg) no-repeat center;
background-size:45% auto;
transition: .15s cubic-bezier(.22,.61,.36,1);
filter:brightness(0);
}
.expandable[aria-expanded="true"] > button > .triangle {
	transform: rotate(90deg);
}

.sideNav li{
	line-height:1.05;
}
.sideNav li.menu-item-has-children {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows:min-content 0fr;
}
.sideNav li.expandable {
	display:grid;
	grid-template-columns: 26px 1fr;
	transition:0.25s ease-out;
}
.sidebar ul li[aria-expanded="false"] {
	grid-template-rows:min-content 0fr;
}
.sidebar ul li[aria-expanded="true"] {
	grid-template-rows:min-content 1fr;
}
.sideNav .submenuWrap {
	grid-row:2;
	grid-column: span 2;
	overflow:hidden;
}

.sideNav .sub-menu li {
	background-size: 0.9em 1.9em;
}
.sideNav a {padding:0.35rem;}
.sideNav li a{
	flex:1 1 auto;
	display:flex;
	padding:0.4rem 26px;
	text-decoration:none;
}
.sideNav li a[href="#"]{
	color:darkred;
}
.sideNav .expandToggleBtn + a{ margin-inline-start: -26px; }

:where(.sideNav li) > a:hover {
	background:#a8eaff66;
	color:inherit;
	text-decoration:underline;
}

.article-section {
	display:block;
	display:flow-root;
	position:relative;
	clear:both;
}

.linkIcon {
	position: absolute;
	left: -26px;
	background:white;
	height: 1.2em;
	display: grid;
	place-content: center;
	cursor:pointer;
}
.expanderSection > .linkIcon {
	left:calc(-1em - 8px);
	top:1.6rem;
}
.expanderSection .article-section::before {
	display:none;
}

.linkIcon svg , :target section .linkIcon svg {	
	opacity:.6;
	filter:saturate(0.1);
	transition:.25s ease-out; 
	scale:0.9;
}


@media (hover: hover) {
	.linkIcon svg {	opacity:.25;	}
	.sectionHeader:hover .linkIcon svg {opacity:1;}
}
:target .linkIcon svg {opacity:1; filter:saturate(1); scale: 1.05; }

.article-section::before {
	content:"";
	width:20px;
	border-left:solid 3px #ddd;
	position:absolute;
	left:-18px;
	top:8px;
	bottom:0;
	transition:0.65s ease-in-out 0.25s;
	opacity:0.25;
	-webkit-mask: linear-gradient(#0000 2em ,#000 2em 25%, #0001);
	-webkit-mask: linear-gradient(#0000 2em ,#000 2em 4em,#0004 18em , #0002);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 1px;
}
.article-section:target::before {
	border-color:var(--orange);
	opacity:0.5;
	-webkit-mask-size: 100% 200%;
}

.article-section.active {
	//box-shadow:0 0 16px #00000019;
}



h2.sectionHeader {
//margin-inline:-16px;
//padding-inline:16px;
transition:.15s ease-out;
}
.article-section.active h2.sectionHeader {
	//background:#adf5;
}

.notice {
	background: var(--pale-blue);
	font-size: 90%;
	padding: 0 16px;
	margin:8px 0;
	border: solid 2px var(--light-blue);
	border-radius:4px;
}
.notice h2 {
	margin-block: 0.25em;
}

/*---- Highlight Current Section ----*/
.table-contents a {
	border-inline-start: solid 6px #eee;
}
.table-contents a.active {
	border-inline-start: solid 6px var(--orange);
	font-weight:bold;
	padding-inline-end: 2px;
}
a.active + a.active > a , li.active li.active > a{
	border-inline-start: solid 6px #ffde9c;
} 


/*------- Info at a Glance data list ------*/
dl.glance {
	display:grid;
	grid-template-columns:auto 1fr;
	gap:1px;
}
.glance dt, .glance dd {
	padding:10px;
	margin:0;
	background:white;
	line-height:1.2;
	border-bottom:solid 1px #3333;
}
.glance dt {
	font-weight:700;
	text-align:end;
	background:#edf7fc;
}
.glance dd {}
@media(max-width:490px) {
  dl.glance {grid-template-columns: 1fr; }
	.glance dt { font-size:115%; text-align:start; }
	.glance dd {padding-inline-start:1.5em; margin-bottom:2px;}
}

/*------ Writing Examples ------*/
.writingExamples .table-contents li a {
	background: radial-gradient(circle at 30% 50% ,#fffa 15%, #fff1) no-repeat center;
	border-block-end:solid 1px #0001;
}
.writingExamples .table-contents li a:hover {
	background: #fff1;
	filter: brightness(0.9) saturate(5);
}

.blue-box li{
	margin:.2em 0;
	line-height:1.35;
}
.blue-box p {
	margin:.4em 0;
	line-height:1.35;
}

dl.writing-examples-list {
  display:grid;
  width: 100%;
  margin-inline:auto;
  max-width:990px;
}

@container contentArea (min-width:600px) {
	dl.writing-examples-list {  grid-template-columns: auto auto; }
	dd + dd {border-left:none;}
}


.writing-examples-list dt { 
background-color:#000;
color:white; 
font-size:1.65em; 
line-height:1;
padding:8px 10px;
border-radius: 4px 4px 0 0;
font-weight:200;
grid-column:1/-1;
}

.writing-examples-list dd + dt{ 
margin-top:12px;
}
dt small{font-weight:600; display:inline-block;}
.writing-examples-list dd {
padding:0px 16px 8px;
margin:2px 0 0;
line-height:1.4;
border:solid 1px #ccc;
font-weight:300;
}
dd p {margin:.4rem 0; line-height: 1.35; }


.writing-examples-list dd:before {
	content:attr(aria-label);
	font-weight:600;
	display:block;
	margin-inline:-16px;
	background:linear-gradient(#E3F8FF 15%,#F3FCFF);
	background: #f3f5f7;
	padding:4px 8px;
	border-block-end:solid 1px #ccc;
}

dd.description {}

dd.example { 
	background-image:radial-gradient(at 50% 0%, #fffa 10%,#fff0); 
	background-blend-mode: soft-light;
}
.novice {background-color: #FFf9dd}
.intermediate { background-color: #E7F2DF; }
.advanced { background: #def;}

.exampleText {
	font-family: system-ui , sans-serif;
}

.shortExample {	font-size:1.65em; font-weight:200;}
.mediumExample {font-size:1.2em; font-weight:300;}


/*---- Page Header -----*/
.page-header {
padding-top: var(--headerHeight, 72px );
color: white;
position:relative;
background-color:#000;
isolation:isolate;
transition:.1s ease-out;
}
@media( min-width:980px ) {
	.page-header {--headerHeight:72px;}
}


.header-content {
display:flex;
flex-direction:column;
text-align:center;
flex:1 1 auto;
min-height:calc(70px + 5vw);
grid-column:1;
grid-row:1;
}
.page-header .header-content::after {
content:"";
display:block;
height:10px;
background: linear-gradient( to right, #ef962b 0% 20%, #1f99dd 20% 40% , #f24678 40% 60% , #c5aed6 60% 80%, #4ad395 80% 100% );
}


.page-header.with-image {
	display:grid;
	grid-template-columns: 1fr .065fr clamp(50px, 48%, 1200px);
	grid-template-rows: clamp( 380px , calc(92vh - 130px) , 560px );
}

.with-image .header-image {
grid-column: 2/4;
grid-row: 1;
}

.header-image {background: #174371;}

.header-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.header-image.smallImg img {
	width:auto;
	margin:auto;
}

@media (max-width:550px) {
	.page-header.with-image {
		grid-template-columns:1fr;
		grid-template-rows: auto;
	}
	.with-image .header-image {
		grid-column:1/-1;
		opacity: .35;
	}
	.with-image .header-content {
		font-size:max(16px,5vw);
		z-index: 2;
		background:none;
		padding-top:4px;
	}
}

.graphicDivider {
display: block;
margin: auto;
}

.page-header a {color:inherit;}

.breadcrumbs {
	text-align:start;
	font-size:14.5px;
	font-weight:520;
	padding:0 9px;
	font-variation-settings: 'YTLC' 570 ,'XTRA' 480;
}
.with-image .breadcrumbs {padding-right:1em;}
.breadcrumbs span {display:inline-block;}
.page .page-header .breadcrumbs {display:none;}
.page.page-child .page-header .breadcrumbs {	display:block;}


.titleWrapper {
	margin: auto 1ch;
	padding:1.5rem;
	padding-bottom:2.3rem;
	text-wrap: balance;
	position:relative;
} 

.page-header .entry-title {	padding:0 1rem;}
.page-header h1 {
	margin: auto 0;
	text-shadow: 0 0 8px #0244 , -1px -1px 1px #0245;
	line-height:1;
}
.page-header p { margin:.5em auto .74em; line-height:1.15; }
.page-header p:last-child { margin-bottom:.15em; }
.page-header .button {
	font-size:clamp(16px, 2vw, 1.2em);
	border-radius:2em;
	padding:.5em 1em;
	margin:.15em 0;
}
.page-header h1 + .button {
	margin-top:.5em;
}
.meta {
	font-size:14px;
	margin:0;
}
.date + .date:before {
	content:" | ";
}
.dateUpdated {
	text-align:center;
	font-size:1.4em;
	font-weight:200;
	padding:16px;
	border-top: solid 1px #abc;
	margin-top: 16px;
	text-decoration: underline dotted #7ae1;
	transition:250ms ease-out;
}
.entry-date {
	text-decoration: underline dotted #69f3;
	transition:250ms ease-out;
}
.entry-date:hover {
	text-decoration: underline dotted #69f;
}
.dateCreated {
	margin:16px 0 8px;
}

/*----------- Sticky Breadcrumbs -----------*/
#stickyBreadcrumbs {
display:flex;
position: sticky;
top:calc( var(--headerOffset) - 40px);
background:#fffe;
padding:2px;
width:100%;
transition:.25s ease-out;
z-index: 3;
}

.showScrollTopBtn #stickyBreadcrumbs {
top: calc( var(--headerOffset) - 0px);
}
#stickyBreadcrumbs .breadcrumbs{ flex:1 1 auto; align-self:center; padding:0; }
.showScrollTopBtn #stickyBreadcrumbs .breadcrumbs{  }

#stickyBreadcrumbs + h2 /*, .entry-content h2:first-child */{
	margin-top:0;
}

/*----- Print button and options ------*/
.split-button {
	display: inline-flex;
	--radius: 6px;
}
.printBtnWrapper {
	margin-top:-2px;
}
.printBtn {
	background:#fff;
	border:solid 1px #aaa;
	padding:6px 8px;
	border-start-start-radius: var(--radius);
	border-end-start-radius: var(--radius);
}
.printBtn img {max-width:none;}
.printOptionsBtn {
	display:inline-flex;
	place-items:center;
	border-start-end-radius: var(--radius);
	border-end-end-radius: var(--radius);
	border:solid 1px #aaa;
	padding:6px 8px;
	border-inline-start:none;
	cursor:pointer;
}
.split-button > * {
	background:white;
}
.split-button > *:hover {
	background:var(--pale-blue);
}

.gui-popup {
position:absolute;
inset-inline-end:0;
top:100%;
min-width:220px;
opacity:0;
background:#f8f8f8f8;
padding:4px;
box-shadow:0 1px 1px #0003, 0 1px 6px #0001, 0 1px 24px #0001;
border:solid 1px #ddd;
pointer-events: none;
transition:.15s ease-out;
cursor:default;
font-size:16px;
font-weight:400;
}

.split-button :focus-within > .gui-popup /*, .printOptionsBtn[aria-expanded="true"] > .gui-popup */{ 
opacity:1;
pointer-events: auto;
}

.gui-popup p {
	margin:0.1em 0;
}
.gui-popup header {font-weight:600; font-size:1.2em; padding:4px; }
.gui-popup #resetBtn { float:right; margin:-5px; padding: 5px; appearance:none; background:none; border:none; cursor:pointer;}
.gui-popup input[type=checkbox] {width:1px; height:1px; position: absolute; opacity:0; }
.gui-popup [type=checkbox] + label {
display:block;
padding-block:4px;
padding-inline-start:1.5em;
background-image: url(../svg/uncheckedboxc4ca.svg?1);
background-repeat:no-repeat;
background-position:4px 50%;
background-size:1em 1em;
color:#000c;
}
.gui-popup label {display:inline-block; padding:1px;}
.gui-popup label:hover , [type=checkbox]:focus + label {
  outline:solid 1px #abc;
}
.gui-popup [type=checkbox]:checked + label {
background-image:url(../svg/checkedboxc4ca.svg?1);
color:#000;
}
.gui-popup #smallerText ~ fieldset.fontSizes , .gui-popup #multiColumn ~ fieldset.colCount {
	display:none;
	padding:4px;
	font-size:90%;
}
.gui-popup #smallerText:checked ~ fieldset.fontSizes , .gui-popup #multiColumn:checked ~ fieldset.colCount {
	display:block;
}
.gui-popup [type=number] {
	font-size:1.15em;
}

.showScrollTopBtn .printBtnWrapper { height:24px;}
.showScrollTopBtn #stickyBreadcrumbs .printBtn { padding:2px 8px; border-color:#ccc; border-radius:0 0 0 var(--radius); }
.showScrollTopBtn #stickyBreadcrumbs .printBtn img {max-width:16px;}
.showScrollTopBtn .gui-popup-button.printOptionsBtn {
	padding: 4px 8px;
	border-color:#ccc;
	border-radius: 0 0 var(--radius) 0;
}


/*---- Blog Overview and Single Post -------*/
.post-header {
	text-align:center;
}

.featured-image {
	padding-bottom:58%;
	background-size:cover;
	background-position:center;
	background-color:#f5f5f5;
	box-shadow:inset 0 0 24px 1px rgba(0,0,0,.1);
	vertical-align:top;
	transition: .3s cubic-bezier(.39,.58,.57,1); 
}
.entry-title {  line-height:1.05; }
.entry-title small { font-size: 55%; display: block; }

.entry-meta { font-size:12px; padding-top:4px; }
.entry-meta a {color:inherit; text-decoration:none; }

/*---- Blog Overview -----*/
.post-summary-box {
	font-size:80%;
	box-shadow:0 0 4px rgba(0,0,0,.25); 
	box-shadow:0 0 2px #0001 , 0 0 6px #0001, 0 0 48px #0001;
	margin: 0 auto 16px; 
	display: grid;
	border-radius:5px;
	position:relative;
}

article.has-post-thumbnail {
	grid-template-columns: 3fr 2fr;
}
@media (max-width:560px) {
	.blog .hentry , .search-results-wrapper article {
		grid-template-columns: 1fr;
	}
}

.featured-img-link {
display: grid;
height: 100%;
background-color:#f7f7f7;
box-shadow:inset 0 0 8px #6661;
}
.featured-img-link img {
object-fit: cover;
height:100%;
margin:auto; 
aspect-ratio: 4/2;
}

.summary-header .wp-post-image {display:block;}

.summary-header-link { text-decoration:none; transition: .3s cubic-bezier(.39,.58,.57,1);   }
.summary-header-link:hover { text-decoration:underline; text-decoration-thickness: .12em; }

h2.entry-title {padding:.5rem 0; margin-block:.2em 0; border:none; font-size:2.2em;  }
.summary-content { padding:0 1rem 0.75rem; display:grid; align-content:center;  }



/*-------- Social Media Block ----------*/
ul.wp-block-social-links {
  list-style: none;
  display: flex;
  padding: 0;
}
ul.wp-block-social-links li{ margin:0;}
a.wp-block-social-link-anchor {
  display: grid;
  padding:4px;
  fill:white;
  background:#246;
  margin:2px;
  border-radius:6px;
}
.wp-block-social-link-anchor svg {
  fill:white;
  width:36px;
  height:36px;
}
.wp-social-link-facebook a{background:#1778f2;}
.wp-social-link-twitter a {background:#1da1f2; }
.wp-social-link-linkedin a {background:#0d66c2;}
.wp-social-link-youtube a {background:#ff0000; }
.wp-social-link-instagram a {background:linear-gradient(135deg, #3771c8, #ff553e, #ffdd55); }

/*------------ Sample Test Links ------------*/
.sample_test_links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	counter-reset:lang;
}

.sample_test_links header {
	flex:1 1 100%;
	grid-column:1/-1;
}
.sample_test_links h3 {margin:1em 0 0;}


.sample_test_links .button {
	flex:1 1 auto;
	text-align:center;
	//counter-increment: lang;
}

/*-- make the sample link buttons white --*/
#content .sample_test_links .button {
	flex:1 1 auto;
	text-align:center;
	background: white;
	color: #114A83;
	text-shadow: none;
	border: solid 2px #abc;
	border-radius:.25em;
	box-shadow: none;
	font-size:1.1em;
}
#content .sample_test_links .button:hover {
	border-color:#678;
}
.center {text-align:center;}
.right-align {text-align:end;}
.left-align {text-align:start;}

/*----------------- Languages List -------------------*/
.lang-list ol , .lang-list ul {
flex:1;
padding: 0;
margin:0 0 24px;
text-align: justify;
list-style:none;
display:flex;
flex-wrap: wrap;
gap:4px;
font-size:16px;
counter-reset: lang;
}
.admin-bar .sample_test_link :is(ol , ul) {margin-bottom:0;}
.lang-list li {
display:inline-flex;
position:relative;
line-height: 1.1;
margin:0;
flex:1 1 auto;
text-align: center;
}
.lang-list li h3 {margin:0; font-weight:initial;}

.lang_page_links li a {
flex:1 1 auto;
display: block;
padding: 8px 12px;
border:solid 1px #79c5;
text-decoration: none;
background: var(--pale-blue);
background: #e3ffff33
}
.lang_page_links li:hover a{
background:#fff;
border-color:#246;
transition:60ms ease-out;
}
.lang-list li a:before , .sample_test_links .button:before {
counter-increment: lang;
content: counter(lang) ".";
font-size: 50%;
font-weight:400;
position: absolute;
inset-block-start: 2px;
inset-inline-start: 4px;
opacity: 0.1;
}
.lang-list li:hover a:before , .sample_test_links .button:hover:before {
	opacity: 0.7;
}

/*--- Simple Column Language List ----*/
.languageListCol ol {
columns: 4 10em;
column-gap: 3em;
}
.languageListCol li {
margin:.25em 0;
line-height:1.25;
font-size:85%;
break-inside: avoid;
}
.languageListCol li:first-child {
  margin-top:0;
}
.languageListCol li a{
  position:relative;
}
.lightStyling {
border:solid thin #abc7;
padding:8px 0 8px 36px;
background: #e3ffff33;
}


/*------------- List of Guides -------------*/
.guideList {
	columns: 2 14em;
	margin-bottom:3rem;
}
.guideList a{
display:block;
padding:6px;
margin:4px;
border:solid 1px #abc;
text-decoration:none;
}
.guideList a:first-child {margin-top:0;}
.guideList a:hover {background:var(--pale-blue);}

/*-------- Guided Feedback Box --------*/

.guideFeedbackBox {
border: solid 2px #8a84;
background: #e9faf2e0;
display: flex;
justify-content: center;
align-items: center;
gap:4px;
padding:8px;
margin-block:8px;
font-size:1em;
border-radius:5px;
transition:.3s ease-out;
position:sticky;
bottom:0;
translate: 0 100%;
z-index:2;
}

.feedbackSticky .guideFeedbackBox {
	translate: 0 0%;
}
@media(max-width:880px) {
	.feedbackSticky .guideFeedbackBox{bottom:42px; margin-right:46px; margin-left:-10px; }
}

.guideFeedbackBox b {font-weight:500;  font-size:clamp(12px,2vw,18px); }

.guideFeedbackBox .button {display:inline-flex; gap:4px; padding:.6em 1.1em;}
.guideFeedbackBox .button[data-answer=Yes]{background:var(--green);}
.guideFeedbackBox .button[data-answer=No]{background:#ed3333; }

.guideFeedbackBox .button:before , .helpfulRadio .frm_label_button_container::before {
content:"";
display:inline-flex;
align-items: center;
width:1.25em; height:1.25em;
background:url(../svg/thumbsup.svg) center no-repeat;
background-size:contain;
margin-top:-2px;
transition:1s scale linear(0, 0.17 2.8%, 1.037 9.8%, 1.25 14.2%, 1.224 17.2%, 0.984 25%, 0.937 29%, 1.016 43.8%, 1);
}

#wrapper .helpfulRadio .frm_label_button_container { gap:4px;}
#wrapper .helpfulRadio :checked + .frm_label_button_container  { }
.helpfulRadio :not(:checked) + .frm_label_button_container {color:#1f99dd; border:solid 1px currentColor;}
.helpfulRadio :checked + .frm_label_button_container {outline:solid 2px var(--orange);}
.helpfulRadio :not(:checked) + .frm_label_button_container::before {
	filter:brightness(.4) sepia(5) hue-rotate(150deg) saturate(5);
}
.guideFeedbackBox .button:hover:before { scale:1.2; }
.guideFeedbackBox .button[data-answer=No]::before , .helpfulRadio [for="field_helpful-1"] .frm_label_button_container::before {
	transform:rotate(180deg);
}

/*--------------- Features Card -----------------*/
.cardWrapper {
	container-type: inline-size;
	container-name: cardWrapper;
}
.featureCard {
	display:flex;
	align-items: center;
}
.none .featureCard {
	gap:0 1rem;
}
.colorBox {
	box-shadow: 0 2px 6px #0004;
	margin: 32px auto;
	border-inline-start: solid 4px var(--accentColor);
}
.featureCard.mediaRight {
	flex-direction:row-reverse;
}
.featureCard.mediaTop {
	display:grid;
	padding:0 8px;
	font-size:90%;
	--imageWidth:100%;
}
.featureCard.mediaTop .imageArea{margin-inline:auto;}
.featureCard.mediaTop img {
	max-width: var(--imageWidth);
	margin: 0 auto;
	display:block;
}
.featureCard.mediaTop .textArea{
	margin:0 12px;
}
.featureCard.invisible {display:none;}

.fc .imageArea {
	flex:0 0 var(--imageWidth, 256px);
	width:100%;
}
.fc .imageArea.icon-media {
	max-width:var(--imageWidth, 256px);
}
.fc .imageArea img{display:block;}
.icon-media img {width:100%;}
.colorBox .fc .textArea {
	flex:1 1 auto;
	margin:0 1.8rem;
	margin: 1cqw 3.2cqw;
}
.colorBox .icon-media {
	margin: 0.5em;
}
.colorBox .mediaLeft .imageArea { margin-inline-end:0;}
.colorBox .mediaRight .imageArea { margin-inline-start:0;}


@media (max-width: 520px) {
	.featureCard:not(.is-not-stacked-on-mobile):is(.mediaLeft,.mediaRight) {
		flex-direction:column;
	}
	.fc .imageArea {
		flex-basis:auto;
	}
}

/*---------- Snippets -------------*/
.snippetContent {
	position:relative;
}
.admin-bar .snippetContent:hover {
	outline:dashed 1px #8884;
}
.error {
	background:#faa;
	padding:8px;
}


/*============= Language Pages ================*/

.single-languages .titleWrapper {padding:1.2rem; padding-top:.6rem; }
.single-languages h1.entry-title {line-height: 1.12;}

.availableTests {}

.writingExampleLink {
	display: grid;
	grid-template: 1fr auto 1fr / 1fr auto 1fr;
	text-decoration: none;
	box-shadow: 0 0 2px 1px #3217;
	background:#FFFDED;
}
.writingExampleLink > img  {
	grid-column: 1/-1;
	grid-row:1/-1;
}
.writingExampleLink:hover  {
	filter:brightness(.92) contrast(1.15) saturate(1.15);
}
.writingExampleLink .button {
	transition:.15s ease-out;
	grid-column: 2;
	grid-row:2;
	margin: 0.75em;
	
}
.writingExampleLink:hover .button {
	scale:1.015;
}

/*------ Test Cards -------*/
.cardGroup {
display: grid;
grid-template-columns: repeat(auto-fit, minmax( max(20%,240px), 0.5fr) );
display:flex;
flex-wrap:wrap;
justify-content: center;
text-align:center;
gap:6px;
}
.cardGroup.grid {
	display: grid;
}
.cardGroup:first-child {
	margin-block:0.8em;
}
.cardGroup:where(.c3,.c6,.c9,.c12) {
	grid-template-columns: repeat(auto-fit, minmax( min(100%,340px), 0.5fr) );
}

@media (max-width:600px) {
	.cardGroup {grid-template-columns:1fr;}
}

.availableTests .card {}

.card {
border:solid 1px rgba(7, 95, 175, 0.25);
border-radius:4px;
container-type: inline-size;
container-name: card;
flex:1 1 max(220px, 22%);
width:100%;
}

.card {
display:flex;
flex-direction:column;
}
.card a {flex: 1 1 auto;}
.cardGroup.simpleBlue {margin-block:16px;}
.simpleBlue .card {	flex-basis:90%;}
.simpleBlue a{background:#E3F8FF55;}
.simpleBlue a:hover{background:#E3F8FF;}
.simpleBlue .card h3 {margin:.1em;}

.big  {
grid-row: span 2;
grid-column: span 2;
}
.tall {grid-row: span 2;}
.wide { grid-column:span 2;}
.wide a {
display: grid;
grid-template-columns: var(--imageWidth, 1fr) var(--contentWidth, 1fr); 
align-items: center;
}
.cardText {padding:8px 16px; }
.noText .cardText {padding:0;}

.noImages .card a {
	padding:0.5em;
	align-items: center;
	height:100%;
}
:where(.c5) .card {
	flex:1 1 max(220px, 30%);
}
:where(.c3,.c5,.c6,.c9,.c13) .card {
	flex:1 1 max(220px, 30%);
}
:where(.c13) .card {
	flex:1 1 max(180px, 19%);
	font-size:75%;
}
.card a:not(.button) {text-decoration:none; color:inherit; }

.card .thumbnail {
width:100%;
object-fit: cover;
aspect-ratio: 3/2;
outline:solid 3px #4860;
transition: 0.2s cubic-bezier(.22,.61,.36,1);
}
.card a:is(:hover,:focus,:active) .thumbnail {outline-color:#48c6; //scale:1.015; }

.cardContent {
flex:1 1 auto;
display:grid;
gap:inherit;
margin-bottom:4px;
padding:0 1cqw;
display: -webkit-box;	
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;	
overflow: hidden;
text-wrap:pretty;
}
.card p{
margin:0;
margin:.3em 0;
padding:0 2px;
line-height:1.1;
font-size:clamp(14px,0.9em,17px);
flex: 1 1 auto;
text-wrap:pretty;
}
.card a img {vertical-align:top;}
.card h3 {
margin:0.4em 0 .25em;
font-size:1.3em;
display: -webkit-box;	
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;	
overflow: hidden;
}
.pageChildren .card h3 {
	//font-size:1.1em;
}

.card .button {
margin:4px;
margin: calc(4px + .5cqw);
flex-grow:0;
}

/*-- Icons --*/
.skillBox {
	border-top:solid 2px #c1d7eb;
	font-size:13px;
	display:grid;
	margin:4px;
	padding:4px;
	grid-template-columns:repeat(auto-fit, minmax(24px,0.2fr) );
	place-content:center;
}
.skillBox span {
    min-height: 30px;
    position: relative;
    background-repeat:no-repeat;
    background-position: center;
	background-size:contain;
	margin:2px 0 -2px;
}
.skillBox span b {
    position: absolute;
    bottom:100%;
    left:50%;
    background:#0B558E;
	font-weight:400;
    color:white;
    padding:2px 4px;
    border-radius:4px;
    transition:0.12s ease-out;
    translate:-50% 6px;
    scale:0.75;
    opacity: 0.0;
}
.skillBox span:hover b {
    opacity: 1;
    translate:-50% -2px;
    scale:1;
}

.skillBox span.Reading {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/Reading-Small.svg);
}
.skillBox span.Writing {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/Writing-Small.svg);
}
.skillBox span.Listening {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/Listening-Small.svg?01);
}
.skillBox span.Speaking {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/Speaking-Small.svg);
}

.skillBox span.Receptive  {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/receptive-small.svg);
}
.skillBox span.Expressive  {
    background-image:url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/expressive-small.svg);
}


/*------- Custom FAQ Block ------*/
section[itemtype="https://schema.org/FAQPage"] {
	//margin:16px 0;
}
[itemprop="mainEntity"] {
  display:flow-root;
  border: solid 1px #e9e9e9;
	margin-block:12px;
}
[itemprop="name"] {
	display:block;
	background: #ebfbff;
	padding:12px;
	margin:0;
	font-size:1.4em;
	border-bottom:inherit;
}
[itemprop="acceptedAnswer"] {
  padding:12px;
}
/*--- FAQ expander styling ---*/
.faqWrapper .expanderSection {
  padding:0;
  border-radius:4px;
}
.faqWrapper .section-header {
border:none;
font-size: .8em;
background:#fff;
font-weight:500;
border-radius:4px 4px 0 0;
}
.faqWrapper .section-header:hover {
background:#e4f6ff77;
}
.faqWrapper .expanderSection[open] .section-header {
border-bottom:solid 1px #e9e9e9; 
background:#ebfbff;
}
.faqWrapper .section-header:hover {
  filter: contrast(1.0);
}
.faqWrapper .section-header h3 {font-weight:inherit;}
[itemprop="acceptedAnswer"] {padding:4px 12px; }

.faqWrapper .expanderSection > .linkIcon { top: 0.8em; }



/*--------------- Search Results Page -------------------*/
.summary-wrapper {
	padding:16px 10px;
}
.searchResultsHeader {
	position: sticky;
	top: var(--headerOffset);
	background: #fffd;
	z-index:9;
}
.searchResultsHeader .searchWrapper {
	font-size:1.4em;
}
.result-stats {
	border-top: solid 1px #bcd;
	padding:0.5em 0;
	margin:.5em 0;
	font-weight:300;
}

.search-results-wrapper article {
	border:solid 1px #bcd;
	box-shadow:none;
}
.postSelector {
	padding:4px;
	gap:4px;
	font-size:.8em; 
}
.postSelector input[type]{
	opacity:0;
	pointer-events:none;
	position:absolute;
}
.postSelector .whiteButton {}
.postSelector .whiteButton:hover {background:var(--pale-blue);}
.postSelector input[type]:checked + label{
	background:var(--light-blue);
	font-weight:bold;
}

.postType {
	font-size:12px;
	position: absolute;
	top:1px;
	right:1px;
	background:#fffc;
	padding:4px;
	z-index: 3;
	border-radius:3px;
	line-height:1;
}

.moretag a {display:none; }

/*------- Gallery ---------*/
.wp-block-gallery img {

}




/*-------------- Lightbox Styling -----------------*/
.openInLightbox {
	cursor:zoom-in;
	display:block;
}
.openInLightbox img {vertical-align:top; transition: 0.5s cubic-bezier(.18,.89,.32,1.28); box-shadow:0 0 2px 1px #8cf0; }
.openInLightbox:is(:hover,:focus) img{
	box-shadow: 0 0 2px 1px #8cfc;
}
#lightbox {
	background:#eee2;
	padding:0;
	border:none;
	box-shadow:0 0 8px 2px #0005;
	border-radius:4px;
	max-width: calc(100% - 4px - 4vw);
	max-width: 160vmin;
	max-height: min(99vh, calc(100vh - 4px - 3vh));
	animation:.2s zoomIn ease-out;
	view-transition-name: lightbox;
}

.imageContainer {
box-shadow:0 0 2px 1px #aaa9;
padding:min(1.5vw,8px);
background:#eee;
 margin:0px;
}
.imageContainer img {
  display:block;
}
.imageContainer img[src$=".svg"] {
  background:white;
  width:min( 100vw , calc(100vw - 24px) ) ;
}
.lightbox-caption {
display: flow-root;
font-size: 0.8rem;
padding:8px;
margin:0;
background:#0008;
color:white;
}
#lightboxCounter {color:#ddd;}

.navBtn {
position: fixed;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: #9009;
border: none;
cursor: pointer;
z-index: 100;
padding: 0.5em;
opacity: 0.7;
transition-behavior:allow-discrete;
animation:.25s fadeIn ease-out .25s both;
view-transition-name: lightboxArrows;
}

#prevBtn { left: 0; }
#nextBtn { right: 0; }

@keyframes zoomIn {
  from {scale:.4;}
  to {scale:1;}
}
::view-transition-new(lightbox) {
	outline:solid red;
	overflow:visible;
}

.hotspot.fig1 {
	//view-transition-name: hotspot1;
}

#lightbox::backdrop {
	background:#012;
	opacity:.55;
	cursor:zoom-out;
	transition: 0.25s ease;
	transition-behavior:allow-discrete;
}
@starting-style {
	#lightbox::backdrop {
		opacity:0;
	}
	#lightbox .navBtn  {
		opacity:0;
	}
}


#lightboxMenu {
display: flex;
gap: 4px;
position:fixed;
top:2px;
right:4px;
z-index:9;
view-transition-name: lightboxMenu;
}
#lightboxMenu button {
border:none;
background:#0008;
color:white;
padding:8px 12px;
line-height:1;
border-radius:5px;
cursor:pointer;
position:relative;
}
#closeModal {
font-size:24px;
font-size: clamp(20px,3vw,32px);
animation:.25s fadeIn ease-out .25s both;
}


#lightbox.containedView {
	max-height: calc(100vh - 74px);
	overflow:visible;
}
#lightbox.containedView .imageContainer{
	overflow:visible;
	cursor:zoom-in;
}
#lightbox.containedView.zoomed {
	aspect-ratio:auto !important;
	overflow:auto;
	max-height:calc(100vh - 8px);
	margin-bottom:0;
	border-radius:0;
}
#lightbox.containedView.zoomed .imageContainer{
	cursor:zoom-out;
}

#lightbox:not(.containedView) #ZoomInLB {
	display:none;
}

#lightbox.textLightbox {
	max-width: 96vw;
	top:40px;
	font-size: clamp(22px, 3.6vw, 60px);
	background: white;
	padding: 0;
}
#lightbox.captionLightbox {
	background:white;
	max-width:62ch;
}
#lightbox.captionLightbox::backdrop {
	background:#ccc;
	opacity:.35;
	cursor:zoom-out;
}
#lightbox.captionLightbox .imageContainer {
	box-shadow:none;
}
#lightbox.hotspotLightbox {

}

.textLightbox dd.example {
	margin:0;
	padding:.5em 1em;
}





/*---------- Mail List Callout ------------*/
.mailListFooter{
color:#000;
background-color:#F6DBE3;
padding:24px 8px;
margin-top:16px;
font-size:106%;
}
.mailListFooter .maxwidth{
display:flex;
align-items:center;
gap:1rem;
justify-content: space-between;
}
.mailListFooter .button {white-space:nowrap;}
.mailListFooter h3 {margin:4px;  }
.mailListFooter p {margin:4px; font-size:0.92em;}
@media(max-width:600px) {
	.mailListFooter .maxwidth { display: block; max-width:400px; text-align:center;}
}

/*---------- Timezone picker dropdown -----------*/
.timezoneDropdownWrapper select {
font: inherit;
font-size:0.99em;
background: inherit;
color: inherit;
border: dotted 1px #888a;
padding: 1px;
border-radius: 4px;
transition:.1s ease-out;
}
.timezoneDropdownWrapper select:is(:hover, :focus-visible) {border-style:solid;}
.dynamicSupportHours time {	display:inline-block;  transition: 200ms cubic-bezier(.45,.05,.55,.95); }
.dynamicSupportHours time.animating {  opacity: 0.4;}


/*======================== Footer ==================================*/
.footerWrapper {
	--curveHeight:calc(1vw + 10px);
	content-visibility: auto;
	contain-intrinsic-size: 1680px;
	contain: layout;
}

#footer::before  {
content:"";
display:block;
height:10px;
background: linear-gradient( to right, #ef962b 0% 20%, #1f99dd 20% 40% , #f24678 40% 60% , #c5aed6 60% 80%, #4ad395 80% 100% );
}

#footer {
	background-color:#141414;	
	//background-image: radial-gradient(73vw 72vw at 50% 7%,#1e75ca96 40%,transparent 70%);
	color:var(--reverse-color, #f5f5f5);
	position: relative;
}

#footer a {color:#e6ebee;}
#footer a:hover {color:#fff;}



/*-- Footer Navigation --*/
.footerColumns {
	--h2margin: 0.3rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr) );
	padding-inline:0.25rem;
	gap: 0.35rem;
	padding-bottom:16px;
}

.footerColumns h2 , #accolades h2 { font-size:1.25em; font-weight:500; margin: var(--h2margin) 0; }

.footerColumns nav {
	background:#0F4479;
	background:#282828;
	font-size:0.9em;
	padding:calc(0.4vw + 8px);
	padding-bottom:0;
	position:relative;
}
.topRow.footerColumns nav {
	padding-top:calc( var(--curveHeight) * 1);
}
.footerColumns nav:before {
	content:"";
	position: absolute;
	left:0; top:0;
	height:100%;
	width:1px;
	background:white;
	background:linear-gradient(transparent, #fff8, transparent);
	background:linear-gradient(#fff2, #fff6 8% 16%, #fff2);
}

.footerColumns nav ul {
	margin-bottom:10px;
}
.footerColumns nav ul ul {
	margin-top:9px;
	margin-bottom: 0;
}


.navColumns li { --padding:10px; margin:0; margin-top:-1px; padding:var(--padding); }

.navColumns li a {
	display: block;
	padding:var(--padding); 
	margin:calc( var(--padding) * -1); 
	background:#191919; 
	border:solid 1px #555;
	text-decoration:none;
	font-size:0.82rem;
	position:relative;
}

.navColumns li a:hover { background:#000; border-color:#777; z-index:2; }

.navColumns li a[href="#"] {outline:dotted 2px #f41a; outline-offset: -6px;}

#accolades a{
	display:inline-block;
	position:relative;
}

/*-- Copyright Area --*/
#footer #copyright {
	text-align:center;
	padding:16px;
	background:#000;
	font-size:16px;
	box-shadow:inset inset 0 4px 12px 0px rgba(0,0,0,.25) , 0 2px 2px rgba(0,0,0,0.7);
	background-image: linear-gradient( rgba(0,0,0,.2) , rgba(0,0,0,.1) );
	background-blend-mode: multiply;
	border-top:solid 1px rgba(255,255,255,.25); 
}



/*--- Sticky Header ---*/

.sticky-header-active {
	padding-top: var(--headerHeight);
}
.sticky-header-active #header  {
	position:fixed; 
	top:var(----wp-admin--admin-bar--height, 0px); 
	left:0; right:0; 
	font-size:90%; 
	animation: slideDown .25s ease-in-out; 
}

.sticky-header-active #site-logo img { max-height:40px; }
	
@keyframes slideDown {
	0% {transform: translateY(-100%); }
	100% {transform: translateY(0%);  }
}

/*================= Ketch Banners and Buttons ===============*/

#lanyard_root a[target="_blank"]:after {display:none;}

/*-------- Privacy Center ---------*/
#lanyard_root * {
font-family: inherit;
}
#lanyard_root#lanyard_root :is(.ketch-fixed) {
	background-color:#0003 !important;
}
#ketch-preferences {
	width:min(90%,1200px);
	background:white;
	animation: 0.4s slideIn cubic-bezier(.17,.84,.44,1);
}		
#lanyard_root * :is(.sm\:ketch-max-w-\[328px\]) {
	max-width:328px !important;
}
#ketch-preferences .ketch-text-left p {//margin:.8em 0;}
#lanyard_root#lanyard_root * .ketch-mb-8 {margin-bottom:0;}


/*----- Privacy Settings Button (bottom left corner) -----*/
#PrivacySettingsBtn {position:fixed; bottom:2px; left:2px; padding:12px; padding-left:max(10px, env(safe-area-inset-bottom, 0) );  z-index:9; border-radius:5px; }
.indicator {
	height:10px; width:5px;
	display: inline-block;
	background:#ccc;
	font-weight:bold;
}
.indicator.i_analytics { border-radius:8px 0 0 8px;  }
.indicator.i_behavioral {border-radius: 0 8px 8px 0;}
.k_behavioral .indicator.i_behavioral { background:limegreen;}
.k_analytics .indicator.i_analytics {background:limegreen;}

/*-- Privacy Buttons in Footer ("Do not sell my personal information") --*/
.PrivacyButtons {
	font-size:90%;
	text-align:center;
	padding:0.2rem 0 1.2rem; 
	text-wrap: balance;
}
.conditional { display:none; }
html[jurisdiction="texas"] .conditional { 
	display:inline-block; 
}
.PrivacyButtons .button { margin:4px;  }

.button.new::after {
content: "New";
display:inline-block;
background: #0005;
vertical-align: super;
font-size: .75em;
border: solid 1px #fff4;
border-radius: 10px;
padding: 4px;
margin-top:-0.5em;
margin-inline-end:-0.5em;
}


/*--------- WeGlot Button ----------*/
html .country-selector.weglot-default {
	right:2px;
	bottom:2px;
	font-family:system-ui;
	border-radius:6px;
}
html .country-selector.weglot-dropdown span {
	font-size:14px;
}
.wglanguage-name::before {
  content: "";
  width: 2.2em;
  display: inline-block;
  height: 1.8em;
  vertical-align: bottom;
  background: url(../svg/languageicon.svg) no-repeat;
  margin-inline-end: 4px;
}

@media (max-width:600px) {
	.country-selector.weglot-default {
	right:0px;
	}
	.country-selector.weglot-dropdown .wgcurrent {
	padding-right:env(safe-area-inset-bottom, 0);
	}
	html .country-selector.weglot-dropdown .wgcurrent span {
		padding-right:40px;
	}
	html .country-selector.weglot-dropdown .wgcurrent::after {
		right:calc( 2px + env(safe-area-inset-bottom, 0) );
		
	}
}

/*================================== Media Queries ========================================*/

@media (prefers-contrast: more) {
	.button, .special a, .wp-element-button {
	background:#1352b5;
	}
	.mailListFooter {background-color:#fff1f1;}
}
@media (forced-colors: active) {
	#header {forced-color-adjust: none; background:black;}
	.scrolledDown #header { opacity:1;}
	#menu li.menu-item-has-children > a .menu-text::after  { 
	content: '\2304';
	border: none;
	margin: -4px 2px;
	}
	.button, .special a, .wp-element-button {
	forced-color-adjust: none; 
		background:black;
	}
	.featureCard {forced-color-adjust: none; border:solid 1px #aaa6;}
	#footer {
		forced-color-adjust: none;
	}
	.mailListFooter {
		forced-color-adjust: none;
		background-color:#fff1f1;
	}
	.page-header , .searchBtn , #allGuides .section-header , [role=button] {forced-color-adjust: none;}
	#wrapper #allGuides .section-header {background:black; color:white;}
	div.frm-chat-wrapper [role=button] {background:black; color:white;}
}


@media (min-width:782px) {
	.admin-bar .sticky-header-active #header {top:32px;}
	:root.scrolledDown {--headerHeight:46px;}
	.scrolledDown #branding { //padding: 0px 0 4px; }
	.scrolledDown #site-logo img { //height:34px; }
}

/*--- Adjust Font Size ---*/
@media (max-width:1120px) {
	html {  }
}

@media (max-width:1080px) {
	html { font-size:115%;  }
}

@media (max-width:1024px) {
	html {font-size:110%; }
}
@media (max-width:980px) {
	html {font-size:105%; }
	#site-logo img { //height:32px;}
}
@media (max-width:890px) {
	html {font-size:100%; }
}
@media (max-width:850px) {
	html {font-size:97%; }
	#header .maxwidth {max-width:100%;}
	
}

@keyframes fadeIn {
  0% {opacity:0;}
}
@keyframes fadeOut {
	to {opacity:0; }
}
@keyframes slideIn {
	0% { transform:translateX(-100%); }
	100%{ transform:translateX(0%); }
}
@keyframes slideOut {
	0%{ transform:translateX(0%); }
	100%{ transform:translateX(-100%); }
}

/*---- Mobile Styling ---*/

@media (max-width:768px) {
	:root { --headerHeight:52px; }
	.footerWrapper { --curveSize: 1.0; }
	#wpadminbar {position: fixed; overflow:auto; }
	#branding {padding-left:8px;}

	/*------- Hamburger Menu -------*/
	/*-- Hamburger button --*/
	#header {padding-left:50px; }
	.hamburger-button {display:inline-flex;}
	#menu-toggle {
		display:inline-flex; 
		align-items:flex-end; 
		justify-content:center;
		position:absolute; 
		left:0; 
		top:0;
		font-size:3rem; 
		width:54px;
		height:100%;
		padding:12px; 
		cursor:pointer;
		background:none;
		color:inherit;
		isolation: isolate;
		border:solid 1px rgba(200,200,200,0.1);
	}
	#menu-toggle svg { transform:translateY(4px); }
	.menu-hamburger #header .hamburger-button[aria-expanded="true"] {background:black; }
	
	/*-- Slide Out Menu --*/
	#menu { 
		display:block;
		position:fixed;
		top: calc( var(--headerHeight) + var(--wp-admin--admin-bar--height, 0px) ) ; 
		left:0%; 
		width:100%; 
		font-size:16px;
		height:calc(100% - var(--headerHeight, 0) );
		overflow-y:auto;
		background:rgb(140 142 144 / 0.4);
		backdrop-filter: blur(2px);
	}
	.sticky-header-active #menu { top: var(--headerHeight); }
	#menu[data-state="closed"] {
		display:none;
	}
	#menu[data-state="opened"] { 
		display:block;
	}
	#menu[data-state="closing"] {
		animation: 0.15s 0.1s fadeOut cubic-bezier(.23,1,.32,1)  both;
	}

	/*--- Slide Out Inner Menu --*/
	#menu .menu { 
		min-height:100%;
		background: #000;
		max-width:min(84%, 280px);
		flex-direction: column;
		box-shadow:4px 0 16px #0009;
	}
	#menu[data-state="opened"] .menu {
		transform:translateX(0%);
		animation:0.35s slideIn cubic-bezier(.19,1,.22,1) both;
	}

	#menu[data-state="closing"] .menu {
		transform:translateX(0%);
		animation:0.4s slideOut cubic-bezier(.23,1,.32,1)  forwards ;
	}

	/*--close button --*/
	#menu .close-btn {
		position:absolute; 
		top: 0px; 
		right:-100px; 
		left:auto;
		font-size: calc(2em + 2vw);
		background: #fff3;
		border:none;
		color: #222;
		width:99%; 
		display:flex;
		justify-content:end;
		align-items:flex-start;
		opacity:0;
		z-index:-1;
		cursor:pointer;
		transition:.15s opacity ease-out;
	}
	#menu[data-state="opened"] .close-btn { right:0; bottom:20px; opacity:1; }
	
	/*-- Hamburger Dropdown Menus --*/
	#menu li { flex-direction:column; border-bottom:solid 1px rgba(0,0,0,0.4); flex:0 0 100%;  }
	#menu li a {text-align:left; justify-content:flex-start; padding:1.1em;}
	
	#menu li ul li a .menu-text:before  { content:"\2013 "; margin-inline-end:4px; }
	#menu .submenuWrap { display:grid; grid-template-rows: 0fr; transition:.25s ease-out; margin-inline-start: 6px; border-inline-start:solid 4px #ace6;  }
	#menu li .sub-menu { overflow:hidden; background:#0246; }
	#menu li.parentOpen > a {background:black; background: linear-gradient(#0124,#012c); }
	#menu li:is(.parentOpen) > .submenuWrap {  grid-template-rows:1fr; }
}

@media (max-width:600px) {
	.footerColumns.secondRow .footerCol:nth-child(3) {grid-column: span 2;}
}

@media (max-width:400px) {
	html {font-size:95%; }
}

@media (forced-colors: active) { 
	#content .button {
		background:black;
		border:solid 2px;
	}
}

@media print {
	@page { margin: 0.4in }
	#header , .footerWrapper , #backToTop , .country-selector.weglot-default , #PrivacySettingsBtn {display:none;}
	.sidebarAndContent {display:block; --maxwidth:100% !important; }
	.sidebar , .sidebar2 , .page-header:after , #stickyBreadcrumbs , a.linkIcon , .testCategories  { display:none; }
	.page-header {padding-top:0px; background:#fff; color:#000; margin-bottom:12px; border-bottom: solid 2px #000; }
	.hs-cta-embed__loaded , .mailListFooter, .guideFeedbackBox {display:none;}
	
	.header-content {min-height:0; padding:2px;}
	.titleWrapper {padding:0.1in 0;}
	.page-header h1 {text-shadow:none; color:initial; font-size:3.0em; padding-top:8px; font-weight:300; }
	.breadcrumbs {font-size:12px;}
	
	p , li { orphans:3; widows:3; }
	h2, h3, h4, h5 {page-break-after: avoid; break-after:avoid;}
	
	[itemprop="mainEntity"] {border-color:#bbb; border-style:dotted; border-width: thin;}
	.printBtnWrapper {display:none;}
	
	.entry-content thead {position: static;}
	#NPS {display:none;}
	
	table, figure {//page-break-inside: avoid;}
	th { background: #eee;  color: initial;	print-color-adjust:exact; -webkit-print-color-adjust: exact;	}
	
	.button.button , .wp-element-button.wp-element-button {text-shadow:none; box-shadow: 0 0 0 1px #000; background:white; color:#000;  }
	.skillBox span {-webkit-print-color-adjust: exact; }
	#banner {print-color-adjust: exact; -webkit-print-color-adjust: exact; grid-template-rows: 0px 1fr 16px; min-height: 0;}
	
	.entry-content.smallerText , .entry-content.multiColumn {max-width:100% !important; padding-inline:4px;}
	iframe[src^="https://www.youtube.com"] {display:none;}
	iframe[src^="https://www.youtube.com"]::after { content:"YouTube Video" attr(src);}
}

/*--- Print Options ----*/
.printLinkURLs .entry-content a[href]::after { 
	content: " ("attr(href)") "; 
	font-size:12px;
	font-weight:600;
	width:auto;
	background:none;
	hyphens: none;
	word-break: break-word;
	font-variation-settings: 'YTLC' 570 ,'XTRA' 480; 
}
a.linkIcon::after , .breadcrumbs a::after , a.openInLightbox:after  { display:none;}

.smallerText .entry-content{ max-width:760px; margin-top:12px; font-size:var(--font-size); }
.multiColumn .entry-content{ max-width:790px; } 
.multiColumn .table-contents a.active {border-inline-start: solid 6px #eee;}

.smallerText h2 , .multiColumn h2 { font-size:2em; }

.section-wrapper:has(table) {column-span: all;}
.multiColumn .card {display:block; break-inside:avoid;}
.testCategories, .internalDetails {column-span:all;}

.multiColumn  .entry-content{ column-gap:0.3in; orphans: 1; widows: 2; hyphens: auto; }
.multiColumn.columns3 .entry-content {columns:3;}
.multiColumn.columns2 .entry-content {columns:2;}
.multiColumn.columns3 .is-layout-flex {flex-direction:column;}

.multiColumn #stickyBreadcrumbs {column-span: all; }
.multiColumn :is(h1,h2) {break-inside: avoid; break-after:avoid; }

.lightFontWeight .entry-content {font-weight:200}
.lightFontWeight :is(h1,h2,h3,h4) {font-weight: 300; border-width:.07em;}