/*-------------colors-------------*/

//#ffffff;     /*white*/
//#333;     /*darkest grey*/
//#82d2f6;     /*HA turquoise*/
//#c8192d;     /*HA red*/
//#283bb0;     /*HA blue*/
//#006ba3;     /*dark HA turquoise*/
//#620019;     /*dark HA red*/
//#011062;     /*dark HA blue*/

//#c8dcff;     /*pale turquoise*/
//#01106225;     /*dark blue 25% transparency*/
//#b2b7d0;     /*same as dark blue 30%, but without the transparency*/

//#faf3ed;     /*background-palest warm grey*/
//#d0d0d0;     /*pale grey*/
//#aaaaaa;     /*light grey font*/
//#515151;     /*medium-darkish grey*/
//#592b14;     /*medium brown*/
//#321400;     /*dark brown*/

//#273755;     /*button blue*/

//font variations:
//font-family: azo-sans-web, sans-serif;
//	font-weight: 200;     /*thin*/
//	font-weight: 300;     /*light*/
//	font-weight: 400;     /*regular*/
//	font-weight: 500;     /*medium*/
//	font-weight: 700;     /*bold*/
//	font-weight: 900;     /*black*/

//font-family: aso-sans-uber, sans-serif;
//	font-weight: 400;     /*Uber Regular*/






/*-------------whole page-------------*/
body {
	background-color: #faf3ed;     /*palest warm grey*/
}

#content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
}


/*-------------type formatting-------------*/
body {
	font-family: azo-sans-web,Calibri,sans-serif !important;
//	color: #333;     /*darkest grey*/
}

h1, .h1, h2, .h2, h3, .h3, h4, .resource-meta .resource-link .resource-name, h1.site-title, .h4, h5, .preview-block h4, .h5, h6, .h6 {
	font-family: azo-sans-web,Calibri,sans-serif !important;
//	font-style: normal;
}

p {
	font-size: 1.25rem;
	font-weight: 400;     /*regular*/
	line-height: 1.5;
}

h1 {
	font-size: 3.125rem;
	font-weight: 700;     /*bold*/
	color: #011062;     /*dark blue*/
}

h2 {
	font-size: 3.125rem;
	font-weight: 700;     /*bold*/
	color: #620019;     /*dark red*/
}

h3 {
	font-weight: 500;     /*medium*/
	color: #006ba3;     /*dark HA turquoise*/
	line-height: 1.5;
	text-align: left;
}

h4 {
	font-weight: 500;     /*medium*/
	font-style: oblique;
	color: #aaaaaa;     /*light grey font*/
}

h5 {
	font-weight: 400;     /*regular*/

}

h6 {
	font-style: italic;
	font-weight: 400;     /*regular*/
	color: #592b14;     /*medium brown*/
}

h7 {
	font-size:  2rem;
	font-weight: 700;		/*bold*/
}

h8 {
	font-size: 1.25rem;
	font-weight: 500; 	/*medium*/
	text-transform: uppercase;
	padding-top: 10px;
	line-height: 110%;
}

h9 {
	font-size: 1.25rem;
	font-weight: 500; 	/*medium*/
	padding-top: 10px;
	line-height: 110%;
}

blockquote, blockquote p {
	color: #006ba3;     /*dark HA turquoise*/
	font-style: italic;
}

blockquote {
	border-left: 1px solid #006ba3;     /*dark HA turquoise*/
}

button {
	color: #fff;		/*white*/
	background-color: #273755;     /*button blue*/
	padding: 15px;
	text-align: center;
	font-family: azo-sans-web, Calibri, sans-serif;
}

button .page-go {
	border-radius:  30px;
	height: 135 px;
	width: 470px;
}


