/* WCECA */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');*/ /* 300i */
/*@import url('https://fonts.googleapis.com/css?family=Cantarell:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');*/


/*
	HSL 100%, 50%  == HSB 100%, 100%
	HSL 100%, 75%  == HSB 50%, 100%
	HSL 75%, 50%   == HSB 86%, 87%
	HSL 50%, 50%   == HSB 66%, 75%
	HSL 100%, 25%  == HSB 100%, 50%
	HSL 60%, 30%   == HSB 75%, 50%
	HSL 33%, 38%   == HSB 50%, 50%
	HSL 25%, 50%   == HSB 40%, 62%
	
	27%, 65% == 25%, 75%
	
	HSB 120, 50, 75 == HSL 120, 43, 56
	
	hsl(140, 100%, 25%);	140, 100, 50
	
*/

/*
	Women's Center for Education and Career Advancement blue
	
	#1aafd9	hsl(193, 79%, 48%);	rgb(26, 175, 217);	HSB 193, 88%, 85%
	#1bafe0	hsl(195, 78%, 49%);	rgb(27, 175, 224);	HSB 195, 88%, 88%
	
	hsl(195, 75%, 50%);	rgb(32, 175, 223);	#20afdf	HSB 195, 86%, 87%
	
	#1ab1db
*/
/*	
	Apple blue
	hsl(210, 94%, 60%);  rgb(57, 152, 249);  #3998f9
	
	Android
	hsl(195, 100%, 40%);  rgb(0, 153, 204);  #0099cc	hsl(213, 97%, 54%);  rgb(22, 126, 251);
	
	Windows
	hsl(205, 100%, 41%);  rgb(0, 120, 207);  #0078cf
	
*/
/*
	Dollar green
	
	Average #6d896c
	hsl(118, 12%, 48%);	HSB 118, 21, 54
	
	https://www.colourlovers.com/palette/59642/Color_of_Money
	#35794B (dollar),#A6CE95,#BAD9AD,#E0EFDD,#234214,#35794B,#A6CE95 (greenback),#BAD9AD (bank note)
	
	Dollar bill
	https://encycolorpedia.com/85bb65	https://www.colorhexa.com/85bb65
	hsl(98, 39%, 56%);	98, 46, 73
	
	money green	https://www.colourlovers.com/palette/860881/the_color_of_money
	#065C27
	hsl(143, 88%, 19%);	143, 93, 36
	
	Pantone 348C
	#00843d
	hsl(148, 100%, 26%);	148, 100, 52
	
	Photoshop color picker
	hsl(140, 12%, 29%);		HSB 140, 22, 33		#415347
	hsl(143, 8%, 37%);		HSB 143, 16, 40
	
	alternative to  
	white-space: nowrap;
*/

/*
@media only screen and (max-width : 620px) {
	.heading {font-size:1.75em;}
}
@media only screen and (max-width : 560px) {
	.heading {font-size:1.5em;}
	#counter-service p {font-size:1em;}
}
@media only screen and (max-width : 480px) {
	.heading {font-size:1.125em;}
	#counter-service p {font-size:0.875em;}
}
*/

html {
	font-size:100%;font-family:sans-serif;
	line-height: 1.15; /* Correct the line height in all browsers */
	-webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
}
body{font-size:100%;}
body,div,iframe{margin:0;padding:0;}
/*form,legend,fieldset,label,button,input,select,textarea{margin:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}*/
/*option{padding-left:0.34em;}*/
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
a:hover,a:active{outline:0;}
a:focus{-moz-outline-style:none;} /* stop Firefox from outlining links with dotted borders */
img{max-width:100%;height:auto;border:0;outline:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}

button,input,select,textarea{font:inherit;margin:0;}
/*
	https://css-tricks.com/box-sizing/
	
	https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
	
	html {
	  box-sizing: border-box;
	}
	*, *:before, *:after {
	  box-sizing: inherit;
	}
	img { box-sizing: content-box; }
	
*/
*:not(img),*:before,*:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

