/*
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;
  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;
  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:72px; 
--sidebarwidth:280px; 
--maxwidth:1300px;
	
--ocean-blue:#0B558E;
--ocean-blue:#075FAF;
--navy-blue:#073868;
--light-blue: #CEEDFF;
--pale-blue: #E3F8FF;
--orange:#FF6F25;
--orange:#e86529;
--charcoal:#2c2927;
	
--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; }

#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);
	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: sticky;
bottom: 0;
left:0;
right:0;
z-index: 3;
padding:10px 180px 10px 146px;
opacity:0.95;
margin-top:12px;
}
.stickyBottomBanner a {color:#FFC709; display:inline-block;}
@media(max-width:800px) {
	.stickyBottomBanner { padding:12px; padding-bottom:46px;}
}
/*================================== General Formatting ============================================*/

.assess { --accentColor: #16AA29; }
.analyze { --accentColor: #FFC709; }
.accelerate { --accentColor: #F57E2A; }
.achieve { --accentColor: #4A80C2; }

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

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

h1 small , h1 big { display:block; }
h1 small , h1.small { font-size: 1.6rem; margin:.1em 0;}

h2 {
font-size:1.8em;	
font-size: clamp(26px,4.5vw,2.4em);
font-weight: 700;
}
h2.wp-block-heading {}
.colorBox h2:first-child { margin-top:0.12em;}

h3 { font-size:1.65em; }

h1.small , h1 small, h3, h4, h5, h6 { font-family: "PT Serif", serif; font-style:italic; }
h3 { font-size:1.5em; line-height:1.25; }
h3 em , h1 small em , h1.small em {color:#1F99DD; }

#mainBanner h1.small {font-family: "PT Serif", serif; font-style:italic; font-size: 1.6rem; }
#mainBanner :is( h1 + h1, h1 + h2) { margin-top:0; }

h4 { font-size:1.3em; }
h5 {font-size:1.15em;  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:.8rem 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:750; }

p.caption {line-height:1.15;}

#content .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%;
}
.entry-content thead {
	position: sticky;
	top: calc( var(--headerOffset) + 0px);
	z-index:1;
}
.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;
}

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, .wp-block-quote::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;
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%;}
.block img {display:block;}

@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;}

.pageCard {
	box-shadow:0 0 4px #0001 , 0 0 8px #0001, 0 0 16px #0001;
}


/*------ Groups and Columns maxwidth ------*/
.wp-block-group , .wp-block-columns{
	max-width:var(--maxwidth);
	margin:0px auto;
	gap:0.5rem;
	gap:2.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;
		gap:0;
	}
	.wp-block-group {gap:0px;}
}

/*-------- Main Banner ----------*/
body {--screen-width:calc(100vw - (100vw - 100%)); }
#mainBanner {
background:#DFEDFA;
display:flex;
gap:2px;
}

#mainBanner .textbox , .alignLeftMargin {
  flex: 1 1 50%;
  margin:auto;
  padding-left: max( 1rem , calc( ( var(--screen-width) - var(--maxwidth) ) / 2) );
}
.bannerImage {flex:1 1 45%; max-width: 150vh;}
.bannerImage img {vertical-align: top;}

@media(max-width:520px) {
  #mainBanner {flex-direction: column;}
}

/*--- icon list -----*/
.iconList .wp-block-media-text {
	align-items: center;
	box-shadow:none;
	grid-template-columns: auto 1fr;
	margin-bottom:10px;
}
.iconList .wp-block-media-text__media img {
	width:3.1em;
	background:white;
	border-radius:50%;
}
.iconList .wp-block-media-text__content {
  padding: 0 0.6rem;
}

/*--- Numbered Text Groups (with yellow circles) ---*/
.groupCounter {counter-reset: box; max-width:100%; }
.groupCounter .wp-block-group { counter-increment: box;}
.groupCounter .wp-block-group:before {
content: counter(box, decimal-leading-zero) ;
display: inline-flex;
align-items: center;
background:gold;
border-radius: 50%;
font-weight:bold;
font-size:14px;
padding: 10px;
line-height:1; 
aspect-ratio:1/1;
margin-bottom:-6px;
}


