/*----------------------

blondinmemorialtrust.com

------------------------
*/


/* -----------
LOGO FONT / .navbar-brand / GOOGLE FONT
"Parisienne"
font-weight: 400;
}

NAVIGATION & LINK FONT / GOOOGLE FONT
Lato
font-weight: 300;

BODY FONT
"EB Garamond", serif
font-weight: 400;
}
------------ */


/* -----------
H1 Heading: Moorshine  - reduced files to essentials */
@font-face {
  font-family: 'The Morshine';
  src: url('../fonts/The-Morshine.woff2') format('woff2'),
       url('../fonts/The-Morshine.woff') format('woff');
}

/*-----------
H2-h6 Heading / GOOOGLE FONT
Lato
// <weight>: 300

------------ */

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */

/* Selected edit taken from original files see Fontasweome folder - fontawesome.css*/

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); 
}

.fas,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas::before,
.fa::before {
  content: var(--fa); }

.fas {
  font-family: 'Font Awesome 6 Free';
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; 
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; 
}

.fa-chevron-up {
  --fa: "\f077"; }
.fa-circle { --fa: "\f111"; }

.fa-download:before{  --fa: "\f019";  position: relative; top:-1px;color:#a8a8a8!important;font-size:1rem;margin-left:3px;
}
.fa-external-link-alt { --fa: "\f35d"; position: relative; top:-1px;color:#a8a8a8!important;font-size:0.7rem;
}
/* second fontawsome styles needed taken from ..fontawesome/css/solid.css */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900;
}



/* 
Modifications to Themebau template 2.0.1 https://runwebrun.com/themebau/
created May 2025
using
Bootstrap v5.1.0 (https://getbootstrap.com/)
 */


/*


#5f8693 – A soft steel blue

#cb5452 – A deep coral red

#d9c36d – A golden yellow

#6a4b42 – A dark brownish plum
*/

/* 27th may based on carline maverick image from cretaive fabricsa 
Deep Red Background: #A53A2A

Cream Text ("CAROLINE MAVERICK"): #F5D9B3

Gold Decorative Borders: #C89D4E

Muted Red Banner ("BOOTS & SHOES"): #C04A2F

Banner Text ("BOOTS & SHOES"): #A5372D
*/




:root {
--bs-body-font-family:"EB Garamond", serif; font-optical-sizing: auto;
--bs-body-font-size:1rem;/* no change */
--bs-body-font-weight:400;/* no change */
--bs-body-line-height:1.6;/* no change */
--bs-font-sans-serif: "Lato", sans-serif;
--bs-body-color:#4A4A4A;
--bs-body-bg:#F1EAD9;
--blondin-blue:#15608e;
--blondin-blue-hover:#1976AF;
--color-heading:#b62f3e;
--color-link:#a7843a;
--color-link-hover:#CAA52C;
--gold-nav-color:#a7843a;
--color-nav-active: #BF615F;
--color-nav-hover: #CAA52C;
		
		  /* bronze-gold:#a7843a 
	pale-blue: #93999D 
	text-brown: #6a4b42 */
		  
--vintage-gold: #CAA52C;
--gold: #c79f3b;	
}



body {
  color: var(--bs-body-color);
}



.bg-light {
	background-color:#F9F6EF!important
}