input,textarea{border:1px solid hsla(0, 0%, 0%, 25%);}

/*
	https://css-tricks.com/snippets/css/system-font-stack/
*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, sans-serif;
	font-size: 1rem;  /*font-size:0.875em;*/
	line-height:1.34em;
	font-weight:300;
	background-color:hsl(0, 0%, 100%);
	margin: 0;
}

p {margin:0.25em 0 1em 0;height:auto;}
p.dollarinput {line-height:2em;margin-top:0.125em;margin-bottom:0.75em;}
h1,h2,h4{font-weight:500;color: rgba(0, 0, 0, 0.96);}
h4{font-size:1em;}
strong {font-weight:bolder;}
.ralign {text-align:right;}

code{font-family:Menlo,Consolas,monospace;font-size:1em;color:rgba(4,8,16,0.82);padding:0.025em 0.125em;}

/*fieldset {
  display: block;
  margin:0;
  padding:0;
  border:0;
}*/

/*--*/
#wrapper {
	position: relative;
	/*max-width:960px;*/
	width:100%;
	margin:0 auto;padding:0;
	/*background-color:#fcfbf8;*/
}

#header {
	position: relative;
	width:100%;
	height:74px;
	background-color: #2e2d2b;
}
/*--*/

tbody tr:hover {
  /*background: rgba(190, 196, 204, 0.4);*/
}
tbody tr:hover td {
  color: rgba(41, 106, 204, 0.96);
}
tfoot {margin-top:1em;padding-top:1em;}

/*
	hsla(204, 2%, 50%, 0.15)	rgba(124,126,128,0.15)
*/
tfoot tr.footer-row {height:2em; border-top:1px solid hsla(195, 74%, 53%, 0.20);}

/*
	Guides
*/
.guide-dot {
	font-size:1em;
	font-weight:normal;
	color:hsla(217, 90%, 62%, 0.98);
}

.guide-dot:hover {cursor:pointer; color:hsla(217, 90%, 62%, 0.68);}

p.guide-text {
	font-size:12px; line-height:15px;
	margin:-0.5em 1em 2em 1em;
	color:rgba(2,4,8,0.56);
}


.calc-checkbox input[type="checkbox"] {
	/*display:none;
    opacity: 0;*/
    position: absolute;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

/*
	https://css-tricks.com/complete-guide-table-element/
	
	display: table-footer-group    <tfoot>
	display: table-header-group   <thead>
	
	
*/
section.faux-table {display:table; width:100%;color:rgba(0, 0, 0, 0.8); font-weight:600;margin:0.5em auto 1em auto;padding:1.125em 1.5em 1.125em 1.25em;} /* <table> */
section.faux-table header {display:table-row;} /* <head> */
section.faux-table div.row {display:table-row;} /* <tr> */
section.faux-table div.numcell {display:table-cell; font-weight:600; text-align:right;} /* <td> */
section.faux-table div.lcell {display:table-cell; font-weight:600; text-align:left;} /* <td> */

section.faux-table {
	background-color:hsla(199, 64%, 91%, 0.96);	/* hsla(195, 74%, 53%, 0.20)	 hsla(228, 9%, 89%, 0.9) hsl(217, 57%, 76%); */
	border:1px solid hsla(199, 64%, 91%, 0.96);
}

section.faux-table div.row-divider {display:table-row;width:100%;height:1.8em;}
section.faux-table div.row-divider hr {
    height: 1px;
	border: 0;
    border-top: 1px solid hsla(196, 79%, 48%, 0.15);  /* hsla(202, 74%, 53%, 0.20) */
	margin:0.9em 0;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
	margin-top:8px;
	margin-bottom:12px;
}
hr.med {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
hr.light {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr.dashed {
	border-top: 1px dashed rgba(0, 0, 0, 0.175);
	margin-top:8px;
	margin-bottom:8px;
}

.vert-center {
	/*margin: 0;*/
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


#content {max-width:640px;margin:auto;padding:1%;background-color:rgb(255,255,255);}

#content form {
	/*max-width:580px;*/
	width:100%;
	margin:1em auto 0 auto;
	/*overflow: auto;*/
}

div#calc-div {	
	position:relative;
	width:100%;
	color: rgb(0, 0, 0);
	/*max-width:600px;*/
	margin:auto auto auto auto;
}

#calc-div-header-margin {
	width:100%;height:1px;
	margin:auto;
}


div#calc-div-header {
	/*height:100px;*/
	min-height:200px;
	/*margin:0em 0 2em 0;*/
	/*padding:0.1em 0 0.5em 0;*/
	/*overflow: hidden;*/
}