/*-------------home page only-------------*/
body.page.home {
	background-image: url("https://haitiansabroad.org/files/asset/8a469f3aca800fa5d2544d3eeda101730d5c85f8.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed; 
}

body.page.home header {
//	box-shadow: 0px 5px #c8dcff;     /*pale turquoise*/
//	box-shadow: 0px 5px #82d2f6;     /*HA turquoise*/
	position: unset;
}     /*changes color of line under navigation, unsticks header on scroll*/

.HA-intro2 {
	text-align: center;
}


/*-------------logo header-------------*/
.top-bar {
	flex-direction: column;
}     /*stacks header elements*/

.top-bar {
	background-color: #273755;     /*button blue*/
}     /*changes background of header*/

.top-bar ul {
	background-color:  #273755;     /*button blue*/
}     /*changes the background color of navigation and dropdown menus*/

.top-bar .top-bar-left {
	margin-right: unset;
}     /*centers the header elements*/

.top-bar .top-bar-right {
	margin-left: unset;
}     /*centers the header elements*/

.site-title img {
//	min-height: 160px;
	max-height: 275px;
//	max-width: 1250px;
}     /*sets size of logo*/

.wide.sub-menu+.blocks {
	width: calc(100% - 1.25rem);
}     /*sets size of body content*/


/*-------------page navigation-------------*/
a.nav-header, ul.dropdown.menu {
	color: #ffffff;     /*white*/
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}     /*affects navigation menu text*/

a.nav-header:hover, .is-dropdown-submenu-parent:hover {
	border-bottom: 5px solid  #c8dcff;     /*pale turquoise*/
//	border-bottom: 5px solid  #82d2f6;     /*HA turquoise*/
}     /*adds border on hover*/

.dropdown.menu>li>a, .toc-block>ul.dropdown>li>a, .toc-block ul ul.dropdown>li>a {
	padding: 0.7rem 0.5rem;
	margin: 0 0.75rem;
}     /*affects navigation menu spacing*/

.menu, .toc-block>ul, .toc-block ul ul {
	font-size: 1.25rem;
}     /*affects navigation menu text*/

a.dropdown-toggle {
	color: #ffffff; /*white*/
}     /*affects navigation menu text with dropdown toggle*/

.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
	background: transparent;
	border-bottom: 5px solid #c8dcff;     /*pale turquoise*/
//	border-bottom: 5px solid  #82d2f6;     /*HA turquoise*/
	color: #c8dcff;     /*pale turquoise*/
//	color: #82d2f6;     /*HA turquoise*/
}     /*makes current/active page link white with  50% transparent turquoise underline*/

.dropdown.menu>li.is-dropdown-submenu-parent.active>a:after, .toc-block>ul.dropdown>li.is-dropdown-submenu-parent.active>a:after, .toc-block ul ul.dropdown>li.is-dropdown-submenu-parent.active>a:after {
	border-color:#c8dcff rgba(0,0,0,0) rgba(0,0,0,0); /*pale turquoise down arrow*/
//	border-bottom: 5px solid  #82d2f6 rgba(0,0,0,0) rgba(0,0,0,0);     /*HA turquoise down arrow*/
}     /*makes current/active page dropdown arrow white*/

.dropdown.menu>li.is-dropdown-submenu-parent>a::after, .toc-block>ul.dropdown>li.is-dropdown-submenu-parent>a::after, .toc-block ul ul.dropdown>li.is-dropdown-submenu-parent>a::after {
	border-color: #ffffff rgba(0,0,0,0) rgba(0,0,0,0);     /*white down arrow*/
}     /*makes dropdown arrow white*/

.dropdown.menu>li.is-active>a, .toc-block>ul.dropdown>li.is-active>a, .toc-block ul ul.dropdown>li.is-active>a {
	color: #ffffff;     /*white*/
}     /*makes active navigation menu text white*/

.dropdown.menu>li.is-dropdown-submenu-parent.active:hover>a, .toc-block>ul.dropdown>li.is-dropdown-submenu-parent.active:hover>a, .toc-block ul ul.dropdown>li.is-dropdown-submenu-parent.active:hover>a {
	background-color: transparent;
}     /*removes background color of hovered over navigation*/

.dropdown.menu>li.opens-left>.is-dropdown-submenu, .toc-block>ul.dropdown>li.opens-left>.is-dropdown-submenu, .toc-block ul ul.dropdown>li.opens-left>.is-dropdown-submenu {
	right: auto;
	left: 12px;
}     /*adjusts position of absolutely positioned submenu*/

.menu .is-active>a, .toc-block>ul .is-active>a, .toc-block ul ul .is-active>a {
	color: #ffffff;     /*white*/
	background-color: #273755;     /*button blue*/
}     /*fixes the background and text color of secondary dropdown navigation*/

#responsive-menu > ul > li:nth-child(4) > ul > li.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left a {
	color: #ffffff;     /*white*/
}     /*fixes the text color of secondary dropdown navigation*/

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
	border-color: rgba(0,0,0,0) #ffffff rgba(0,0,0,0) rgba(0,0,0,0);
}     /*fixes the secondary dropdown navigation toggle arrow*/

.is-dropdown-submenu {
	min-width: 250px;
	border: 1px solid #c8dcff;     /*pale turquoise*/
//	border: 1px solid  #82d2f6;     /*HA turquoise*/
	box-shadow: 2px 2px 2px  #27375550;
}

.top-bar-right .search {
	display: none;
}     /*takes out search bar*/

