/* ----------------------- */
/* Digital Archives Styles */
/* ----------------------- */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

figure {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e0e0e0;
	color: #111111;
	font-family: "Source Sans 3", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
  	line-height: 1.55;
  	font-size: 16px;
  	min-height: 100vh;
  	margin: 0;
}

a {
	color: #071b68;
}

h1, h2, h3, h4 {
	font-family: "PT Serif", serif;
	line-height: 1.15;
	text-wrap: balance;
}

h4, {
	font-size: 18px;
}

h5 {
	font-size: 16px;
	line-height: 1.15;
	text-wrap: balance;
}


h6 {
	font-size: 16px;
	line-height: 1.15;
	color: #B22222;
}


.content, .breadcrumbs {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2rem;
}

main .content {
	max-width: 980px;
	padding: 2rem;
}


/* Header */

body > header {
	background-color: #045669;
	border-bottom: 6px solid #f3a01e;
    padding: 20px;
    margin: 0;
}

body > header .content  {
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}

body > header, body > header a {
	color: #fff;
	text-decoration: none;
}

body > header .da-nav {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 1rem;
}

body > header .da-nav div {
	display: flex;
	align-items: center;
}

#da-nav-menu {
	margin-right: 5px;
}

#da-nav-btn {
	background-color: #0c92a6;
	color: #fff;
	padding: .2rem .5rem;
}

#da-nav-btn:hover {
	opacity: 0.7;
    transform: none;
}

.breadcrumbs{
	padding-top: 1.25rem;
	padding-top: 1.25rem;
}

@media (max-width: 700px) {
	body > header .da-nav {
		align-items: center;
	}
	header .content {
		flex-direction: column;
		justify-content: center;
	}

	header .logo img {
		width: 180px;
	}

	header .logo {
		text-align: center;
	}

	main .breadcrumbs {
		display: none;
	}
}



/*Footer*/

footer, footer a {
	color: #ffffff;
	font-size: 1.05rem;
}

footer h2 a {
	text-decoration: none;
	font-size: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.458), 1.4rem);
}

.footer-cols {
	background-color: #045669;
	border-top: 6px solid #f3a01e;
	padding: 2.5rem 0;
}

.footer-cols .content {
	display: flex;
	align-items: top;
	gap: 1.2rem;
	padding: 1.2rem;
}