@media only screen and (max-width : 540px) {
	#calc-div-header-margin {
		height:1.5em; /* 3em */
	}
}
@media only screen and (max-width : 400px) {  
	#calc-div-header-margin {
		height:2em; /* 3em */
	}
	div#calc-div-header {
		/*height:90px;*/
		margin:0.5em 0 2em 0;
	}
}

div#calc-div-header-inner {
	max-width:420px;
	min-height:58px;
	margin:auto auto 1em auto;
	display: flex;
	justify-content: center;
	align-items: center;
} /* 340 +  */

div#calc-div-header-logo {width:58px;height:58px;float:right;margin:0 0em 0 0;}

div#calc-div-header h2 {text-align:center;font-weight:400;margin:auto auto auto auto;color:rgba(0,173,219,0.94);} /*margin:0.5em 0 0.5em 0;*/

div#calc-div-header-info {/*border-top:1px solid hsl(215, 26%, 84%);*/margin:0.125em 0 1em 0;padding:0.25em 0 0.5em 0;}  /* rgb(202, 211, 224) #cad3e0 */
	
div#calc-div-header-info p {text-align:center;font-size:15px;line-height:1.2;margin:0.6em 0 0.1em 0;}


div#report-div {
	position:relative;
	width:100%;
	color: hsla(0, 0%, 1%, 0.98);
	font-weight:300;
	/*max-width:600px;*/
	margin:3em auto 3em auto;
}

#header-ssc {
	position: relative;
	width:100%;
	min-height:72px;
	border-bottom:1px solid #1ab1db;
}

#header-content {
	max-width:620px;
	margin:auto;
	height:100%;
	padding:6px 0 0 2px;
	display: flex;
	justify-content: space-around;  /* space-evenly space-between */
	align-items: center;
}

#header-ssc #logo {
	height: 60px;
	width: 88px;
	/*float: left;
	margin:0px 4px 0 0px;*/
}

#header-ssc h1 {
	font-family:Montserrat, sans-serif;
	/*overflow-wrap: break-word;*/
	/*word-wrap: break-word;*/
	/*line-height:68px;*/
	line-height:1.5em;
	font-size:16px;
	font-weight:300;
	color:#1ab1db;  /* rgb(26, 177, 219); hsl(193, 79%, 48%); (HSB 193, 88, 86) */
	text-align:center;
	/*text-align:right;
	margin:1em 3% 1em 0;*/
}


div#summary-info {
	margin:4em auto 0 auto;
	padding:0.25em 0.25em 0.25em 0.25em;
	border:1px solid rgb(216,216,216);
}

div#summary-info p {
	font-style:italic;
	/*text-decoration: underline;*/
	line-height:1.67;
	font-weight:400;
	text-align:center;
	margin:1em 0;
}

#footer-ssc {
	text-align:center;
	margin:3% auto 0 auto;
	padding:0.5em 0 0.125em 0;
	font-size: 12px;
	height:3em;
	border-top:1px solid #1ab1db;
}
#footer-ssc p {text-align:center;}

/*-*/

/* 

iPhone	390 x 844
Mini	375 x 812
Max 	428 x 926

XR		414
6, 7, 8	375		Plus  476

375px iPhone 6, 7, 8, Mini width 

*/

@media only screen and (max-width : 375px) {  
	#calc-div-header-margin {
		
	}
	
}

/*-*/