a { 
	color:var(--color-link);
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus, a:hover {
	color:var(--color-link-hover);
}

strong {}

 ul {
	padding-left:15px
}



.figure-caption a { 
	color: #969696;
}
.figure-caption a:hover {
text-decoration: underline
}



.h1, h1  {
	font-family: 'The Morshine';
	letter-spacing: 0.1rem;
	 color: #b62f3e!important;
	font-weight: 400;
}



.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6  {
	font-family: "Rosarivo", cursive;
	 color: #b62f3e;
	font-weight: 300;
}



.blockquote, blockquote {
	color: #6a4b42;
	font-style: italic!important}

.blockquote-footer {
	margin-top: -3.0588235294em;
	margin-bottom:1.666665rem;
	font-size: .875em;
	color: #969696
}


.hr, hr {
	margin-top: 2.25em;
	margin-bottom: 2.25em;
	background-color: transparent;
	border-top: 1px solid #DBDBDB;
}
.border {
	border: 2px solid #CAA52C!important
}

.figure-img {
	margin-bottom: .5rem;
}


/*---------------
DOCUMENTS SPACING
----------------- */

p {
	margin-bottom:.6285714286em
}
p+p {
margin-bottom: .6285714286em
}
p:last-of-type {
	margin-bottom:  1.2941176471em
}
h4 {
	margin-top: 1.8333333333em
}

.documents p {
	margin-bottom:1.2941176471em
}
/* 24384*/
.navbar-top::before {
  background-color: var(--bs-body-bg);
}




@media (min-width:400px) {
.w-xs-75 {
	width:75%!important
}
}

@media (min-width:400px) {
.w-xs-50 {
	width:50%!important
}
}
@media (min-width:600px) {
.w-sm-50 {
	width:50%!important
}
}
@media (min-width:600px) {
.w-sm-100 {
	width:100%!important
}
}

@media (min-width:828px) {
.w-md-25 {
		width:25%!important
}
}

@media (min-width:828px) {
.w-md-50 {
		width:50%!important
}
}
	
	

/* LOGO
-------------------  

*/

.navbar-brand  {
 font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
font-size: calc(1.1rem + .6vw);
	letter-spacing:0.5px;
 color:var(--blondin-blue);
}
.navbar-brand:hover  {
  color:var(--blondin-blue-hover);
}

@media (min-width:375px) {
	.navbar-brand  {
	font-size: calc(1.3rem + .6vw)}
}	
@media (min-width:620px) {
	.navbar-brand  {
	font-size: calc(1.3rem + .6vw)}
}
@media (min-width:828px) {
	.navbar-brand  {
	font-size: calc(1.2rem + .6vw)}
}
@media (min-width:900px) {
	.navbar-brand  {
	font-size: calc(1.28rem + .6vw)}
}
@media (min-width:1024px) {
	.navbar-brand  {
	font-size: calc(1.3rem + .6vw)}
}


/*
Themebau 'Inter' converted to use 'Open Sans' font
--------------
*/
.btn,.tooltip,.popover,.subtitle,.form-control, .form-select{
font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}


/* NAVIGATION

-------------------  

*/



/* NAVIGATION default links hover color
original Bootstap at line 4647  */
.nav-link:focus, .nav-link:hover{
}


/* Desktop NAVIGATION BAR MODIFICATIONS
Default links color and spacing at line 24589
*/
.navbar-nav:not(.nav-social) .nav-link {
	font-family:"Lato", sans-serif;
	font-size: 0.9rem;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:"wdth" 100;
		 color:var(--gold-nav-color); 
	letter-spacing: 0.02rem;
	padding:6px 8px;
}

@media (min-width:1024px) {
.navbar-nav:not(.nav-social) .nav-link {
	padding:6px 13px}
}



/* NAVIGATION  .active color
modification to Themebau modification at line 24343 . */
.navbar .navbar-nav .nav-link:hover{
	color:var(--color-nav-hover)
}


/* NAVIGATION 'active' on hover color
original Bootstap at line 22206  */
.nav-item.active>.nav-link {
	color:#991f2d
}
.nav-item.active>.nav-link:focus, .nav-item.active>.nav-link:hover {
color:#991f2d;
}
	

	

/* NAVIGATION remove opacity Themebau modification on hover at line 22214  */

.nav:not(.nav-opacity).focus .nav-link, .nav:not(.nav-opacity):hover .nav-link {
	opacity:1;
}
.nav:not(.nav-opacity).focus .active>.nav-link, .nav:not(.nav-opacity).focus .nav-link.active, .nav:not(.nav-opacity):hover .active>.nav-link, .nav:not(.nav-opacity):hover .nav-link.active {
	opacity: 1;
}
.nav:not(.nav-opacity) .nav-link.active, .nav:not(.nav-opacity) .nav-link:focus, .nav:not(.nav-opacity) .nav-link:hover {
	opacity: 1;

}





/* NAVIGATION MOBILE */
/* modifications to Themebau modification at line 25068 */


@media (max-width:1023.98px) {
.navbar-mobile-style-2 .navbar-head, 
	.navbar-mobile {
	background-color:  var(--bs-body-bg)!important;
}
}



/* modif of line 25060 from Themebau addiition
Added for when using container-fluid to stop logo and 'X' shifting on dropdown of mobile navigation bar */

.navbar-mobile-style-2>.container-fluid {
	display: block;
	margin-bottom: 50px
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.navbar-mobile-style-2>.container-fluid {
	margin-top: 90px
}
}
.navbar-mobile-style-2 .navbar-head {
	margin-bottom: 50px
}
.navbar-mobile-style-2 .navbar-head .container-fluid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}




