@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400&display=swap');

a:link {color:#036;}
a:visited {color:#69c;}
a:hover, a:active, a:focus {color:#069;}
a img {border:0;}

body {background-color:#ececea; color:#666; margin:0; padding:0; font: normal 100% "Verdana", "Helvetica", "Arial", sans-serif; margin:0; padding:0; line-height:1.5;}

caption {font-size:1.5em;}
dl {font-size:90%;}

dl + h3 {clear:left; padding-top:1em;}

footer {border-top:1px solid #999; font-size:.85em; padding:1em 1.5em 2em 1.5em; text-align:center;}
footer aside img{width:43%; max-width:200px; height:auto; max-height:100px;}
footer aside li{display:inline;}

footer ul {list-style-type:none; margin:0 0 1em 0; padding:0;}
caption, h1, h2, h3 {font-family: 'Josefin Sans', sans-serif; font-weight:400;}
h1 {font-size:2em;}

header[role="banner"] {border:1px solid #000; margin:0; background-color:#000; color:#fff; padding:1em 1em 0 1em;}
header[role="banner"] a {color:#fff;}
header[role="banner"] h1, header[role="banner"] form, header[role="banner"] ul {text-align:center;}
header[role="banner"] h1{margin:0; padding:0;}
header[role="banner"] h1 a {color:#fff; text-decoration:none;}
header[role="banner"] h1 span {display:block; font-size:.5em;}
header[role="banner"] #subNav{list-style-type:none; margin:0; padding:0;}
header[role="banner"] #subNav img {width:28px; height:28px; padding:.25em;}
header[role="banner"] li{display:inline-block;}

header[role="banner"] + div {padding:2em; background-color:#fff;}
header[role="banner"] + div h1 {margin-top:0; margin-bottom:.25em;}

header[role="banner"] nav {background-color:#333; border:1px solid #000; margin:.25em -1em 0 -1em;}
	header[role="banner"] nav a {font-family: 'Josefin Sans', sans-serif; font-weight:400; font-size:1.25em;text-decoration:none; display:inline-block; padding:.5em 1em;}
	header[role="banner"] nav a:hover, header[role="banner"] nav a:active, header[role="banner"] nav a:focus {text-decoration:underline;}
	header[role="banner"] nav ul {margin:0; padding:0;}
/* header switches */
#hdrDLASHome, #hdrDeeds, #hdrNCRSA
	{background-color:#000;  background-size:auto 100%; background-repeat:no-repeat; background-position:top center;}
#hdrDLASHome {background-image: url('/Content/images/bgDLAS.png'); padding-bottom: 1em;}
#hdrDeeds {background-image: url("/Content/images/deeds/bgDeeds.png");}
#hdrNCRSA {background-image: url("/Content/images/notices/bgNCRSA.png");}
#hdrRSP {background-image: url("/Content/images/petitions/bgPetitions.png");}

.contentList {line-height:2;}

.datatable {border:1px solid #ccc; border-bottom:0; width:100%; font-size:.85em;}
	.datatable thead th{background-color:#333; color:#ccc;}
	.datatable thead a {color:#fff;}
	.datatable td, .datatable th {padding:.5em; border-bottom:1px solid #ccc;}
	.datatable th {font-weight:normal;}
	.datatable tr:nth-child(odd) {background-color:#ececea;}
	.datatable tr:nth-child(even) {background-color:#fff;}
.datatable th[scope="row"] {text-align:left;}
.datatable .asc::after, .datatable .desc::after {position: relative; content: ""; display: inline-block; width: 0.4em; height: 0.4em; transform: rotate(45deg); margin-left: 0.5em;}
	.datatable .asc::after {border-left: 0.2em solid #ccc; border-top: 0.2em solid #ccc;}
	.datatable .desc::after {border-right: 0.2em solid #ccc; border-bottom: 0.2em solid #ccc;}

#docDetails dl, #docDetails ul {font-size:.85em;}
#docDetails dt {font-weight:bold; clear:left; float:left; padding-right:1em;}
#docDetails dt::after{content: ":";}
#docDetails dd { 
           margin:.25em 0; 
            /* padding: 0 0 0.5em 0; */
        } 
		
#docMetadata img {border:1px solid #333; display:block; margin:1em 0; max-width:100%;}
#docMetadata li {margin-top:1em;}
#docMetadata .linkButton {display:block; font-size:1em; text-align:center;}

input[type="submit"], .linkButton {font-family: 'Josefin Sans', sans-serif; font-size:.85em; font-weight:400; background-color:#ccc; padding:1em 1em .75em 1em; border:1px solid #000;}
.imgSplash {text-align:center;}
	.imgSplash img {border:1px solid #999; width:100%; height:auto;}

.linkButton:link {text-decoration:none; font-size:.85em; display:inline-block;}
.linkButton:link, .linkButton:visited {color:#000;}
.linkButton:active, .linkButton:focus, .linkButton:hover {background-color:#fff;}

.modal {display:none;}
#projList {text-align:center;}
	#projList figure {background-color:#000; display:inline-block; margin:0 .25em 1em .25em; padding:.5em;} 	
			#projList figure figcaption a {color:#fff; font-family: "Josefin Sans", "Verdana", sans-serif; font-size:1em; font-weight:400; text-decoration:none;}
			#projList figure img {border:1px solid #ccc; width:225px; height:200px;}

#resultListContainer .resultListHdr {background-color:#333; color:#ccc; margin:0; padding:1em; text-align:center;}
	.resultListHdr li {display:inline-block; padding-right:1em; font-size:.85em;}
	.resultListHdr .nextLink::after, .resultListHdr .prevLink:before {position: relative; content: ""; display: inline-block; width: 0.4em; height: 0.4em; transform: rotate(45deg);}
		.resultListHdr .nextLink::after {border-right: 0.2em solid #ccc; border-top: 0.2em solid #ccc; margin-left: 0.5em;}
		.resultListHdr .prevLink:before {border-left: 0.2em solid #ccc; border-bottom: 0.2em solid #ccc; margin-right: 0.5em;}
	.resultListHdr li a {color:#fff;}
	.resultListHdr p, .resultListHdr ul {margin:0 0 1em 0; padding:0;}
	#resultListContainer section, .sidebar {font-size:.9em; padding:0 1em 1em 1em; border:1px solid #ccc;}
		#resultListContainer section:nth-child(odd), .sidebar {background-color:#ececea;}
		#resultListContainer section:nth-child(even) {background-color:#fff;}
		#resultListContainer section h2 {margin-bottom:0;}
		#resultListContainer section h3, #resultListContainer section p, #resultListContainer section ul, .sidebar ul { margin:0; padding:0;}
		#resultListContainer section h3 {color:#000; margin-top:.5em;}
		#resultListContainer section ul, .sidebar ul {list-style:none;}
		#resultListContainer .searchTerm {background-color:#c9e4ed; border:1px solid #9cc; color:#000; font-size:.9em; margin-top:.5em; padding:.5em;}

.searchForm {width:80%; margin-left:10%;}
	.sfField {border:1px solid #000; font-size:1em; width:100%;}
	.sfDD, .sfRadios {font-size:1em;margin-bottom:1em;}

.sidebar {margin-top:2em;}
.sidebar li {margin-bottom: .5em;}
.sidebar select {max-width: 210px;text-overflow: ellipsis;}


#searchRefine li a {display:inline-block; border:2px solid #fff; border-radius:5px; background-color:#000; color:#fff; padding:0 .25em; font-weight:bold; text-decoration:none;}
	#searchRefine li a:hover, #searchRefine li a:active, #searchRefine li a:focus {background-color:#900;}
#searchRefine .sfBtn {font-size:1.25em; margin-top:1.5em;}

#subjects  {border:1px solid #ccc; width:100%; font-size:.85em;}
	#subjects th {background-color:#333; color:#fff;font-weight:normal;}
	#subjects li {padding-bottom:.5em;}
	#subjects td, #subjects th {padding:.5em;}
	#subjects ul {list-style:none;}

#suppMaterialList {text-align:center; margin-top:2em;}
	#suppMaterialList figure {background-color:#666; display:inline-block; margin:0 .25em 1em .25em; padding:.5em;} 	
	#suppMaterialList figure figcaption a {color:#fff; font-family: "Josefin Sans", "Verdana", sans-serif; font-size:.75em; font-weight:400; text-decoration:none;}

	#suppMaterialList figure img {border:1px solid #ccc; width:175px; height:150px;}

		.srList .projListItem {vertical-align: top;}
		.srList .projListItem ul {color:#ccc; list-style:none; padding-left:.25em; text-align:left;}
		.srList .linkButton {width:200px; text-align:center; font-size:1em; margin:0; margin-top:.5em;}

#uncg {display:none;} /* for eventual UNCG header */

@media screen and (min-device-width: 601px) 
	{
	footer {font-size:.75em; clear:both;}
		footer aside img{width:auto; height:100px;}
	footer ul {text-align:left; max-width:33%; font-size:1em;}
		footer aside ul {float:right; text-align:right; margin-top:4em;}
	footer p {text-align:left; clear:left;}
	header[role="banner"] h1 {text-align:left;}
	header[role="banner"] #subNav {float:right; margin-top:-4.5em;}
	#hdrDLASHome {padding-bottom:4em;}
		#hdrDLASHome h1  {margin-bottom:1em;}
		#hdrDLASHome #subNav {margin-top:-4.75em;}
		#hdrDLASHome, #hdrDeeds, #hdrNCRSA {background-size:100% auto; background-position:top left;}

	p, ul{font-size:.85em;}
	header[role="banner"] nav ul {font-size:1em;}
	.contentGrid {display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 1em 1em;}

	.datatable caption, .datatable th {text-align:left;}
	#docContainer {grid-template-areas: "gContent gSidebar"; grid-template-columns: 75% auto;}
	#resultsContainer {grid-template-areas: "gSidebar gContent"; grid-template-columns: auto 75%;}
		.gridContent {grid-area: gContent;}
		.sidebar {grid-area: gSidebar; font-size:.85em;}	

	.sublinks {float: left; padding:.5em; width:30%;}
		.sublinks li {padding:0 0 .5em 0;}
	
	#docMetadata ul {font-size:.9em;}
	#docMetadata .linkButton {font-size:1.2em;}
	.modal {
		display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
		background: rgba(0,0,0,.8); border:1px solid #ccc; color:#fff; padding:1.25em; text-align:left; width:70%;
		}
		.modal a {color:#fff;}
		.modal h2 {margin:0; padding:0;}
		.modal form + p {text-align:center;}
	.modal .closeModal {float:right; margin-top:-.25em; font-size:2em; font-family: 'Josefin Sans', sans-serif; font-weight:500;}
	.modal .closeModal a {text-decoration:none;}
	
	.imgSplash {text-align:center; float:right; padding:1em 0 1em 1em;}
		.imgSplash img {width:400; height:312;}
	#resultListContainer .resultListHdr { text-align:right;}
		.resultListHdr p, .resultListHdr ul {margin:0; float:left;}
		.resultListHdr .linkButton {padding:.5em;}
	.searchForm {display: grid; grid-template-columns: 1fr 30% auto; grid-template-rows: 1fr 1fr; gap: 5px 1em; grid-template-areas: "searchField searchField sfBtn" "sfRadios sfDD sfAdv"; width:50%; margin-left:25%;}
		.sfAdv, .sfDD, .sfRadios {font-size:.85em;}
		.sfAdv {grid-area:sfAdv;}	
		.sfBtn {grid-area:sfBtn; width:auto;}
		.sfDD {grid-area:sfDD; text-align:right; margin-bottom:0;}	
		.sfField {grid-area:searchField;  border:1px solid #000; font-size:1em;}
		.sfRadios {grid-area:sfRadios; text-align:left;}
	
	 .modal .searchForm  {width:90%; margin:0; margin-left:5%; padding: 1em 0 .5em 0;}
	 .sidebar {margin-top:0;}
   	 /*/mediaquery*/
    	}