nav.sub-menu.wide.sticky-container {
	display: none;
}     /*takes out sticky submenu list from top left of page*/

nav.breadcrumbs {
	display: none;
}     /*takes out breadcrumbs from stacked/nested pages*/

nav.top-bar-right {
	position: sticky;
}


/*-------------about team description-------------*/
.teamBio {
	font-size: 1.375rem;
}

.leaderBio {
	max-width: unset;
}

body.page.About .col-single img {
	width: unset;
}

.col-insight {
	display: flex;
	justify-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.HA-banner {
	padding-top: 15px;
	padding-bottom: 32px;
}


/*-------------Contextualization page-------------*/
body.page.Contextualization .break.transparent {
	margin: 3rem 0;
}     /*increases margin over and under the transparent line break*/

body.page.Contextualization p {
	display: flow-root;
}     /*makes the text all align with the image instead of wrapping around it*/


/*-------------Contact page-------------*/
body.page.Contact .inputs textarea#message {
	height: 8rem;
}

body.page.Contact .contact-us-block p.explanation.success {
	margin: 1rem 3rem;
	padding: 1rem;
	background-color:  #82d2f6;     /*HA turquoise*/
	font-style: italic;
}


/*-------------multi-column HTML-------------*/
.col-container {
	align-items: center;
	gap: 32px;
}

/*body.page.home .col-container*/, body.page.About .col-container {
	display: flex;
	justify-content: center;
}

body.page.home .col-container:has(.col-single .ack-logo), body.page.About .col-container:has(.col-single .teamBio) {
	max-width: 85%;
	margin-right: auto;
	margin-left: auto;
}

body.page.About .col-container:has(.col-single .teamBio-2) {
	grid-template-columns: 33% 33%;
	justify-content: center;
}

body.page.About .col-container:has(.col-single .teamBio-3) {
	grid-template-columns: 33% 33% 33%;
	justify-content: center;
}

.row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 16px;
}

.col-2 {
	width: 50%;
}

.col-3 {
	width: 33%;
}

//.col-4 {
//	width: 25%;
//}

body.page.Resources img.resource-logo {
padding: 5px;
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15);
}


body.page.Resources .col-container {
	padding-top: 16px;
	padding-bottom: 16px;
}

.port-logo img {
	float: right;
	max-height: 400px;
	width: unset;
}     /*for logos on resource page that are not in landscape orientation*/


/*-------------line-------------*/
.break.opaque {
	border-bottom: 1px solid #01106225;     /*dark blue 25%*/     /*#d0d0d0;     /*pale grey*/*/
}


/*-------------item page-------------*/
body.item.resource.show [title~="media-thumbnail"] {
	display: none;
}

.show div.contact-us-block {
	display: none;
}

.show .media-render, .show dl {
	display: flex;
	flex-direction: column;
	margin-right: 15px;
}

.show .media-render {
	float: left;
}

.item .resource-title {
	padding-top: 32px;
}

.item .resource-title .label, .media .resource-title .label {
	display: none;
}

.item .property {
	width: 100%;
}

.item .value.resource {
	margin-bottom: unset;
}

//.item .resource.show .value.resource>.value-content {
//	float: unset;
//	line-height: 0.5;
//}

.grid-margin-x>.cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
}

.item #linked-filter label {
	font-size: unset;
}

.item td .resource-link span.resource-name {
	padding-left: unset;
	margin-top: unset;
}

.item td:nth-child(2) {
	display: none;
}

.item tbody th, .item tbody td, .item tr {
	padding: unset;
}

.item caption.linked-resource-property {
	padding: unset;
}

.item.resource.show #linked-resources tr.linked-resource {
	display: unset;
}     /*takes off grid layout to show more condensed list*/

.item.resource.show .property:nth-child(1) {
	display:none;
}     /*hides first and last name on item resource page--may need to make sure it doesn't affect non-Agent items*/

.item.resource.show dl.item-sets .property {
	display: unset;
}

.resource.show .grid-x {
	padding: unset;
}

/*-------------media page-------------*/
.lg-backdrop.in {
	opacity: 0;
}


/*-------------faceted browse navigation and sorting-------------*/

body.page.People .button, body.page.People button, body.page.People input[type=submit] {
	color: #515151;     /*medium-darkish grey*/
}

.button, [class^=numeric-] label.numeric-toggle-time.button, [class^=numeric-] label.numeric-toggle-time[type=submit], [class^=numeric-] label.numeric-toggle-time[type=button], [class*=numeric-] label.numeric-toggle-time.button, [class*=numeric-] label.numeric-toggle-time[type=submit], [class*=numeric-] label.numeric-toggle-time[type=button], .site-page-pagination>a, [type=submit], [type=button], .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
	background-color: #d0d0d0;     /*pale grey*/
	color: unset;
}