button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, sans-serif;
  font-size: 100%;
  box-sizing: border-box;
  margin: 0; /* Remove the margin in Firefox and Safari */
}
select {font-size:1.143em;} /* Set in calculator-form.php  1.1429em  0.9286em */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	select{ border:1px solid rgba(0,0,0,0.30); background-color:rgba(0,0,0,0.04); height:1.5em; border-radius:3px; }
}

::placeholder {
	color:rgba(128,128,128,0.66);
}
/*::-webkit-input-placeholder {color:rgba(160,160,160,0.70);}*/
::-ms-input-placeholder { /* Microsoft Edge */
    color:rgb(204,204,204);
}

input:placeholder-shown {
  /*text-overflow: ellipsis;*/
}

/* Correct the inability to style clickable types in iOS and Safari */
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}


label {
	height:1.125em;
}

input {/*font-size:16px;*/ padding:2px;}

input[type="checkbox"] {width:18px; height:18px; margin:0 0 0 0.5em;}
input[type="radio"] {height:1.125em;/*margin:0.25em 0 0.25em 0em;*/}


.dollar-field {width:6em;}
/*input.dollar-field:before{content:"$";}*/
.number-field {width:4em;}

.zip-field {width:5em;}

/* 
default values
fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
*/

fieldset {
	margin:0 0 2em 0;
	padding:1em 1em 1em 1.5em;
	border:1px solid rgba(0,1,3,0.25);
}
legend {font-size:1.125em;color:rgba(0,19,31,0.7);font-weight:400;}
legend span.fieldset-order {
	font-weight:700;
	color:rgba(0,173,219,0.9);
	margin:0 0.5em 0 0.125em;
}
/*
	0, 173, 219
*/

h2 {font-weight:300;margin:0 0 0.1em 0.05em;color:rgba(0,3,4,0.50);}

/*----*/

	.switch-radios {
		position:relative;
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial, sans-serif;
	  /*padding: 40px;*/
		overflow: hidden;
		/*width:130px;
		height:24px;*/
		/*margin-left:1em;*/
	}
	
	p.switch-para {}
	
	label.switch-title {
	  float:left;height:2em;margin-right:1em;
	}

	.switch-radios input[type="radio"] {
	    position: absolute !important;
	    clip: rect(0, 0, 0, 0);
	    height: 1px;
	    width: 1px;
	    border: 0;
	    overflow: hidden;
	}

	.switch-radios label {
	  float: left;
	}

	.switch-radios label {
	  display: inline-block;
	  width:44px;
	  height:20px;
	  background-color:hsl(220, 5%, 85%);  /* rgb(215, 216, 219); ( HSB 220°, 2%, 86% ) */
	  color:rgba(255, 255, 255, 0.99);
	  font-size: 0.875em;
	  line-height:20px;
	  font-weight: normal;
	  text-align: center;
	  text-shadow: none;
	  /*padding: 3px 0px 4px 0px;*/	/*padding: 6px 14px;*/
	  -webkit-transition: all 0.1s ease-in-out;
	  -moz-transition:    all 0.1s ease-in-out;
	  -ms-transition:     all 0.1s ease-in-out;
	  -o-transition:      all 0.1s ease-in-out;
	  transition:         all 0.1s ease-in-out;
	}

	.switch-radios label:hover {
		cursor: pointer;
	}

	.switch-radios input:checked + label { /* set inline calculator-form.php */
	  background-color: hsl(210, 94%, 60%) !important;  /* Apple hsl(210, 95%, 59%);  Windows hsl(205, 100%, 41%);  Android hsl(195, 100%, 40%); */
	  box-shadow: none; -webkit-box-shadow: none;
	}

	.switch-radios label:first-of-type {
	  border-radius: 4px 0 0 4px;
	}

	.switch-radios label:last-of-type {
	  border-radius: 0 4px 4px 0;
	}

/*----*/
	
label.space-after {margin-right:1em}
label.radio-label {font-weight:400; line-height:1.125em; color:rgba(0, 16, 31, 0.75);}
label.radiogroup-label {margin-bottom:0.25em;}

div.inner-radio-group {
	float:left;
}
	
