/******************************************************************************/
/***** All branding elements for centralised header and footer application ****/
/******************************************************************************/

.llgc_nav_toggler{
	display: none;
	padding-left: 0;
	padding-right: 0;
	outline-offset: 2px;
}
.navbar-toggler{
	margin-top: 50px;
	margin-bottom: 100px;
}
.animated-icon2{
	width: 30px;
	height: 23px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-icon2 span{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


.animated-icon2 span {
	background: #000000;
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
	top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
	top: 10px;
}

.animated-icon2 span:nth-child(4) {
	top: 20px;
}

.animated-icon2.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.animated-icon2.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
}

body {
	background-color: #FFF !important;
	color: #3C3C3C;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

/*** Hides accordion-menu by default ***/
.llgc_footer_accordion{
	display: none;
}

/*** Hides site specific header links ***/
.llgc_hide_nav {
	display: none;
}

/***** Header formatting *****/

h1, h2, h3, h4, h5 {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}

/***** Skip to content *****/

#skipnav a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skipnav a:focus {
	position:static;
	width:auto;
	height:auto;
}

/*** Changes colour of accordion button background when focussed ***/
.accordion-button:focus {
	background-color: #F7F7F7;
	color: black;
}

/*** Changes colour of inactive accordion button ***/
.accordion-button {
	background-color: #F7F7F7;
}

/*** Changes colour of active/open accordion button ***/
.accordion-button:not(.collapsed) {
	color: black;
	background-color: #F7F7F7;
}

/*** Changes colour of arrow of active/open accordion button ***/
.accordion-button:not(.collasped)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*** Changes background colour of accordion items contents ***/

#flush-collapseOne {
	background-color: #F6F6F6;
}
#flush-collapseTwo {
	background-color: #F6F6F6;
}
#flush-collapseThree {
	background-color: #F6F6F6;
}

#flush-collapseFour {
	background-color: #F6F6F6;
}
#flush-collapseFive {
	background-color: #F6F6F6;
}

/***** Small LLGC Logo used for smaller screens *****/

.llgc_header_logo_small {
	display: none;
}

/*** Translate button used for navbar ***/
.llgc_translate {
	display: none;
}

/**** Changes background colour of main content ****/
.llgc_main_text {
	background-color: #ffffff !important;
	padding-bottom: 10px !important;
	/***** Below css doesn't seem correct ****/
	margin-bottom: -10px;

}

/**** Changes colour of footer ***/
footer {
	margin-top: 10px;
	background-color: #F6F6F6;
}

/**** Button used to open slide menu (Hidden for larger screens) ****/
.llgc_nav_icon {
	display: none;
}

/*** Removes padding from navbar ***/
.llgc_navbar {
	padding: 0px;
}

.llgc_navbar_container{
	margin-left: -12px;
}

/**** Changes colour of nav-links/nav-items/menu-items ****/
.llgc_link {
	color: black;
	text-decoration: none;
}

/**** Changes colour accordion menu content ****/
.llgc_footer_content {
	text-decoration: none;
	color: #535353;
}

/**** Changes colour of links in navbar ****/
.llgc_navbar_link {
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
}

.llgc_navbar_link:focus-visible {
	text-decoration: underline;
}

.navbar-collapse .llgc_navbar_link {
	display: block;
	outline-offset: 6px;
}

@media (min-width: 992px) { 
	.navbar-collapse .llgc_navbar_link {
		display: inline;
		outline-offset: 2px;
	}
}

/*** Changes link colour to black and adds underline on hover ***/

a:hover {
	text-decoration: underline;
	color: black;
	/*
	background-color: #aba7a7;
	border-radius: 4px  4px 4px 4px;
	 */
}

/*** Changes colour of privacy statement and adds underline ***/
.llgc_privacy_statement {
	color: black;
	text-decoration: underline;
}

/*** Changes colour of links used in footer ***/
.llgc_footer_link {
	color: #535353;
}

/*** Changes colour/font-size of column headers in footer ***/
.llgc_footer_header {
	font-size: 16px !important;
	color:#3C3C3C;
}