/*---- Section Wrapper ----*/
#content .section {
	padding: 4vw 1rem;
	display:flow-root;
}

.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) );
}

/*---- Group Grid -----*/
.is-layout-grid {
  display: grid;
}

/*---- WP Table -----*/
.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}
table.has-fixed-layout {
	table-layout: fixed;
}
.wp-block-table table :is(td, th){
	border:solid 1px #aaa;
	padding:6px;
	padding: clamp(4px, 1.4vw, 12px);
	background-image:radial-gradient(#fffb 10%,#fff0);
}
.wp-block-table table th{
	background:#DFEDFA;

	background-clip: padding-box;
}

.has-custom-border img {
	border-color: #aaa3;
	border-style: solid;
}
.has-background {padding:.3em .4em; background-color:var(--bg); }
.has-white-color {color:white;}
.has-charcoal-background-color {--bg:#423a39}
.has-paleyellow-background-color {--bg:#fffde2;}
.has-palegreen-background-color {--bg:#E7F2DF;}
.has-paleblue-background-color {--bg:#ddeeff;}
.has-pink-background-color {--bg:#F24678; }
.has-gold-background-color {--bg:#f7d443; }

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

.scrollingBackground {
  background-attachment: fixed;
  aspect-ratio: 10/2;
	min-height:200px;
}

/*--- 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;
	-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;
}

/*----- 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 , div.frm-chat-wrapper [role=button] {
	display:inline-block;
	position:relative;
	background:#e86529;
	background: color(display-p3 0.9 0.41 0);
	background:#F24678;
	color:white;
	line-height:1.05;
	text-decoration:none;
	border:none;
	border-radius:50px;
	font-size:0.9em;
	padding: 0.7rem 1.8rem;
	font-weight:bold;
	transition:15ms ease-out;
}
.button.playIcon , .wp-block-button.playIcon a {
background-image: url(https://cdnprodwpv2.avantassessment.com/wp-content/uploads/playButton.svg);
background-repeat:no-repeat;
background-position: calc(100% - 4px) 50%;
background-size:auto 80%;
padding-right:3rem;
}

.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;
	box-shadow: inset 0 0 0.15em 0.1em #ff96;
	background: white;
  color: #f14678;
  text-shadow: none;
  padding: .8em 1.8em;
}
.button.large {
	padding:0.6rem 0.8rem;
	font-size:130%;
}
.button:hover , .special a:hover {filter:brightness(1.1) saturate(1.18);}
.button:active {
translate: 0 2px;
scale:0.996;
filter:brightness(.97) saturate(1.15);
box-shadow: inset 0 -1px 1px 1px #ff96 , 0 -1px 0 1px #9f3824;
}
.button.arrowIcon:after , .arrowIcon a:after {
  content:"";
  display:inline-block;
  background: url(/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;
  filter: drop-shadow(-1px -1px #600c);
}
.arrowIcon.right:after {
	rotate:-90deg;
}
.arrowIcon.topRight:after {
	rotate:-135deg;
}


a[target="_blank"].button::after {
background:url(/wp-content/themes/ez-nettools-02/images/outboundLink2.svg);
filter: brightness(3) drop-shadow(1px 1px #0009);
vertical-align: top;
}

.whiteButton {
	border: solid 1px #bcd;
	background:white;
	padding:6px;
	line-break:1.1;
	border-radius:4px;
	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;
}

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;}
.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; }


/*------------------------ Header --------------------------------*/
#header {
	display:flex;
	background:#000;
	color:#fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.25) , 0 1px 6px rgba(0,0,0,.25);
	z-index:999;
	position:relative;
	padding-block:12px;
	padding-inline:1em;
}

#header {
	position:fixed;
	top:var(--wp-admin--admin-bar--height, 0px);
	left:0;
	right:0;
}
.scrolledDown #header {
	opacity: .9;
	padding-block:6px;
}
#header a { text-decoration:none; color:inherit; }

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

#branding {display:flex;  padding:6px 2px; justify-content:center; align-items:center; }
.poweredByAvant {
font-size: 12px;
font-weight: 600;
line-height: 1.05;
--spacing: clamp(1em,2vw,1.5em);
padding-inline-start: var(--spacing);
margin-inline-start:var(--spacing);
border-inline-start:solid 1px white; 
}
.avantName {
  font-size: 2.5em;
  display: block;
}
.poweredByAvant img{
	display:block;
	height: 26px;
	width:auto;
}
#site-logo {  display:inline-block; align-self: center; //aspect-ratio: 328 / 168; }
#site-logo img {display:block; width:auto; height:44px;  }

#header, #branding , #branding img { transition: 0.35s cubic-bezier(.19,0,.01,1.01); }

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

/* 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 ----------------------*/
ul.menu {
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
.menu li {
	display:flex;
	padding:0;
	margin:0;
	flex:1 1 auto;
	line-height:1.15;
	position:relative;
}
.menu li a {
	display:flex;
	padding:.6em;
	flex:1 1 auto;
	line-height:1.15;
	text-decoration:none;
}
.menu li a .menu-text {
	flex:1 1 auto;
	margin:auto;
	padding:4px 0;
}
.menu li a:hover {
	background:#fff3;
}
a[aria-current="page"] {
	font-weight:700;
}

.menu li a[aria-current="page"] .menu-text , .menu li.current_page_ancestor > a .menu-text {
	border-top:solid 3px transparent;
	border-bottom:solid 3px #f7d443;
}
.menu .sub-menu li a[aria-current="page"] .menu-text {
	border-bottom:none;
}
.menu .sub-menu li a[aria-current="page"] {
	background:#65b9e155;
}

/*--- Menu with Children ---*/
li.menu-item-has-children > a .menu-text:after {
	content:"";
	display: inline-block;
	height:0;
	vertical-align:middle;
	border:solid .23em transparent;
	border-top:solid  .35em currentColor;
	border-bottom:solid 0px transparent;
	margin-inline-start:5px;
	opacity: 0.9;
}

/*---- Sub Menus ----*/
.menu li .submenuWrap {
	display:none;
	border:solid 1px #aaa6;
	position: absolute;
	top:100%;
	background:#000e;
	font-size:94%;
	width: max-content;
    max-width: 14em;
    min-width: 100%;
}
.menu li:hover .submenuWrap {
	display:grid;
}
.menu li .submenuWrap .sub-menu {
	display: grid;
	padding:0;
}
.menu li .submenuWrap .sub-menu li {}
.menu li .submenuWrap .sub-menu li a {
	border-top:solid 1px #aaa5;
}

/*------- Back To Top button -------*/
#backToTop {
	display:flex;
	align-items: center;
	position:fixed;
	bottom:46px; 
	right:-54px;
	border:solid 1px #abc;
	border-radius:60px;
	color:#1f99dd;
	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:16px;
	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;
}


/*------- Mira Language List ----------*/

.languageList ol {
	list-style: none;
	margin: 0; padding:0;
	display:flex;
	gap:0.5rem;
	font-size:1.25em;
	font-weight:bold;
	line-height:1.15;
	justify-content: center;
}
.languageList ol li {
	display: grid;
	border:none;
	border-radius:100px;
	background:#0C83D1;
	background:#3098d4;
	background:#f24678;
	color:white;
	--padding:0.5em 1em 0.55em;
	padding:var(--padding);
	line-height:inherit;
	flex:1 1 auto;
	text-align:center;
	margin-bottom:24px;
}
.languageList ol li:has(a) {
	padding:0;
}
.languageList ol li a {
	color:inherit;
	text-decoration: none;
	padding:var(--padding);
}
.languageList ol li:has(a):hover {
	filter:brightness(1.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:500;
	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:400;
	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;
}
*: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:linear-gradient( #fff, 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(/wp-content/themes/ez-nettools-02/images/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[aria-current="page"] {
	font-weight:700;
	background:#dfedfa;
}
.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 {
	border:solid 1px #ddd;
	display:grid;
	grid-template-columns:auto 1fr;
	gap:1px;
	background:#ddd;
}
.glance dt, .glance dd {
	background:white;
	padding:10px;
	margin:0;
	line-height:1.2;
}
.glance dt {
	background:#075faf;
	color:white;
	text-align:end;
}
.glance dt:nth-of-type(odd) {background:#095193;}
.glance dd:nth-of-type(odd) {background:#f0f9ff;}
@media(max-width:490px) {
    dl.glance {
        grid-template-columns:min-content 1fr;
    }
}

/*------ 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:#136;
background-image: linear-gradient(to bottom right,#136,#3e518c);
background-image: radial-gradient(195% 95% at 50% 99%,#1c609b,#136);
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 );
position:relative;
background-size: max(110%, 800px) auto;
background-color: #DFEDFA;
isolation:isolate;
transition:.1s ease-out;
margin-bottom:16px;
}
@media( min-width:980px ) {
	.page-header {--headerHeight:80px;}
}

.header-content {
display:flex;
flex-direction:column;
text-align:center;
flex:1 1 auto;
padding: 9px;
padding-bottom:12px;
min-height:calc(70px + 5vw);
}

.page-header.hideHeader {margin-bottom:0;}
.page-header.hideHeader .header-content , .page-header.hideHeader .header-image  {
	display:none;
}


.page-header.with-image:not(.hideHeader) {
	display:grid;
	grid-template-columns: 1fr clamp(50px, 48%, 1200px);
	grid-template-rows: clamp( 380px , calc(92vh - 130px) , 560px );
}
.with-image .header-content {
grid-column: 1/2;
grid-row: 1;
background-size: auto 100%;
padding-inline-end: 1.2em;
}
.rtl .with-image .header-content {--banner-img:none; --fallback-gradient:none; grid-column: 1; }
.with-image .header-image {
grid-column: 2;
grid-row: 1;
}

.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 ;}
	.with-image .header-image {
		grid-column:1/-1;
		opacity: .35;
		mix-blend-mode: multiply;
	}
	.with-image .header-content {
		font-size:max(16px,5vw);
		grid-column: 1/-1;
		z-index: 2;
		background:none;
	}
}


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

.page-header a {color:inherit;}

.breadcrumbs {
	text-align:start;
	font-size:14.5px;
	font-weight:400;
	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;
	text-wrap: balance;
	position:relative;
} 

.page-header .entry-title {	padding:0 1rem;}
.page-header h1 {
	margin: auto 0;
	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.4em);
	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;
	display:none;
}
.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; }
.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(/wp-content/themes/ez-nettools-02/images/uncheckedBox.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(/wp-content/themes/ez-nettools-02/images/checkedBox.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;  }

/*-------------- Related Blog Posts -----------------*/
.relatedPostsWrapper {padding:8px;}
.related-posts {
	display:grid;
	grid-auto-rows:minmax(140px, auto);
	grid-template-columns: repeat(3, 1fr);
	gap:8px;
}
.related-posts .post-summary-box {
	margin:0;
}
.related-posts article.has-post-thumbnail {
	grid-template-columns: 3fr 4fr;
}
.related-posts .summary-content {
	padding:8px;
	grid-column:2/3;
	grid-row:1;
}
.related-posts .post-summary-box :is(p, .postType) {
	display:none;
}
.related-posts .featured-img-link {
	grid-column:1/2;
	grid-row:1;
}
.related-posts .post-summary-box .entry-title {
	font-size:1.2em;
}

.related-posts .post-summary-box:first-child {
	grid-row:1/3;
}
.related-posts .post-summary-box:first-child  .featured-img-link {
	grid-column:1/-1;
	grid-row:1/3;
}
.related-posts .post-summary-box:first-child  .summary-content {
	z-index:3;
	grid-column:1/-1;
	grid-row:2/3;
	color:white;
	background:linear-gradient(#0000,#0009 50%);
	place-content:end;
}
.related-posts .post-summary-box:first-child .entry-title {
	font-size:1.5em;
}
.related-posts .post-summary-box:first-child  .summary-content a {
	color:inherit;
}
@media(max-width:1100px){
	.related-posts {grid-template-columns:1fr 1fr; }	
}
@media(max-width:520px){
	.related-posts {grid-template-columns:1fr;}	
}

/*----- Social Media icons ------*/
.socialMediaIcons figure {
display: inline-block;
width: 46px;
margin:0 4px 4px 0;
}
.socialMediaIcons figure img {vertical-align: top; }

/*-------- Social Media Block (OLD) ----------*/
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 .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;
	box-shadow: none;
	font-size:1.15em;
}
#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 .lang-list :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;
perspective:1000px;
}
.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 #eee;
text-decoration: none;
background: var(--pale-blue);
	
}
.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;
}


/*------------- 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);}

/*----- Query Block -------*/
.wp-block-query ul {
	list-style:none;
	margin:0;
	padding:0;
}

.wp-block-query .pageBox {
	border:solid 1px #eee;
	box-shadow:0 0 2px #4441;
}

/*--------------- 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 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);
}
.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: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;
	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(/wp-content/uploads/Reading-Small.svg);
}
.skillBox span.Writing {
    background-image:url(/wp-content/uploads/Writing-Small.svg);
}
.skillBox span.Listening  {
    background-image:url(/wp-content/uploads/Listening-Small.svg);
}
.skillBox span.Speaking  {
    background-image:url(/wp-content/uploads/Speaking-Small.svg);
}

.skillBox span.Receptive  {
    background-image:url(/wp-content/uploads/receptive-small.svg);
}
.skillBox span.Expressive  {
    background-image:url(/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; }


/*=========================== Elementor Styling ===============================*/
.elementor-template-full-width  #container > .maxwidth {
	display:block;
	max-width:100%;
	padding:0;
}



/*--------------- 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:#ddd;
	padding:min(1.5vw,8px);
	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;
}

@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;
	}
}

.imageContainer {
  box-shadow:0 0 2px 1px #aaa9;
  margin:0px;
}
.imageContainer img {
  display:block;
}
.imageContainer img[src$=".svg"] {
  background:white;
  width:min( 100vw , calc(100vw - 24px) ) ;
}
#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 {
	background:#fff;
}

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


/*--------------- Media Lightbox ------------*/
/* Dialog Styling */
#mediaDialog {
  width: 80%;
  width:min( 90vw, 177vh - 88px);
  border: none;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  position: fixed;
}

/* Close Button Styling */
#closeBtn {
  position: fixed;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
  z-index: 10;
}

/* Media Container Styling */
.media-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height:100%;
}