.footer-cols .footer-col {
	flex-basis: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.footer-col-buttons {
	align-self: center;
    width: 100%;
}


@media (max-width: 1023px) {
	.footer-cols {
		padding: 0 !important;
	}
    .footer-cols .content {
        flex-wrap: wrap !important;
        padding-top: 0 !important;
    }
    .footer-cols .footer-col {
    	flex-basis: 100% !important;
    	padding: 0 !important;
	}
}

.footer-cols ul {
	list-style-type: none;
	padding: 0;
}

.footer-cols li {
	margin-bottom: .5rem;
}

.footer-cols p {
	line-height: 1.2;
}

.footer-bottom {
	text-align: center;
	background-color: #111111;
	margin: 0;
    padding: .5rem 0;
}


footer .button {
    background: transparent none;
    border-color: currentColor;
    border-width: 1px;
    border-style: solid;
    color: currentColor;
    padding-top: calc(0.6rem - 1px);
    padding-right: calc(1rem - 1px);
    padding-bottom: calc(0.6rem - 1px);
    padding-left: calc(1rem - 1px);
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    margin: .5rem;
    width: fit-content;
}


ul.social-links {
	display: flex;
	font-size: 24px;
	gap: 1.2rem;
	margin-bottom: 0;
}
ul.social-links li {
	fill: #fff;
	width: fit-content;
}

ul.social-links a {
	padding: .4rem;
	color: #fff;
	align-items: center;
    display: flex;
    line-height: 0;
    transition: transform .1s ease;
}

ul.social-links a:hover {
    opacity: 0.7;
    transform: none;
}

.footer-bottom {
	padding-bottom: 1.5rem;
}


/* Main Content */

main h1 {
	text-align: center;
	color: #045669;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 0 0 2rem 0;
}

main {
	font-size: 1.05rem;
}

main p {
	margin: .5rem 0 .5rem 0;
}

main input.btn.btn-default,
main a.btn.btn-default {
	background-color: #0c92a6;
	color: #fff;
	border: none;
	padding: .25rem .5rem;
	margin: .5rem 0;
	text-decoration: none;
}


/*Search Forms */

h2.search_header {
	padding-bottom: 1rem;
	margin-top: 0;
}

form.da-search-bar {
	text-align: center;
}

form.da-search-bar {
		margin-bottom: 2em;
		margin-top: 1.5em;
	}

form.da-search-bar .field-year .form-control {
	padding-left: 0;
	padding-right: 0;
}

form.da-search-bar .field-year label {
	padding-right: 5px;
}

form.da-search-bar .well {
	padding-top: 18px;
	background-color: #045669;
	color: #fff;
	margin: 0 auto;
	padding: 2rem 1rem;

}

form.da-search-bar .well .row {
	margin: 1rem 0;
}

form.da-search-bar .well input.form-text,
form.da-search-bar .well select.form-select {
	width: 100%;
}

form.da-search-bar .well .row > * {
	text-align: left;
}

form.da-search-bar .well .row label {
	display: block;
} 

form.da-search-bar {
	.form-group {
		padding: 0 .5rem;
	}
}

.well:after, .row:after {
    clear: both;
}
.well:before, .well:after, .row:before, .row:after {
    content: " ";
    display: table;
}

@media only screen and (max-width: 600px) {

	form.da-search-bar .well > * {
		margin: 1rem 0;
	}

}

@media only screen and (min-width: 600px) {
    .col-sm-2, .col-xs-2 {
	     width: 16.66667%;
	     float: left;
	 }

	.da-all form.da-search-bar .col-sm-2 {
		text-align: left;
	}

   .col-sm-3, .col-xs-3 {
		width: 25%;
		float: left;
		text-align: left;
	}

	.col-sm-4, .col-xs-4 {
		width: 33.33%;
		float: left;
	}

   .col-sm-6, .col-xs-6 {
		width: 50%;
		float: left;
	}

	.col-sm-8, .col-xs-8 {
		width: 66.66667%;
		float: left;
	}

	.col-sm-9, .col-xs-9 {
		width: 75%;
		float: left;
	} 

	 .col-xs-10, .col-xs-10 {
		width: 83.33333%;
		float: left;
	}

	 form.da-search-bar .field-year {
		justify-content: flex-end;
		display: flex;
	 }


}


form.da-search-bar .btn.btn-primary {
	margin: 0;
    background-color: #f3a01e;
    color: #045669;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    padding: .25rem .5rem;
}

.da-search-bar ul.list-inline {
	list-style: none;
    margin-left: 0;
    display: flex;
    gap: 1rem;
    justify-content: center;
    width: 100%;
    padding: 1rem .5rem 0 0.5rem;
    margin: 0;

}

input.btn-link {
    background: none;
    border: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-decoration: underline;
  }



main .topic-list ul {
	margin-top: 0 !important;
	margin-bottom:0 !important;
}

main .topic-list a:hover {
	text-decoration: underline !important;
}

/* Results Containers and Tables */



main > .container {
	margin-top: 1.5rem;
}

main > .container ~ .container {
	margin-top: 0;
}

main .container .row {
    padding: 8px;
}

main .da-all .container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.da-all h5 {
	font-weight: 400;
}

main .container h5 {
	margin: .5rem 0;
}

main .container .row p {
	margin: 0;
}

main .bg-info, 
main .row.bg-info {
	background-color: #CCE7EB !important;
}

main .row p.source {
	margin: 0;
	color: #888888;
    font-size: 16px;
    font-weight: bold;
}

main .container table,
main .results-table,
main .the_witness .wrapper .container,
main .the_witness #wrapper .container,
main .gc_reports #wrapper .container,
main .da-all .container {
	background-color: #ffffff;
	border-collapse:collapse;
	font-size: 15px;
	width: 100%;
}

main .the_witness .wrapper .container:first-child {
	background-color: #e0e0e0 !important;
}


main table th, main table td {
	padding: 8px;
    line-height: 1.42857;
   	border: none;
   	text-align: left;
   	vertical-align: text-top;
}


main .bg-primary {
    background-color: #888888;
    color: #ffffff;
}

main h3 {
	margin-bottom: .5rem;
}

/* Acts */

main .resolution-table tr.compact td, main .resolution-table tr.compact th {
	padding: 2px 8px;
}
main .resolution-table th {
	width: 22%;
}

main .resolution-table {
	padding: 1rem 0;
	border-collapse: separate;
	font-size: 16px;
	background-color: #e0e0e0;
}



main .acts div.bishops, 
main .acts div.deputies, 
main .acts p.final_phrase {
	padding: 1em 10% 1em 10%;
	margin: 0;
}

main .final_text {
	width: 100%;
	margin: 0 !important;
}

main .final_text p {
	margin: 0 1rem !important;
}


/* GC Reports */

.gcr_header {
	margin: 1rem 0 !important;
}


main .gc_reports .container h5,
main .results-table h5 {
	margin: .5rem 0;
	font-weight: 400;
	font-size: 1.05rem;
}

.container.bookcovers {
background-color: #e0e0e0 !important;
}

.bookcovers figcaption {
	font-size: 16px;
	font-weight: 700;
}

.bookcovers h3 {
	padding-top: 2rem;
    text-align: center;
}


/* The Witness */

.the_witness .cover_wrapper {
	margin: 1rem 0;
}

.witness_header {
	margin: 1rem 0 !important;
}
 
.issuecovers figcaption {
	font-size: 16px;
	font-weight: 700;
}

.the_witness .container a {
	text-decoration: none;
	font-family: "Source Sans 3";
	font-weight: 400;
}

.the_witness .container a:hover {
	text-decoration: underline;
}

.the_witness .container h4 {
	margin: .5rem;
}

/*Reponsive tables */
@media only screen and (max-width: 600px) {

	main form.da-search-bar .well {
		width: 90%;
	}
    .acts .responsive-table th {
        display: none;
    }
	.acts .responsive-table tr {
				display: block;
				padding-top: 4px;
    }
	.acts .responsive-table td {
				display: block;
				width: 100% !important;
				border: none;
				padding: 4px ;

		}
	.acts .responsive-table td:before  {
				content: attr(data-th)":";
				display: inline-block;
				padding-right: 3px;
				font-weight: bold;
		}

}

@media only screen and (max-width: 800px) {
	main .resolution-table td, main .resolution-table th {
		    display: block;
		    width: 100% !important;
		    border: none;
		    padding: 4px ;
		}
}


/* Utilities */

.screen-reader-text, .sr-only {
	border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.list-unstyled {
	list-style: none;
	padding-left: 0;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}


@media print {
   .content a[href]:after {
    content:"";
  }
}