/* BUTTON 
---------------------------*/

.btn {
	letter-spacing:1px;
}

/* do i need to keep?
@media(min-width:992px){
	.btn{font-size:.85rem;
	}
}
*/


.btn {
	color:#FFF8E3;
	background-color:var(--gold);
}
.btn:hover {
	color: #fff;
	background-color:#B8860B;
}


.btn  {	
	color: #fff;
  background-color: #BA8C2C; /* a touch brighter */ 
  padding: 1rem 1.3rem;
  border: none;
  font-family: "Lato", sans-serif;
  font-size: .85rem; 
font-weight: 600; 
  border-radius:80px;
  transition: all 0.3s ease;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 120%;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
}
.btn:hover {
  color:#EDE4C3;
  background: #a7843a; /* base colour, e.g. deep red:#912D2B or gold:#a7843a */

  /*transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);*/
}




.btn-clean {
  font-family: var(--bs-body-font-family);
color: var(--bs-body-color);
	  font-size:1rem; 
font-weight:400;
	letter-spacing: 0;
	padding: 0;
	background-color: transparent
}
.btn-clean:hover {color: var(--bs-body-color);
text-decoration: underline;
	padding: 0;
	background-color: transparent
}
.btn-clean .icon-arrow-right, .btn-clean .swiper-button-next svg, .swiper-button-next .btn-clean svg {
	margin-left: 17px
}
.btn-clean .icon-arrow-left, .btn-clean .swiper-button-prev svg, .swiper-button-prev .btn-clean svg {
	margin-right: 17px
}





/* NAVIGATION TOGGLE ICON */
/* modifications to Themebau modification at 25501 */
/* Thickness of line */

.navbar-toggle>span {
	height: 1.5px;
	background-color: #194262;
}

/* stop 3rd line extending on hover *//*
.navbar-toggle>span:nth-child(3) {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.navbar-toggle:hover {
	color: var(--color-accent);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}




/* CONTAINER wider padding on desktop
--------------------------------------*/
/* modifications to original Themebau */

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	padding-right: 35px;
	padding-left: 35px;
	max-width: 1170px

}
/* CONTAINER narrower padding on mobile
--------------------------------------*/
/* modifications to original Themebau */
@media (max-width:619.98px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	padding-right: 20px;
	padding-left: 20px;
}
}
@media (max-width:619.98px) {
.navbar-top .container,.navbar-top .container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}
}

/* 1280px images width max + 20px padding R+L=40px */




img {border-radius:15px;}
.gallery-item img {	border-radius: 0;}
	

/* Gallery-item zoom - LESSSEN
Themebau modification
from line 26313 -----------------*/


.gallery-item:focus img, .gallery-item:hover img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

/* Gallery-item zoom - CANCEL 
Themebau modification
from line 26313 -----------------*/
.gallery-item.no-zoom:focus img, .gallery-item.no-zoom:hover img {
	-webkit-transform: scale(1.00);
	-ms-transform: scale(1.00)!important;
	transform: scale(1.00)!important
}



/*-----------
FOOTER
-------------*//*
.footer-copyright {
	color: #000
}
footer a {
	letter-spacing: 0.03rem;
	font-size: .875em;
	line-height: 2;
}
footer a.nav-link {
	font-size: 1em;	
	text-transform: capitalize;
	color: var(--gold-nav-color)!important;
}
footer a.nav-link:hover {
  color: var(--color-nav-hover)!important
}

footer .nav-item a {
	margin-right:1em;
}
footer li.nav-item:first-of-type{
	display:block!important;
	
	line-height: 2;
}
@media (min-width:620px){
footer li.nav-item:first-of-type{
	display:block;
	margin-right:20px;}	
}
*/
.footer-copyright {
}
/* Read more link */
footer a {
	color: var(--bs-body-color);
}
footer a:hover {
	color: var(--bs-body-color);
text-decoration: underline
}