div.radio-group {
	padding:0.125em 0 0.125em 0;
	/*margin:0.5em 0 1em 0;
	border:0;
	*/
}

div.radio-group label {
	/*float:left;*/
	font-weight:400;
	padding:0.125em 0 0.125em 0;
}

div.radio-group p {
	text-align:left;
	/*line-height:2em;*/
	margin:0.125em 0 0.25em 0;
}

.btn {
	border: none;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
	font-size:16px;
	padding:0.5em 2em;
	margin:0em 0 0 0;
	background-color:rgba(28,180,224,0.84);
	color:#fff;
	cursor: pointer;
	display: inline-block;
	border-radius:2px;
}

.btn:hover {
	background-color:rgba(28,180,224,1);
}

/*
	rgba(0,173,219,0.94)
	
	
*/

.btn-inline {
	border: none;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
	font-size:0.75em;
	padding:4px 1.5em 4px 1.5em;
	margin:0 0 0.125em 0.5em;
	vertical-align:center;
	background-color:rgba(0,173,219,0.75);
	/*
		rgba(0,170,220,0.88);
		
		hsla(200, 64%, 91%, 0.9);
		
		rgba(0,173,219,0.9);
		
		rgb(0, 160, 240);
		hsl(200, 100%, 47%);
		
	*/
	color:#fff;
	cursor: pointer;
	display: inline-block;
	border-radius:2px;
}
.btn-inline:hover {
	background-color:rgb(0,173,219);
}

span.costs-inputs{float:right;margin-right:1em;}


/* rgba(64,137,255,0.82)  rgba(26,175,247,0.78); */
span.check-yes:before,span.check-yes:after,
span.check-no:before,span.check-no:after
{content:" ";}

/*span.check-yes, span.check-no {font-size:1em;}*/ /*0.875em*/
span.check-yes {line-height:1; color:rgba(80,180,80,0.88); padding:0 0 4px 0; margin-top:-4px;}
span.check-no {color:rgba(180,48,48,0.88); padding:0 0 4px 0;}
span.radio-yes, span.radio-no {color:rgba(40,80,160,0.96);}
/*span.radio-no {color:rgba(192,96,80,0.82);}*/
/*span.radio-no {color:rgba(32,0,0,0.88);}*/

/**/

.employment-status-div {
	margin:1em 0 1.25em 0;
	padding-top:18px; 
	border-top:1px solid #ddd;
}

.marital-status-div {
	margin:1em 0 1.875em 0.5em;
	/*padding-top:18px;*/
	/*border-top:1px solid #ddd;*/
}

/**/
.reveal-if-active {
	display:none;
	/*width:480px;*/
	height: auto;
	margin:0.25em 0 0.25em 0;
	padding: 0.125em 0.125em 0.125em 0.5em;
}

#other_income-reveal {
	/*width:480px;*/
}
/*
.reveal-if-active {
	display:none;
	opacity: 0;
	height: 0;
	margin:0 0 1em 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s;
  		  transition: 0.5s;
}
.reveal-if-active label {
    display: block;
    height:1.5em;
    margin: 0.125em 0 0.25em 0;
}
*/
.reveal-if-active input[type=text] {
  /*width: 100%;*/
}
/*
input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {
	display: block;
	opacity: 1;
	height: auto;
	padding: 0.25em 1em;
	-webkit-transform: scale(1);
			transform: scale(1);
}
*/
div.reveal-on-checked {
	display:none;
	opacity: 0;
	height: 0;
	margin:0 0 1em 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s;
  		  transition: 0.5s;
}

input[type="checkbox"].reveal {width:18px; height:18px; margin:0 0 0 0;}

input[type="checkbox"]:checked ~ div[data-miscellaneous="miscellaneous"] {
	display: block;
	opacity: 1;
	height: auto;
	padding: 0.25em 1em;
	-webkit-transform: scale(1);
			transform: scale(1);
}

div#misc-calc input {}


p.radio-wrap {margin:0.5em 0 0.5em 0;}

/*

*/