/* Video Specific Styling */
.media-container.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
}

.media-container.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Image Specific Styling */
.media-container.image img {
  max-width: 100%;
  max-height:99vh;
  object-fit: contain;
  border-radius: 8px;
}

/* Backdrop Styling */
#mediaDialog::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}




/*---------- Mail List Callout ------------*/
@property --verticalOffset { syntax:'<length>'; }
.mailListFooter{
display:grid;
position: relative;
place-items: center;
color:#114a83;
background-image:linear-gradient(#fffa , transparent);
background-color:#d9f6ff;
text-decoration: none;
text-align: center;
padding:16px 8px;
margin:16px 0 -8px;
border-top:solid 2px #c4dfff;
transition:200ms ease-out;
--verticalOffset:10px;
}
.mailListFooter:before,
.mailListFooter:after {
content: "";
position: absolute;
top: calc( -2px - var(--verticalOffset) );
width: 100px;
height: var(--verticalOffset);
background-size: 100% auto;
transition:320ms cubic-bezier(.08,.82,.17,1) ;
}
.mailListFooter:before {
background-image: url(/wp-content/themes/ez-nettools-02/images/envelopeBack.svg);
}
.mailListFooter:after {
background-image: url(/wp-content/themes/ez-nettools-02/images/envelopeFlap.svg)  ;
background-size:100% 100%;
height:30px;
transform-origin:top;
top:calc(-2px - var(--verticalOffset)); 
}
.mailListFooter:hover{background-color:#c9f6ff; color:#026; border-color:#9ce; --verticalOffset:22px;}
.mailListFooter:hover:after {scale: 1 0.45; filter:brightness(1.18) saturate(0.8); }
.mailListFooter h3 {margin:4px; font-weight:200;}
.mailListFooter p {margin:4px; font-size:16px;}


/*======================== Footer ==================================*/
.footerWrapper {
}

.flippable svg :is(path, circle){
  transform-box: fill-box;
  transform-origin: center;
  transition:0.65s cubic-bezier(.22,.61,.36,1);
}
.flippable svg :is(path, circle).flipped {
  rotate: y 180deg;
}
.flippable svg {
animation: 1.8s comeIn ease-out ;	
}
@keyframes comeIn {
	0%{ opacity: 0;  }
}

.footerShapes {text-align: right;}
.footerShapes svg {vertical-align:top; max-width:100%; height:auto; }
.footerShapes #topShape {
position: absolute;
bottom: 100%; right: 0;
}
#sh1 { }
#sh2 { }
#sh3 { }
#sh4 { }

#footer {
	background-color:#000;	
	color:var(--reverse-color, #f5f5f5);
	position: relative;
}
#footer:after {
	content:"";
	display:block;
	height:10px;
	background:red;
	background:linear-gradient( to right, #ef962b 0% 20%, #1f99dd 20% 40% , #f24678 40% 60% , #c5aed6 60% 80%, #4ad395 80% 100% );
}

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



/*-- Copyright Area --*/
.footerBottom {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	margin-top:2rem;
}
#footer #copyright {

}