/* privacy / terms links */
footer .nav a {color: var(--bs-body-color);
	letter-spacing: 0.03rem;
	font-size: .875em;
	line-height: 2;
}
footer .nav a:hover {
	color: var(--bs-body-color);
text-decoration: underline
}
footer .nav a {
	margin-left:20px;
}


/* Donate and Contact links */
footer .flex-column a.nav-link {
	margin-left:0;
	font-size: 1em;	
	text-transform: capitalize;
}
footer a.nav-link:hover {
	color: var(--bs-body-color);
text-decoration: underline
}



footer li.nav-item:first-of-type{
	display:block!important;
	line-height: 2;
}
@media (min-width:620px){
footer li.nav-item:first-of-type{
	display:block;
	margin-right:20px;}	
}




footer h6 {
	letter-spacing: 0.04rem;
	color:var(--blondin-blue)
}


/* SOCIAL ICONS 
	modification of Themebau modification at line 22303*/

footer .nav-social .nav-link {
 margin:1rem 0 0 0;
}



/*------------------------
BIOGRAPHY PAGE
-----------------------------*/

.dropcap {
  float: left;
  font-size: 3.5rem;
  line-height: .75;
  padding-right: 0.2rem;
  padding-top: 0.1rem;
  font-weight: 500;
  font-family: serif;
}



  
/* ------------
aside navigation - BESPOKE ADDITION
--------------*/
.top-10 {
	top: 11%!important
}
aside a.nav-link { 
	color:var(--color-link);
	text-decoration: none;
}
aside a.nav-link:hover {
	text-decoration: none;
}
aside a.nav-link:focus, a.nav-link:hover {
	color:var(--color-link-hover);
}




/* ------------
ACCORDION 
--------------*/
/* line 5474 */
.accordion-button {
	padding: 1rem 0;
	color: #a7843a;
	background-color: inherit;
}
.accordion-button:hover {
	color:var(--vintage-gold);
}
.accordion-button:focus {
	color:var(--vintage-gold);
	border-color: #6a4b42;
}
.accordion-button:not(.collapsed) {
	color: #96b5af;
	background-color: inherit;
	-webkit-box-shadow: inset 0 -1px 0 rgba(106, 75, 66,.125);
	box-shadow: inset 0 -1px 0 rgba(106, 75, 66,.125)
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CAA52C'%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");
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236a4b42'%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");
}


.accordion-item {
	background-color: inherit;
	border: 1px solid rgba(106, 75, 66,.125)
}


.accordion-body {
	padding: 1rem 0
}




/*--------------
LANGUAGE SWITCHER
-------------*/