body.page.People button#section-sidebar-modal-close.close-button {
	display: none;
}

.sorting input, textarea, button, select {
	font-size: 1rem;
}     /*all sorting affected*/

.pagination input[type=text] {
	vertical-align: unset;
}

.omeka-pagination, .omeka-pagination form {
	display: -webkit-box;
}

.omeka-pagination {
	display: inline-flex;
	align-items: baseline;
	width: unset;
	margin-left: unset;
	margin-right: unset;
}

.omeka-pagination form {
	display: contents;
}

.omeka-pagination form input.page-input-top {
	vertical-align: unset;
	width: 50px;
	text-align: right;
	margin-right: 5px;
}

.omeka-pagination form, .omeka-pagination .button-group {
	margin-right: 5px;
}

.browse-controls input, .browse-controls select, .browse-controls button, .browse-controls .button, .browse-controls [class^=numeric-] label.numeric-toggle-time.button, [class^=numeric-] .browse-controls label.numeric-toggle-time.button, .browse-controls [class^=numeric-] label.numeric-toggle-time[type=submit], [class^=numeric-] .browse-controls label.numeric-toggle-time[type=submit], .browse-controls [class^=numeric-] label.numeric-toggle-time[type=button], [class^=numeric-] .browse-controls label.numeric-toggle-time[type=button], .browse-controls [class*=numeric-] label.numeric-toggle-time.button, [class*=numeric-] .browse-controls label.numeric-toggle-time.button, .browse-controls [class*=numeric-] label.numeric-toggle-time[type=submit], [class*=numeric-] .browse-controls label.numeric-toggle-time[type=submit], .browse-controls [class*=numeric-] label.numeric-toggle-time[type=button], [class*=numeric-] .browse-controls label.numeric-toggle-time[type=button], .browse-controls .site-page-pagination>a, .browse-controls [type=submit], .browse-controls [type=button] {
	font-size: unset;
}

.browse-controls {
	margin: 0 1rem;
	display: flex;
	align-items: baseline;
}

.browse-controls a.permalink.button span.success {
	padding-left: 5px;
	font-weight: bolder;
	color: #620019;     /*dark HA red*/
}

span.previous.o-icon-prev.button {
	margin-left: 5px;
}     /*affects spacing between number of pages and "previous" button, both top and bottom*/


/*-------------faceted browse in HTML block-------------*/
/*body.page.People*/ #section-sidebar {
	background-color: #273755;     /*button blue*/
	width: 25%;
	padding: 0.75rem 0.75rem 5rem;
	float: left;
	position: sticky;
	top: 60px;
	z-index: 1;
}     /*pushes sidebar to left, makes it sticky*/

/*body.page.People*/ #section-content{
	width: 74%;
	padding: 0.5rem;
	float: right;
}     /*brings main content up beside sidebar*/

/*body.page.People*/ legend, /*body.page.People*/ .field-meta {
	margin-bottom: unset;
}     /*adjusts margin around facet sidebar*/

body.page.People td:nth-child(3), body.page.People td:nth-child(4) {
	display:none;
	}     /*hides first and last name on faceted browse page*/




/*-------------faceted browse-------------*/
thead, tbody, tfoot {
	border: unset;
	background-color: unset;
}

#section-sidebar {
	background-color: #273755;     /*button blue*/
}

.categories-container legend, .facets-container legend {
	padding-top: 0.35rem;
	font-size: 2.5rem;
	color:#ffffff;     /*white*/
}

.facet legend {
	font-size: 1.3rem;
	font-weight: 500;
}

.facet .value {
	width: 90%;
}

#facets > fieldset:nth-child(1) > input {
	margin: unset;
}

table {
	margin: 0px;
}

tr {
	display: grid;
	gap: 20px;
	padding: 10px;
	vertical-align: middle;
	grid-template-rows: 75px 150px;
	grid-template-columns:  180px auto;
	grid-template-areas:
	'itemThumb itemName'
	'itemThumb itemBio';
}

td {
	background-color: transparent;
	display: grid;
	white-space: nowrap;
	justify-content: start;
}

a.resource-link {
	display: grid;
	align-items: center;
}

td .resource-link img {
	display: inherit;
	border: 1px solid #01106225;     /*dark blue 25%*/
	margin: 0px;
	aspect-ratio: 4/5;
	height: 225px;
	width: auto;
	object-fit: cover;
	object-position: top;
	grid-area: itemThumbnail;
}