.llgc_sign_up_field {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

@media (min-width: 576px) { .llgc_sign_up_field { max-width: 340px; } }
@media (min-width: 992px) { .llgc_sign_up_field { max-width: 100%; } }

/*** Removes background-colour and borders from e-mail field within sign up form ***/
.llgc_email_field {
	border: none;
	background-color: #F6F6F6;
	padding: 0 7px 0 7px;
	flex-grow: 1;
}

/*** Changes colour and font-size of button used for sign-up form ***/
.llgc_sign_up_btn {
	background-color: #1D4EBF !important;
	border-radius: 4px 4px 0px 0px !important;
	border-bottom-color: #1D4EBF !important;
	font-size: 1em !important;
	height: 42px;
	width: 105px;
	line-height: 40px;
	padding: 0;
}

/*** Changes colour and size of sign-up form header ***/
.llgc_sign_up_header{
	color: #1D4EBF;
	font-weight: 500;
	font-size: 16px !important;
}

/*** Adds text decoration to view on map link ***/

.llgc_view_on_map a {
	text-decoration: underline;
	color: #000 !important;
	font-weight: 500;
}

/*** Removes underline from translate button in navbar ***/
.llgc_translate_navbar {
	text-decoration: none;
	color: black;
}


.llgc_branded_frame_footer_logo-heritage-fund {
	width: 250px;
	padding-left: 2em;
}

.llgc_footer_logos img {
	max-height: 60px;
    width: auto;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.llgc_about_section,
.llgc_visit_and_search_section {
	--bs-gutter-x: 3rem;
}

@media (min-width: 1200px) {
	/*** Changes size of e-mail field/underline under e-mail field ***/
	.llgc_email_field{
		width: 270px;
	}
}

@media (min-width: 992px) {

	.llgc_footer_logos img {
		margin-right: 3em;
	}

	#navbarText {
		margin-right: -10px!important;
	}

	#llgc_home_page_mobile {
		visibility: hidden;
	}

	/*** Changes text colour of items in nav-bar ***/
	#llgc_home_page{
		color: white;
	}

	#llgc_tithe_maps{
		color: #A56A04;

	}

	#llgc_newspapers{
		color: #198577;

	}

	#llgc_journals{
		color: #067FAF;
	}

	#llgc_catalogue{
		color: #bb4ca1;

	}

	#llgc_more_resources{
		color: #D3460F;

	}
}

@media (max-width: 991.5px) {
	.llgc_branded_frame_footer_logo-heritage-fund {
		width: 250px;
	}

	/*** Positions social media icons correctly in footer ***/
	/* .llgc_social_icons {
		position: absolute;
		width: 300px;
		margin-top: 50px;
		left: 20%;
		width: 300px;
	} */


	/*** Adds a line between each item in the navbar. If another item is added to the navbar, another line
	will be added. Also adds padding around each li item within the ul navbar-nav. ***/
	.navbar-nav > li {
		color: black;
		text-decoration: none;
		border: black;
		padding-left:30px;
		padding-right:30px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right-style: none;
		border-bottom-style: solid;
		border-color: #fff;
		border-width: thin;
	}

	.llgc_site_specific_link{
		background-color: white!important;
	}

	/*** Displays site specific header links ***/
	.llgc_hide_nav {
		display: block;
	}

	/*** Changes height of navabar when navbar is open ***/
	.navbar-nav {
		height: 100vh;
	}

	/**** Button used to open slide menu ****/
	.llgc_nav_icon {
		display: block;
		color: white;
		width: 110px;
		margin-top: 40px;
	}

	/*** Changes colour of nav-icon when navbar is closed ***/
	.llgc_nav_icon.collapsed {
		display: block;
		background-color: #1D4EBF;
		color: white;

	}

	.llgc_nav_icon.collapsed:focus {
		display: block;
		border-color: #102d70;
		background-color: #102d70;
		color: white;

	}

	/*** Rotates nav_icon chevron ***/
	.llgc_nav_icon.collapsed .fa-chevron-up {
		transform: rotate(180deg);
	}

	/*** Changes colour of nav-icon when navbar is open ***/
	.llgc_nav_icon:not(collapsed) {
		background-color: #F4F4F4;
		border-color:#1D4EBF ;
		border-width: thin;
		color:#1D4EBF;


	}

	/*!*** Aligns links at bottom of footer to center of footer **!*/
	/*.llgc_privacy_copyright_accessibility_contact_links {*/
	/*	margin-right: auto;*/
	/*}*/

	/*** Positions translate button above nav button correctly ***/
	.llgc_translate {
		display: block;
		position: absolute;
		margin-left: 80%;
		margin-bottom: 0px;
		margin-top: 18px;
	}

	/*** Removes translate button used in navbar ***/
	.llgc_translate_navbar {
		display: none !important;
	}

	/*** Removes separator used in navbar ***/
	.llgc_navbar_separator {
		display: none !important;
	}

	.llgc_nav_toggler{
		position: static;
		border: none;
		background-color: transparent;
		margin-left: 97%;
		margin-top: 18px;
		margin-bottom: 10px!important;
	}

	.llgc_nav_toggler{
		display: block;
	}

	/*** Removes margin from privacy statement link ***/
	.llgc_privacy_statement {
		color: black;
		text-decoration: underline;
		margin: auto;
	}

	/*** Resizes email field of sign up form ***/
	/* .llgc_email_field {
		width: 365px;
	} */

	/*** Positions social media icons correctly in footer ***/
	/* .llgc_social_icons {
		position: absolute;
		width: 300px;
		margin-left: -100px;
	} */


	/*** Adds colour to background of slide_menu content and positions the menu close to the menu button ***/
	.llgc_slide_content {
		margin-top: 0.5rem !important;
		margin-left: 0rem !important;
		margin-right: 0rem !important;
		background-color: #fff;
	}

	/*** Adds spacing above sign-up form ***/
	/* .llgc_sign_up_section {
		margin-top: 10px;
	} */

	/*** Positions header logo correctly in navbar ***/
	.llgc_header_logo {
		margin-top: 15px;
		margin-bottom: -50px;
	}

	/*** Changes background colour of items in nav-bar ***/
	#llgc_home_page{
		background-color: white;
	}

	#llgc_tithe_maps_mobile{
		background-color: #A56A04;

	}

	#llgc_newspapers_mobile{
		background-color: #198577;

	}

	#llgc_journals_mobile{
		background-color: #067FAF;

	}

	#llgc_catalogue_mobile{
		background-color: #bb4ca1;

	}

	#llgc_more_resources_mobile{
		background-color: #D3460F;

	}

	/*** Changes text colour of items in nav-bar ***/
	#llgc_home_page{
		color: black !important;
	}

	#llgc_tithe_maps{
		color: white !important;
	}

	#llgc_newspapers{
		color: white !important;
	}

	#llgc_journals{
		color: white !important;
	}

	#llgc_catalogue{
		color: white !important;
	}

	#llgc_more_resources{
		color: white !important;
	}


}