/*--- 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:10px; padding-left:max(10px, env(safe-area-inset-bottom, 0) );  z-index:9;}
.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.blue {box-shadow:none; margin:4px; border:solid 2px #fff7; }

.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;
}


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

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

/*--- 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%; }
	
}
@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) {
	#site-logo img {height:34px;}
	.poweredByAvant {font-size:11px;}
	.poweredByAvant img {height:19px;}
	:root { --headerHeight:62px; }
	.footerWrapper { --curveSize: 1.0; }
	#wpadminbar {position: fixed; overflow:auto; }
	 
	.footerBottom { flex-direction:column-reverse; padding-bottom:16px; }

	/*------- Hamburger Menu -------*/
	/*-- Hamburger button --*/
	.hamburger-button {display:inline-flex;}
	#menu-toggle {
		display:inline-flex; 
		align-items:center; 
		justify-content:center;
		font-size:3rem; 
		width:54px;
		height:100%;
		padding:12px; 
		cursor:pointer;
		background:none;
		color:inherit;
		isolation: isolate;
		border:solid 1px rgba(220,220,220,0.15);
	}
	.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: #000e;
		max-width:min(84%, 290px);
		flex-direction: column;
		box-shadow:4px 0 16px #0009;
		padding:4px;
		margin-left:auto;
	}
	#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; 
		font-size: calc(2.2em + 2vw);
		background: #fff3;
		border:none;
		color: #222;
		padding:0 8px;
		width:99%; 
		display:flex;
		justify-content:start;
		align-items:flex-start;
		opacity:0;
		z-index:-1;
		cursor:pointer;
		transition:.15s opacity ease-out;
	}
	#menu[data-state="opened"] .close-btn { 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 .submenuWrap {position:static; }
	#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;}
	#mainBanner {padding-top:1rem;}
}

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

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

@media print {
	@page { margin: 0.3in }
	#header , .footerWrapper , #backToTop , .country-selector.weglot-default , #PrivacySettingsBtn {display:none;}
	.sidebarAndContent {display:block; }
	.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; }
	
	.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 { font-size:90%; //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;}