@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	src: 	url('SourceSansPro-Regular.eot');
	src: 	url('SourceSansPro-Regular.eot#iefix') format('embedded-opentype'),
			url('SourceSansPro-Regular.otf.woff') format('woff'),
			url('https://yourstorydisabilitylegal.org.au/files/templates/00000000-0000-0000-0000-000000000000/2e4d1cad-fa0c-4ef5-9cd6-a5cc452244d7/SourceSansPro-Regular.otf') format('opentype'),
			url('SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 600;
	src: 	url('SourceSansPro-Semibold.eot');
	src: 	url('SourceSansPro-Semibold.eot#iefix') format('embedded-opentype'),
			url('SourceSansPro-Semibold.ttf.woff') format('woff'),
			url('https://yourstorydisabilitylegal.org.au/files/templates/00000000-0000-0000-0000-000000000000/2e4d1cad-fa0c-4ef5-9cd6-a5cc452244d7/SourceSansPro-Semibold.otf') format('opentype'),
			url('SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 700;
	/*
	src: 	url('SourceSansPro-Bold.eot');
	src: 	url('SourceSansPro-Bold.eot#iefix') format('embedded-opentype'),
			url('SourceSansPro-Bold.otf.woff') format('woff'),
			url('https://yourstorydisabilitylegal.org.au/files/templates/00000000-0000-0000-0000-000000000000/2e4d1cad-fa0c-4ef5-9cd6-a5cc452244d7/SourceSansPro-Bold.otf') format('opentype'),
			url('SourceSansPro-Bold.ttf') format('truetype');
	*/
	src: 	url('SourceSansPro-Semibold.eot');
	src: 	url('SourceSansPro-Semibold.eot#iefix') format('embedded-opentype'),
			url('SourceSansPro-Semibold.ttf.woff') format('woff'),
			url('https://yourstorydisabilitylegal.org.au/files/templates/00000000-0000-0000-0000-000000000000/2e4d1cad-fa0c-4ef5-9cd6-a5cc452244d7/SourceSansPro-Semibold.otf') format('opentype'),
			url('SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: "laq-icons";
	src:url("laq-icons.eot");
	src:url("laq-icons.eot#iefix") format("embedded-opentype"), 
	    url("laq-icons.woff") format("woff"),	
	    url("laq-icons.ttf") format("truetype"), 
	    url("laq-icons.svg") format("svg");
}

* {
	box-sizing: border-box;
	font-smoothing: antialiased;
}

html {
	font-size: 10px;	
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #444;
	overflow-x: hidden;
	/*line-height: 1.42;*/
	color: #333333;
	background-color: #FFF;
	/*font-size: 1.6rem;*/
	font-size: 2rem;
	line-height: 150%;
}

h1 {
	/*font-size: 30px;*/
	font-size: 4rem;
	line-height: 150%;
	font-weight: 600;
	color: #474747;
	letter-spacing: -.1px; /* added for the homepage of DRCLAS */
}

h2 {
	/*font-size: 28px;*/
	/*font-size: 2.8rem;*/
	font-size: 3rem;
	line-height: 150%;
	font-weight: 600;
	color: #00426E;
}

h3 {
	/*font-size: 26px;*/
	font-size: 2.6rem;
	line-height: 150%;
	font-weight: 600;
	color: #474747;
}

h4 {
	/*font-size: 22px;*/
	font-size: 2.2rem;
	line-height: 150%;
	font-weight: 600;
	color: #474747;
}

h5 {
	/*font-size: 22px;*/
	font-size: 2.2rem;
	line-height: 150%;
	font-weight: 600;
	color: #00426E;
}

h6 {
	/*font-size: 22px;*/
	font-size: 2.2rem;
	line-height: 150%;
	font-weight: 400;
	color: #00426E;
}

h1,
h2,
h3,
h4,
h5 {
/*	margin: 0.67em 0;*/
margin: 1em 0 1em 0;
}
article.container h2 {
    margin-top: 0;
}
/*h2:first-of-type {
    margin: 1em 0 1em 0;
}*/
h1 + h2 {
    margin: 1em 0 1em 0;
}
p {
	/*font-size: 18px;*/
	/*font-size: 1.8rem;*/
	font-size: 2rem;
	font-weight: 400;
	color: #474747;
/*	line-height: 26px;*/
	/*line-height: 2.7rem;*/
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 3.6rem;
}

p,
h2,
h3 {
	orphans: 3;
	widows: 3;
}
p.footnote {
    font-size: 1.5rem;
}

h2,
h3 {
	page-break-after: avoid;
}

main li {
	
	/*font-size: 1.8rem;*/
	font-size: 2rem;
	font-weight: 400;
	color: #474747;
	/*line-height: 27px;
	line-height: 2.7rem;*/
	line-height: 150%;
}

/* LoVe HAte order - a:link, a:visited, a:hover, a:active */
a {
	/*font-size: 18px;*/
	/*font-size: 1.8rem;*/
	font-size:2rem;
	font-weight: 400;
	color: #005288;
	text-decoration: underline;
}

a:visited {
	color: #0f8291;
}

a:hover,
a:focus {
/*	text-decoration: none;*/

}


a:focus {
	outline-style: dotted;
	outline-color: #000;
	outline-width: 1px;
}


a:active,
a:hover {
/*	outline: 0;*/
}
main a:hover, a:focus {
/*	text-decoration: none;*/
	background-color: azure;
    /* background: rgba(75%, 75%, 75%, .25); */
    /* border-bottom-width: 3px; */
    margin-bottom: -2px;
    color: #000!important;
   /* border-top: 1px solid #bbb;*/
    border-bottom: 5px solid #0f8291;
   /* border-radius: 4px;
    padding: 5px 5px 5px 0;*/

}
footer a:hover, footer a:focus {
    background: none;
    border-bottom: none;
}
.paragraph-left-border {
	
	font-size: 2.6rem;
	margin: 20px 0;
	padding: 0 18px;
	vertical-align: text-top;
	display: inline-block;
	border-left: 5px solid #3dacba;
	color: #474747;
	line-height: 1.3077;
}

.paragraph-box {
	margin: 20px 0;
	padding: 0 30px;
	vertical-align: text-top;
	display: inline-block;
  	color: #0f8291;
	background-color: #f9f9f9;
	padding: 30px;
	font-size: 2.6rem;
	line-height: 1.3077;
}

ul.alternative-list {
	list-style-type: none;
	line-height: 2;
	padding-left: 0;
}

ul.alternative-list li {
	padding-left: 25px;
	/*line-height: 1.5;*/
	margin-bottom: 16px;
	/*font-size: 1.8rem;*/
	font-size: 2rem;
	position: relative;
	line-height: 150%;
}

ul.alternative-list li:before {
	text-decoration: none;
	position: absolute;
	left: 0px;
	color: #46c3d2;
	top: 5px;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "laq-icons";
	content: ">";
}

img {
	vertical-align: middle;
}

/* Legal information additional styles */
.Snack {
	border:				none;
	margin:				20px 0 20px 0; /* removed indentation LS 28/2/18 */
	padding:			20px 20px;
	background-color:	#d8eef1;
	font-weight: bold;
 /*   font-size: 18px;*/
 	font-size: 2rem;
}

.TripleZero {
	border:				none;
	margin:				20px 20px;
	padding:			20px 20px;
	color:				#ffffff;
	background-color:	#00426e;
	/*font-size:			2.1rem;*/
	font-size: 3rem;
}

.NoInfo {
	border:				none;
	margin:				20px 0 10px 0;
	padding:			10px 20px;
	background-color:	#d8eef1;	
}
.NoInfo-bg-padding20 {
	border:				none;
	margin:				20px 0 10px 0;
	padding:			20px;
	background-color:	#d8eef1;	
}

.NoInfo H3 {
	color:				#3dacba;
	padding-top:		0px;
}
/* End Legal information additional styles */

/* Legal information filter styles	*/
.AdviceCategory {
	border:				1px #55bfcf dashed;
	margin:				5px;
	padding:			5px;
	color:				#005187;	
}

.AdviceCategory H3 {
	color:				#990100;
	padding-top:		0px;	
}

.InternalAdvice-Amber {
	border:				1px #fe6601 dashed;
	margin:				5px;
	padding:			5px;
	color:				#005187;
}

.InternalAdvice-Amber h3 {
	color:				#fe6601;
	padding-top:		0px;	
}
	
.InternalAdvice-Red {
	border:				1px #e60000 dashed;
	margin:				5px;
	padding:			5px;
	color:				#005187;
}

.InternalAdvice-Red h3 {
	color:				#e60000;
	padding-top:		0px;	
}

/* Further Filter */
table.FurtherContainer {
	width:				100%;
	margin:				0;
	border:				none;
}

table.FurtherContainer tr.fHeaderRow td {	
	background-color:	#b5ccb0;
	padding:			5px;
	font-weight:		bold;
}

table.FurtherContainer tr.fRow td {	
	background-color:	#dde1d2;
	padding:			5px;		
}

table.FurtherContainer table.fRow2 {	
	background:			#ffffff;
}

table.FurtherContainer tr.fRow2 td {	
	background-color:	#c6d9c4;
	padding:			5px;		
}

table.FurtherContainer tr, td {
	vertical-align:		top;
}
/* End Further Filter */

/* Exception filter */
table.ExceptionsContainer {
	width:				100%;
	margin:				0;
	border:				none;
}

table.ExceptionsContainer tr.eHeaderRow td {	
	background-color:	#fcbd86;
	padding:			5px;
	font-weight:		bold;
}

table.ExceptionsContainer tr.eRow td {	
	background-color:	#fae3cf;
	padding:			5px;		
}

table.ExceptionsContainer tr, td {
	vertical-align:		top;
}
/* End Exception Filter */

/* Urgency filter */
table.UrgencyContainer {
	width:				100%;
	margin:				0;
	border:				none;
}

table.UrgencyContainer tr.uHeaderRow td {	
	background-color:	#de909a;
	padding:			5px;
	font-weight:		bold;
}


table.UrgencyContainer tr.uRow td {	
	background-color:	#edddde;
	padding:			5px;		
}

table.UrgencyContainer tr.uRow2 td {	
	background-color:	#edcccd; 
	padding:			5px;		
}

table.UrgencyContainer tr, td  {
	vertical-align:		top;
}
/* End urgency filter */

/* Vulnerability filter */
table.VulnerabiltyContainer {
	width:				100%;
	margin-bottom:		0;
	border:				none;	
}

table.VulnerabiltyContainer tr.vHeaderRow td {	
	background-color:	#bad1dc;
	padding:			5px;
	font-weight:		bold;	
}

table.VulnerabiltyContainer tr.vFirstRow td {	
	background-color:	#eaf0f4;
	padding:			5px;			
}

table.VulnerabiltyContainer tr.vSecondRow td {	
	background-color:	#d6e1e9;	
	padding:			5px;			
}

table.VulnerabiltyContainer tr, td {
	vertical-align:		top;
}
/* End vulnerability filter */
/* End legal information filters */

table.responsive, .responsive {
	width: 100%;
	max-width: 100%;
	margin: 1em 0;
	border-top: 0;
	border-collapse: collapse;
}

table.responsive tr {
	border-bottom: 2px dotted #e3e6e6;
	display: table-row;
	font-size: 1rem;
	line-height: 1rem;
	vertical-align: middle;
}

table.responsive tr:nth-child(even) {
	background-color: #f9f9f9;
}

/*table.responsive th {
	padding: 20px 0 20px 10px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	color: #00426E;
	text-align: left;
	vertical-align: top;
}*/


table.responsive th {
	padding: 20px 0 20px 10px;
	font-weight: 600;
	font-size: 1.75rem;
	line-height: 2.5rem;
	/* font-weight: 600; */
	color: #00426E;
	text-align: left;
	vertical-align: top;
}

table.responsive td {
	padding: 14px 0 14px 10px;
	text-align: left;
	
	font-size: 1.8rem;
	/*font-weight: 600;*/ /*Hidden by LS 23/1/18 */
	color: #474747;
	vertical-align: top;
}






table.responsive td .turquoise {
	
	font-size: 1.6rem;
	font-weight: 600;
	color: #0F8291;
	margin: 0;
}

input[type="submit"],
a.button {
   /* background-color: #196394;*/
  /* background-color: #ffc60b; -- DRCLAS*/
     background-color: #c83f17; /* YOUR STORY */
    /* add below for button on Clause code page */
    
    border: none;
    border-radius: 4px;
    padding: 9px 27px;
    /*color: #FFF;*/
   /* color: #000; -- DRCLAS */
   	color: #FFF!important; /*YOUR STORY */
       /*font-size: 1.7rem;*/
	font-size: 2rem;
    font-weight: 600;
   /* margin: 0 0 0 10px;*/
   margin:0;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
a.button:hover,
a.button:focus {
   /* background-color: #0f8291;*/
  /*  background-color: #C79800; -- DRCLAS */
    background-color: #973112!important; /* darker orange YOUR STORY */
    text-decoration: underline!important;
    
    color: white!important;
    border: 0;
    /* margin: auto; */
    margin-bottom: 0;
   
}
.sticky-button a:hover, .sticky-button a:focus {
 	 text-decoration: underline!important;
 
 }
a.button {	
	/*color: #FFF;*/
    color:#000;
	
	/*font-size: 1.7rem;*/
	font-size: 2rem;
	padding: 10px 29px;
	border-radius: 4px;
	padding-right: 25px;
	display: inline-block;
	text-decoration: none;
}

a.button:hover,
a.button:focus {
	
}

.button:after {
	font-family: "laq-icons";
	content: ">";
	vertical-align: -10%;
	padding-left: 10px;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
	speak: none;
}

ol {
	padding-left: 8%;
}

ul {
	padding-left: 8%;
	margin-bottom: 3.6rem;
}

.toc-exclude {
	
}

@media (min-width:768px) {
	.paragraph-left-border {
		padding: 0 30px;
	}
	
	table.responsive {
		width: 100%;
		max-width: 100%;
		margin: 1em 0;
		border-top: 5px solid #3dacba;
		border-collapse: collapse;
	}

	ul,
	ol {
		padding-left: 3%;
	}
}
/* ----- TFS400 for small devices ---- */
@media (max-width:991px) {
  
    .toc-list-container {
    	display: none;
    }

    
}
@media (max-width:1280px) {
	.toc-list-container {
    	display: none;
    }
}

/* ---- TFS400 ends here ---- */

/* TFS405 Twitter widget styles */
.twitter-right {
	float: right; 
	margin-top: 4px;
}
.margin-top {
	margin-top: 20px;
}

/* new styles for homepage (TFS400) but can be used whereever needed */
.margin-bottom-px {
	margin-bottom:36px
}
.margin-top-px {
	margin-top: 32px
}
/* new styles for hp end here */


/* Style for invisible recapcha TFS412*/

.grecaptcha-badge {
	bottom: 50px !important;
}


/* show hide div */
div.group div {
    display:none;
}

/*--- Form additional styles for compliment complaint form -- */
.hlightrowbg {
	border:				none;
	margin:				20px 0px;
	padding:			20px 20px;
	background-color:	#d8eef1;
}


/* -- TOC styles added LS 28/02/18. ---
On pages that have table of contents, it will now have a title with On this page and arrows have been added before each bullet point. 
To get the blue left vertical line add .paragraph-left-border to the container <div>  */


div.toc-list-container::before {
    content:'Contents';
    font-weight: 600;
	color: #00426e;
}

/*li.toc-h2::before {

 content: ">";
 font-family: "laq-icons";
color: #46c3d2;
font-size: 1.2rem;
}*/
li.toc-h2::before {

}

/* to style text within an input field ie Org Directory */
input::placeholder {
	color: gray;
	font-weight: normal;
}


/* tab nav for twitter and facebook starts here */

 .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {width: 100% !important;} 


.facebook-container {
	max-width: 100%;
}

.tab-nav {
  min-width: 320px;
  max-width: 800px;
  /*padding: 50px;*/
  margin: 0 auto;
  background: #fff;
}

.tab-nav section {
  display: none;
  padding: 10px 0 0;
 /* border-top: 1px solid #ddd;*/
}

.tab-nav input {
  display: none;
}

label.tab-label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label.tab-label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label.tab-label[for*='1']:before {
  content: '\f099';
}

label.tab-label[for*='2']:before {
  content: '\f082';
}



label.tab-label:hover {
  color: #888;
  cursor: pointer;
}

.tab-nav input:checked + label {
  color: #555;
  /*border: 1px solid #ddd;*/
  border-top: 8px solid #3dacba;
 /* border-bottom: 1px solid #fff;*/
  border-radius: 4px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  label.tab-label {
    font-size: 0;
  }

  label.tab-label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label.tab-label {
    padding: 15px;
  }
}
/* ------- begin Widget Facebook -------------- */
.widget--facebook--container {
  padding: 0px;
 /* border: 1px solid #000;*/
}

.widget-facebook {
  height: 500px;
}

.widget-facebook .facebook_iframe {
  border: none;
}

/* ---------- end Widget Facebook---------------- */
/* tab nav for twiter fb ENDS HERE */

/* means calc styling starts here */

/* radio set styling as button */

.eea2-radio-set li,
.eea2-radio-mult-set-1 li,
.eea2-radio-mult-set-2 li {
  margin: 0;
  /* height:50px; */
  position: relative;
  margin-top: 1em;
}

.additional-state-list li {
  height: 50px;
}

.eea2-radio-set label,
.donate-now input,
.eea2-radio-mult-set-1 label,
.eea2-radio-mult-set-2 label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.eea2-radio-set input[type="radio"],
.eea2-radio-mult-set-1 input[type="checkbox"],
.eea2-radio-mult-set-2 input[type="checkbox"] {
  opacity: 0.01;
  z-index: 100;
}

.eea2-radio-set input[type="radio"]:checked+label,
.eea2-radio-mult-set-1 input[type="checkbox"]:checked+label,
.eea2-radio-mult-set-2 input[type="checkbox"]:checked+label,
.Checked+label {
  background: #1c79b7;
  color: #fff;
}

.eea2-radio-set label,
.eea2-radio-mult-set-1 label,
.eea2-radio-mult-set-2 label {
  font-family: OpenSansLight;
  padding-top: 11px;
  border: 1px solid #000;
  cursor: pointer;
  z-index: 90;
  background: #fff;
  border-radius: 5px;
 width: 177px;
  text-align: center;
}

.eea2-radio-mult-set-1 label,
.eea2-radio-mult-set-2 label {
  text-align: left;
  padding-left: 1em;
}

.eea2-radio-set label:hover,
.eea2-radio-mult-set-1 label:hover,
.eea2-radio-mult-set-2 label:hover {
  background: #eee;
}

.eea2-radio-set input:focus+label,
.eea2-radio-mult-set-1 input:focus+label,
.eea2-radio-mult-set-2 input:focus+label {
  outline: 2px solid #ff9900;
  outline-offset: 0;
  box-shadow: 0 0 0 2px #FF9900, 0 0 10px 3px #000000;
}
.additional-state-list {
  list-style: none;
}
/* end radio set styling as button */

@media(max-width:767px) {
.additional-state-list li {
    margin-right: 3em;
  }
  }
  
  
  
.scrolling-wrapper { /*this is for the means test table. */
    overflow-x: scroll!important;
    overflow-y: hidden;
    white-space: nowrap;
}
.flipped .scrolling-wrapper 
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}