.skip-link {display:none; }
html {-webkit-text-size-adjust: 104%;  /* Prevent font scaling in landscape while allowing user zoom */}

@media only screen {
	body { 
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-weight: 300;
		line-height: 1.4;
		margin: 0;
		background: hsl(220,15%,99%);
	}
}

@media only print {
	body { 
		line-height: 1.2;
		font-size: 12pt;
	}
}

body > img { width: 1px; }

.entry-content a {
	color: hsl(220,20%,40%);
	text-decoration-style: dotted;
	text-decoration-color: hsl(220,40%,70%)
}

.entry-content a:hover {
	color: hsl(220,20%,20%);
	text-decoration-color: hsl(220,40%,50%)
}

.content a:not(h2)[href^="http://"]:before{content:"➚ "}
.content a:not(h2)[href^="https://"]:before{content:"➚ "}
.content a[href^="//"]:before{content:"➚ "}

.entry-content a:not(h2)[href^="http://"]:before{content:"➚ "}
.entry-content a:not(h2)[href^="https://"]:before{content:"➚ "}
.entry-content a[href^="//"]:before{content:"➚ "}

h1, h2, h3, h4, h5, h6 { font-weight: 400;}
h1 { font-size: 1.4em; margin-top: 0}
h2, h3{
	font-size: 1.1em;
	margin-top: 2em;
	color: hsl(12,50%,45%);
	border-bottom: 2px solid hsl(12,50%,45%);
	max-width: 98%;
}



h3 {
	display: inline-block;
}


h5 b { color: hsl(12,80%,45%); font-weight: normal; letter-spacing: 1px; }


figure { margin-left: 0; margin-right: 0}
figcaption { font-size: 90%: font-style: italic; }
img { max-width: 100%; height: auto; }
svg { width: 100%; height: auto; }

strong {font-weight: 400;}

@media (min-width: 680px) {
	h1{font-size: 1.6em}
	h2{font-size: 1.3em}
}

@media (min-width:980px) {
	h1{font-size: 2.4em}
	h2{font-size: 1.5em}
	h2,h3{margin-top: 2.5em}
}


.top-menu {
	background-color: hsl(220,15%,35%);
	padding-top: 0.5rem;
	padding-bottom: 0;
	margin-bottom: 1em;
}

.top-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	max-width:1440px; 
	margin-left:auto;margin-right:auto;
}

.top-menu li {
	width:49%;
	margin-bottom: 0.5em;
}

@media (min-width: 720px) {
	.top-menu li {
		width:24%;
		max-width: 246px;
	}
	
	.top-menu ul {
		justify-content: flex-start;
	}
}

.top-menu a {
	padding: 1.5em;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	text-decoration:none;
}




.svginside {position:relative;margin: 2em auto;width:100%}
.svginside canvas {display:block;width:100%;visibility:hidden;}
.svginside svg {position:absolute;top:0;left:0;width:100%;}

pre, .grayframe {
	width:99%;
	box-sizing:border-box;
	padding:22px 4px;
	overflow:auto;
	margin-top:2em; margin-bottom: 2em;
	border-top:6px solid hsl(215,30%,90%);
	border-bottom:6px solid hsl(215,30%,90%);
	background-image: repeating-linear-gradient(#efefef,#efefef 22px, white 22px, white 44px);
	font-size:0.9rem;
	line-height:22px;
	font-family: Menlo, 'Roboto Mono', 'Andale Mono', "Lucida Console",monospace;
	color: hsl(200,20%,20%);
	tab-size:3;
	-moz-tab-size:3
}

pre.conso {background:#666;color:white;border-top: 6px solid hsl(180,50%,80%); border-bottom: 6px solid hsl(180,50%,80%);}

.codebox{width:99%}
.codebox h6{background:hsl(215,30%,70%);box-sizing:border-box;color:white;margin-bottom:0;padding:5px 10px;font-size:0.9em;font-weight:300;border-top-left-radius:4px;border-top-right-radius:4px}
.codebox pre{width:100%;margin-top:0;border-top-right-radius:0;border-top-left-radius:0;border-top:0}

.secondary { margin-top: 2em;padding-bottom: 1em; }
.secondary header { margin-bottom: 2em; text-align: center}
.secondary h5 {margin-top: 4px; margin-bottom: 4px; cursor: pointer; font-size: 1.1em; border-bottom: 1px solid hsl(350,60%,50%); padding-left: 6px; padding-right: 6px; color:#666 }
.secondary h5:before { content: " ▸ "; color: hsl(12,80%,45%) }
.secondary ul { padding-left: 0; }
.secondary li { font-size: 1em; padding-top: 0; margin-bottom: 8px; padding-left: 6px; padding-right: 6px; box-sizing: border-box;  }
.secondary li a { color: #222; display: block; text-decoration: none; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; margin:0; border-left: 6px solid #efefef; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.secondary li a i { color: hsl(12,40%,45%); font-style: normal; font-weight: normal}
.acco {
	height: 0;
	overflow: hidden;
	transition: height 1s;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
}



/*search scout*/
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
.scout{padding-top:20px;padding-bottom: 10px;}

.scout input{width:210px;height:40px;padding-left:5px;box-sizing:border-box;float:left;font-weight:400;font-size:15px;border:1px solid gainsboro;background-color:#fff;border-radius:3px 0 0 3px}

.scout input::-webkit-input-placeholder{color:#999}.scout input:-moz-placeholder{color:#999}.scout input:-ms-input-placeholder{color:#999}
.scout button{overflow:visible;position:relative;float:right;border:0;padding:0;cursor:pointer;height:40px;width:30%;font-weight:400;font-size:15px;line-height:40px;color:#fff;text-transform:uppercase;background-color:hsl(12,85%,55%);border-radius:0 3px 3px 0;text-shadow:0 -1px 0 rgba(0, 0 ,0, .3)}
.scout button:hover{background-color:hsl(350,60%,70%)}
.scout button:active,.scout button:focus{background-color:hsl(350,60%,40%)}
.scout button:before{content:'';position:absolute;border-width:8px 8px 8px 0;border-style:solid solid solid none;border-color:transparent hsl( 12, 85%, 55%);top:12px;left:-6px}
.scout button:hover:before{border-right-color:hsl(350,60%,40%)}
.scout button::-moz-focus-inner{border:0;padding:0}
.assistive-text,.ankers{display:none}

.svghide { display: none}

.rangeslider input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
.rangeslider input[type=range]:focus {
  outline: none;
}
.rangeslider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: silver;
  border-radius: 5px;
}
.rangeslider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 8px solid gray;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: -14px;
}

.rangeslider input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: silver;
  border-radius: 5px;
}

.rangeslider input[type=range]::-moz-range-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #ffffff;
  border:8px solid gray;
  cursor: pointer;
  margin-top: -14px;
}


.rangeslider input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.rangeslider input[type=range]::-ms-fill-lower {
  background-color: gray;
  border-radius: 5px;
}
.rangeslider input[type=range]::-ms-fill-upper {
  background-color: silver;
  border-radius: 5px;
}
.rangeslider input[type=range]::-ms-thumb {
  border: 8px solid silver;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
}

/** wp **/
@media (min-width: 1380px) {
	.entry-content .wp-block-group:nth-child(1) h2,
	.entry-content section:nth-child(1) h2 {
		margin-top: 0;
	}
	
	.secondary {
		margin-top:0;
	}
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:green;border-color:transparent;color:white !IMPORTANT}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:hsl(120,90%,65%);text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}