td .resource-link span.resource-name {
	color: #620019;     /*dark red*/
	font-weight: 600;
	font-size: 1.1875rem;
	text-decoration-line: underline;
	padding-left: 190px;
	margin-top: -75px;
	grid-area: itemName;
}

td:nth-child(2) {
	margin-left: -9px;
	margin-top: 5px;
	height: 130px;
	white-space: normal;
	grid-area: itemBio;
}     /*lines up "itemBio" underneath "itemName"*/

thead {
	display: none;
}

tbody tr:nth-child(even) {
	background-color: transparent;
}     /*takes out "zebra" rows*/

td, th {
	padding: 0px;
}

th:not (:empty) {
	font-weight: 500;
}

tr, th, td {
	border-bottom: #01106225;     /*dark blue 25%*/
}

//tr:hover {
//	background-color: #01106225;     /*dark blue 25%*/
//}

thead, tbody, tfoot {
	border: 0;
	background-color: transparent;
}


/*-------------sticky header-------------*/
header {
	position: sticky;
	position: -webkit-sticky;     /*Safari*/
	top: -275px;     /*will only stick navigation, logo will scroll up*/
	z-index: 2;
}


/*-------------Mapping Tabs-------------*/
body.page.HaitiansAbroadMap * {
	box-sizing: border-box;
}

body.page.HaitiansAbroadMap .tab {
	overflow: hidden;
	border-bottom: #273755 5px solid;     /*button blue*/
}     /* Style the tab */

body.page.HaitiansAbroadMap .tab button {
	background-color: #273755;     /*button blue*/
	color: #ffffff;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 1.125rem;
	letter-spacing: 2px;
}     /* Style the buttons inside the tab */

body.page.HaitiansAbroadMap .tab button:hover {
	background-color: #006ba3;     /*dark HA turquoise*/
	color: #ffffff;
}     /* Change background color of buttons on hover */

body.page.HaitiansAbroadMap .tab button.active {
	background-color: #82d2f6;     /*HA turquoise*/
	color: #ffffff;
}     /* Create an active/current tablink class */

body.page.HaitiansAbroadMap .tabcontent {
//	display: none;
	padding: 6px 12px;
}     /* Style the tab content */


/*-------------@media queries-------------*/
.col-container {
	padding-top: 32px;
	gap: 32px;
}

.off-canvas {
	background: #273755;
	text-transform: uppercase;
}

@media print,screen and (max-width: 39.99875em) {
	h2,.h2 {
        	font-size: 2.5rem;
		line-height: 1.3;
    }
	
	h3,.h3 {
        	font-size: 1.5375rem;
		line-height: 1.3;
    }
	.HA-intro2 {
		text-align: unset;
	}
	.blocks {
		margin-left: 0.25rem;
		margin-right: 0.25rem;
	}
//	fieldset.facets-container {
//		background-image: linear-gradient(to right, rgba(39, 55, 85, 1)50%, rgba(39, 55, 85, 0));
//	}
	body:not(.browse) #content  {
		margin: unset;
	}
	.show .media-render, .show dl {
		display: inline-flex;
	}
	.item .property {
		width: unset;
	}
	#linked-filter label (text) {
		display: none;
	}
//	td .resource-link span.resource-name {
//		padding-left: unset;
//		margin-top: unset;
//	}
	td:nth-child(2) {
		display: none;
	}
}

@media print,screen and (min-width: 40em) {
	h1,.h1 {
		font-size:3rem
	}
	h2,.h2 {
		font-size: 2.5rem;
		line-height: 1.3;
	}
	h3,.h3 {
		font-size: 1.5375rem;
		line-height: 1.3;
	}
	h4,.resource-meta .resource-link .resource-name,h1.site-title,.h4 {
		font-size: 1.5625rem
	}
	.blocks {
		margin-left: 0.25rem;
		margin-right: 0.25rem;
	}
	h5,.preview-block h4,.preview-block h1.site-title,.preview-block .resource-meta .resource-link .resource-name,.resource-meta .resource-link .preview-block .resource-name,.h5 {
		font-size: 1.25rem
	}
	h6,.h6 {
		font-size: 1rem
	}
}

@media print,screen and (max-width: 63.99875em) {
	.wide.sub-menu+.blocks {
		width: calc(55% - 0.25rem);
	}
}

body.Contextualization .block-media.block-layout-alignment-block-left {
  float: left;
  max-width: 180px;          /* was 260px */
  margin: 0 1.5rem 1.5rem 0;
}

body.Contextualization .block-media.block-layout-alignment-block-right {
  float: right;
  max-width: 180px;          /* was 260px */
  margin: 0 0 1.5rem 1.5rem;
}