.lang-switcher header {  position: relative}
.lang-switcher ul {  position: absolute}
.lang-switcher .nav-item a {font-weight: 600; text-transform: uppercase; font-size: 0.55rem; letter-spacing: 0.01rem;color:#93999D;display: inline-block; /* needed for transform */transform: scaleY(1.3); /* 1.5 times taller */ }
.lang-switcher .nav-item a:hover {color:#CAA52C}
.lang-switcher li{font-family: var(--bs-font-sans-serif)}
.lang-switcher li.line{font-size: 1.15rem; padding-top:3px;color:#93999D;}
.lang-switcher .nav-item a.active {color:#4A4A4A; }
.lang-switcher .nav-item a.active:hover {color:#4A4A4A}

.navbar-secondary .nav-link {
	padding:4px 15px}
@media (min-width:828px) {
.navbar-secondary .nav-link {
	padding:4px 6px}
	}
.navbar-secondary {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;              /* Adjust height as needed */
  line-height: 20px;         /* Vertically centre text */
  background-color: transparent; 
  z-index: 1050;           
}
.navbar-secondary::before {
	transform: translateY(-100%);/* to behave as .navbar-top and slide .navbar-secondary out of view */top: 30px; /* below secondary */
  width: 100%;
  height: 56px; /* adjust if different */
  line-height: 56px;
  background-color: #F1EAD9; /* or your navbar background */
  z-index: 1040;
  transition: transform 0.3s ease;
}
.navbar-top {
  position: fixed !important;
  z-index: 1040;            /* Below secondary navbar */
}

/* Push page content down so it’s not hidden behind navbars */
body {
  padding-top:86px;        /* 30px secondary + 90px main navbar height */
}

/* Hide navbars when scrolling down to match Themebau .navbar-top behaviour */
.navbar-secondary.navbar-hidden {
  transform: translateY(-100%);
}





/* for reference copied from above
:root {
--bs-body-font-family:"EB Garamond", serif; font-optical-sizing: auto;
--bs-font-sans-serif: "Lato", sans-serif;
--bs-body-color:#6a4b42;
--bs-body-bg:#F1EAD9;
--blondin-blue:#15608e;
--blondin-blue-hover:#6a4b42;
--color-heading:#b62f3e;
--color-link: #96b5af;
--color-link-hover:#6a4b42;
--vintage-gold: #CAA52C;
--gold: #c79f3b;	
}
*/




/* BIOGRAPHY STICKY SIDEBAR POSITION 
anchor links fix
---------------------
*/
/* Applies to all anchor targets with IDs */
[id] {
  scroll-margin-top: 72px; 
}





html {
  scroll-behavior: smooth;
}


/* To TOP */

#toTop * { box-sizing: border-box; }

#toTop {
  position: fixed;
  bottom: 58px;
  right: 20px;
  opacity: 0.7;
  filter: alpha(opacity=90); /* legacy IE */
  font-size: 22px;
  text-align: center;
  line-height: 62px;
  overflow: hidden;
  height: 30px;
  width: 30px;
  color: #7a7979;
}

#toTop:active,
#toTop:focus,
#toTop:hover {
  color: #000;
  border-color: #000;
}

#toTop .arrow_drop_up {
  line-height: 48px;
  font-size: 42px;
}




/* ROPE */
.twisted-rope-divider {
  width: 100%;
  height: auto;
  display: block;
  margin: 2em 0;
}



/*--------------
ISOTOPE
-------------*/
.isotope-options::before {
	border-top: none
}
hr {
	border-top: 2px solid #CAA52C
}
/*
.card-blog .card-img img {
	border-radius: 0;
}
.card-blog:focus .card-img img, .card-blog:hover .card-img img {
	-webkit-transform: scale(1.00);
	-ms-transform: scale(1.00);
	transform: scale(1.00)
}
@media (min-width:1024px) {
.card-blog.card-horizontal.card-md .card-img {
	width: 100%;
	min-width:100%;
	max-width: 100%;
	margin-right: 70px
}
}
.card-blog.card-horizontal.card-md .card-img::before {
	padding-top: 150%
}

@media (max-width:1023.98px) {
.card-blog.card-horizontal.card-md .card-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width:100%
}
/*



.card-blog.card-horizontal.card-md .card-img::before {
	padding-top:150%
}
.card-blog.card-horizontal.card-md .card-img {
	margin-bottom: 0px
}



@media (max-width:1023.98px) {
.card-blog.card-horizontal.card-md .card-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width:30%
}
.card-blog.card-horizontal.card-md .card-body {
	margin-left: 70px
}
}

*/


/* SLIDES / CAROUSAL */
.carousel { overflow: hidden; padding-bottom: 4rem; }
.carousel-caption { top: 100%; }
.carousel-inner { overflow: visible; }
.carousel-control-next, .carousel-control-prev, .carousel-indicators { bottom: 4rem; }


/* LAZY LOADING IMAGES --*/

  .lazy-fade {
    opacity: 0;
    transition: opacity 0.6s ease;
  }

  .lazy-fade.loaded {
    opacity: 1;
  }



#about-author {

  padding: 24px 0;             /* Comfortable padding */
  margin-top: 40px;          
}

#about-author h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
  font-weight: 600;
  border-bottom: 2px solid #ccc; /* Subtle underline for heading */
  padding-bottom: 6px;
}

#about-author h3 {
  font-size: 1.3em;
  margin-top: 0;
  margin-bottom: 18px;
  font-weight: 500;
  font-style: italic;
  color: #555555;
}

#about-author h4 {
  font-size: 1.2em;
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}

#about-author p {
  font-size: 1em;
  margin-bottom: 16px;
}

@media (max-width: 600px) {
  #about-author {
    padding: 20px 15px;
    max-width: 100%;
  }
}