@media (max-width: 768px) {
	/*** Changes size of e-mail field ***/
	/* .llgc_email_field{
		width: 340px;
	} */

	.llgc_branded_frame_footer_logo-arcw{
		width: 180px;
	}

	.llgc_branded_frame_footer_logo-cynefin{
		width: 180px;
	}

	/*** Positions translate button above nav button correctly ***/
	.llgc_translate {
		display: block;
		position: absolute;
		margin-left: 77%;
		margin-bottom: 0px;
		margin-top: 18px;
	}
}

/*** Correct size 375px ***/
@media (max-width: 576px) {

	.llgc_branded_frame_footer_logo-heritage-fund {
		width: 250px;
		padding-top: 20px;
		margin-left: -30px;
	}
	/***** Displays footer accordion menu *****/
	.llgc_footer_accordion{
		display: block;
	}

	/***** Small LLGC Logo used for smaller screens *****/
	.llgc_header_logo_small {
		display: block;
		position: absolute;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 1rem;
	}

	/***** Hides footer sections *****/

	.llgc_address_section {
		display:none;
	}

	.llgc_visit_and_search_section {
		display: none;
	}

	.llgc_about_section {
		display: none;
	}

	/***** Large LLGC Logo used for larger screens *****/
	.llgc_header_logo {
		display: none;
	}

	/*** Changes size of e-mail field ***/
	/* .llgc_email_field {
		width: 340px;
	} */


	/*** Adds spacing to sign-up form in footer ***/
	/* .llgc_sign_up_section {
		width: 90%;
		margin-left: 20px;
	} */

	/*** Positions social media icons correctly in footer ***/
	/* .llgc_social_icons {
		position: absolute;
		width: 300px;
		margin-top: 150px;
		left: 20%;
		width: 300px;
	} */

	.llgc_slide_content{
		margin-top: -4px;
	}

	.llgc_main_text{
		width: 92%;
		margin-left: 1rem;
	}

	.llgc_nav_toggler{
		position: static;
		border: none;
		background-color: transparent;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 92%;
	}

	.llgc_translate {
		display: block;
		position: absolute;
		margin-left: 65%;
		margin-bottom: 0px;
		margin-top: 12px;
	}

	.llgc_slide_content {
		margin-top: 0.5rem !important;
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
}

@media (max-width: 500px) {
	/*** Changes size of e-mail field/underline beneath e-mail field ***/
	/* .llgc_email_field {
		width: 203px;
	} */

	/*** Changes sizing of text above e-mail field in sign-up form ***/
	.llgc_sign_up_text {
		width: 250px;
	}

	/*** Adds spacing to sign-up form in footer ***/
	/* .llgc_sign_up_section {
		width: 80%;
		margin-left: 20px;
	} */

	/* .llgc_branded_frame_footer_logo-cynefin {
		width: 70%;
	}

	.llgc_branded_frame_footer_logo-arcw {
		width: 70%;
	}

	.llgc_branded_frame_footer_logo-wg {
		width: 70%;
	}

	.llgc_branded_frame_footer_logo-hlf {
		width: 70%;
	} */

	/*** Positions social media icons correctly in footer ***/
	/* .llgc_social_icons {
		position: absolute;
		left: 8%;
		width: 300px;
		margin-top: 150px;
	} */

}

@media (max-width: 450px) {
	.llgc_translate {
		display: block;
		position: absolute;
		margin-left: 60%;
		margin-bottom: 0px;
		margin-top: 10px;
	}
}


@media (max-width: 368px){
	/* .llgc_branded_frame_footer_logo-wg{
		margin-top: 10px;
	}
	.llgc_branded_frame_footer_logo-erdf {
		margin-top: 10px;
	} */
}