/*url(https://chatgpt.com/)
Theme name: TRA 
Text Domain: tra
Version: 2.1
Decription: The Reiki Assocaition custom theme
Tags: custom, theme, reiki, association
Author: LDG Solutions
Author URI: www.ldgsolutions.co.uk
*/



body {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:  "Poppins", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	line-height: 1.4;
	color: #323232;
}
section {
	min-height: 10rem;
	display: flex;
	flex-direction: row;
	
}
div {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */		
}

.section-inner  {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 4.5rem 40px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */		
}

.services-grid-section .section-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem;
  }
  
  .services-grid-section .service-title-panel,
  .services-grid-section .service-panel {
	width: 30%;
	flex-basis: calc(33.33% - 2rem);
	margin-bottom: 2rem;
  }

.custom-section .section-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-section .section-content {
    flex: 1;
    padding: 2rem;
    box-sizing: border-box;
}

@media (max-width: 850px) {

		.custom-hero-padding {
			padding-top: 150px; /* Adjust this value to control the space */
		}

		.section-inner {
			flex-direction: column;
			justify-content: center; /*Center buttons vertically */
			align-items: center;  /* Center buttons horizontally */

		}



		.reiki-btn {
			width: 100%;
			max-width: 300px; /* Set a max width for the buttons */
			margin: 10px 0; /* Add some margin between buttons */
		}

		.flex-row {
			flex-wrap: wrap !important; /* Allow buttons to wrap on small screens */
			justify-content: center; /* Center buttons for better alignment */
		}

		.services-grid-section .service-title-panel,
		.services-grid-section .service-panel {
			width: 100%;
			flex-basis: 100%;
		}
		.custom-section .section-inner {
			flex-direction: column;
		}

		.custom-section .section-content {
			width: 100%;
			padding: 1rem;
			margin-bottom: 1rem;
		}

		.custom-section .width-40,
		.custom-section .width-60 {
			width: 100%; /* Make both divs full width on mobile */
		}

		.section-inner.pad-0 .width-66  {
			padding: 0;
			width: 100%; /* Make both divs full width on mobile */
		}

		.section-inner .width-50 {
			padding: 5;
			width: 100%; /* Make both divs full width on mobile */
		}

		.touch-section .section-inner.flex-row {
			flex-direction: column;
		}

		.touch-section .section-inner.flex-row .width-70,
		.touch-section .section-inner.flex-row .width-30 {
			padding: 5;
			border-bottom: 10px;
			width: 100%; /* Make both divs full width on mobile */
		}

		.structure-section .section-inner {
			flex-direction: column; /* Stack children vertically */
			align-items: stretch; /* Ensure both divs take full width */
		}
	
		.structure-section .width-60,
		.structure-section .width-40 {
			width: 100% !important; /* Make both divs full width on mobile */
		}
		.document-container {
			max-width: 100% !important;
			
		}
		.principles-container {
			max-width: 100% !important;
		}

		.about-sub-container .width-50 {
			width: 100% !important; /* Make both divs full width on mobile */
		}

		.our-practice .section-inner{
			flex-direction: column !important; /* Stack children vertically */
			align-items: stretch; /* Ensure both divs take full width */
		}
		.our-practice .width-30,
		.our-practice .width-60 {
			width: 100% !important; /* Make both divs full width on mobile */
		}

		.our-practice-faq .section-inner .flex-row{
			flex-direction: column !important; /* Stack children vertically */
			align-items: stretch; /* Ensure both divs take full width */
		}

		.our-practice-faq .width-30,
		.our-practice-fag .width-60 {
			width: 100% !important; /* Make both divs full width on mobile */
		}

		.our-practice-faq-innertext{
			max-width: 100% !important;
		}

		.our-practice-faq  .width-60,
		.our-practice-faq .width-full {
			width: 100%;
		}

		.section-inner .width-25 {
			width: 75% !important; 
	
		}

}

@media (max-width: 755px) {
    .section-inner.pricing-parent .pricing-title-panel {
        width: 100% !important; /* Stack pricing panels on small screens */

    }
	.section-inner.pricing-parent .pricing-panel {
        width: 100% !important; /* Stack pricing panels on small screens */

    }


}

@media (max-width: 1055px) {
    .section-inner.pricing-parent .pricing-title-panel {
        width: 45%; /* Stack pricing panels on small screens */
        margin-bottom: 2rem; /* Add spacing between stacked items */
    }
	.section-inner.pricing-parent .pricing-panel {
        width: 45%; /* Stack pricing panels on small screens */
        margin-bottom: 2rem; /* Add spacing between stacked items */
    }

}

.section-inner.pricing-parent  {
	flex-wrap: wrap !important;
}

/* Isolate Reiki Button Section */
.reiki-buttons-section .section-inner {
    width: 100%;
    max-width: 1280px; /* Ensure it stays contained */
    margin: 0 auto;
    padding: 4.5rem 40px;
}

/* Responsive Adjustments for Reiki Button Section */
@media (max-width: 1255px) {
    .reiki-buttons-section .section-inner {	
			flex-direction: row;
			justify-content: center; /*Center buttons vertically */
			align-items: center;  /* Center buttons horizontally */
    }

	.flex-row {
		flex-wrap: wrap !important; /* Allow buttons to wrap on small screens */
		justify-content: center; /* Center buttons for better alignment */
	}

    .reiki-btn {
        width: 100%; /* Make each button take full width */
        max-width: 300px; /* Limit button size */
        margin-bottom: 1rem; /* Add spacing between buttons */
    }
}



.document-container {
	max-width:430px;
	margin-left: auto; 
	box-sizing:border-box;
}

.principles-container {
	width:100%; 
	max-width: 530px;
	 height: 100%; 
	 margin-left: auto; 
	 overflow: hidden;
}

.reiki-btn {
	position: relative;	
	width: 200px;
	height: 200px;	
}	
.reiki-btn--text {
	font-size: 28px;
	font-weight: 700;	
	text-align: center;
	line-height: 1;
	position: absolute;
	z-index:5;
	width: 100%;
	transition: text-decoration 0.3s ease; /* Smooth underline transition */
}
	/* Add underline on hover */
.reiki-btn:hover .reiki-btn--text {
    text-decoration: underline;
}	

.border-radius {
	border-radius: 15px;
	overflow: hidden;
}
.border-radius-s {
	border-radius: 5px;
	overflow: hidden;
}	
.box-shadow {
	box-shadow:
	  0px 0px 2.2px rgba(0, 0, 0, 0.023),
	  0px 0px 5.3px rgba(0, 0, 0, 0.035),
	  0px 0px 10px rgba(0, 0, 0, 0.045),
	  0px 0px 17.9px rgba(0, 0, 0, 0.056),
	  0px 0px 33.4px rgba(0, 0, 0, 0.07),
	  0px 0px 80px rgba(0, 0, 0, 0.1)
;
}
.border-purple {
	border: solid 1px #8a1564;
}
.underline {
	border-bottom: 1px solid #d0d0d0;
	display: block;
	padding-bottom: 1.5em;
}
/* ------------------------------------ Temp Styles */
	.divider {
		width: 100%;
		height: 4rem;
		/*height: 0;*/
	}
	.bg-white {
		background: #fff;
	}	
	.bg-light {
		background: #eee;
	}
	.bg-mid {
		background: #ddd;
	}
	.color-panel {
		width: 90%;
		padding: 1rem;
		margin: 1rem auto;
	}

/* Top yellow nav*/	

.top-divider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	/*max-width: 1280px;*/
    height: auto; /* Adjust the height as needed */
    background-color: #fff /* Adjust the background color */
}
.logo {
    /*color: white;  Adjust text color */
    text-decoration: none;
    padding: 10px; /* Adjust padding */
}

.buttons button {
    padding: 8px 16px; /* Adjust button padding */
   /* background-color: #333;  Adjust button background color */
    /*color: white;  Adjust button text color */
    border: none;
    cursor: pointer;
}

.buttons button:hover {
    /*background-color: #555;  Adjust button hover background color */
}


.buttons {
    margin-right: 10px; /* Adjust spacing between buttons */
}





/* ------------------------------------ NAVIGATION */
	.primary-navigation {
        background-color: #8a1564 !important;/* Choose your desired background color */
		text-align: center;
    }
    .primary-navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: inline;
		text-align: center;
    }
    .primary-navigation ul li {
        display: inline-block;
		margin:.5em !important;
    }
    .primary-navigation ul li:last-child {
        margin-right: 0;
    }
    .primary-navigation ul li a {
        text-decoration: none;
        color: #333; /* Choose your desired text color */
        padding: 10px; /* Adjust padding for better spacing */
		font-size: 1.3em !important; /* Set text size */
		line-height: 1.5em !important; /* Set line height */
		color: #fff !important; /* Set text color */
    }
    .primary-navigation ul li a:hover {
        background-color: #57023d; /* Choose your desired hover background color */
    }

/* ------------------------------------ Text & Headings */
p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
a {
	color: #4d86b2;
	text-decoration: none;
}
h1 {
	font-size: 2.8rem;
	line-height: 1;
}
h2 {
	font-size: 1.75rem;
	line-height: 1.2;
}	
h3 {
	font-size: 1.5rem;
	line-height: 1.2;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 1rem;
}
h1,h2,h3 {
	font-weight: 600;
	margin-bottom: .5em;
	margin-top: 0;
}
h4,h5,h6 {
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: .25em;
	margin-top: 0;
}
.text-l {
	font-size: 1.25rem;
}
.text-m {
	font-size: 1.15rem;
}
.text-s {
	font-size: .9rem;		
}
ul {
	margin: 2em 0;
}
ul li {
	margin-bottom: .5em;
}
.bullets {
	max-width: 568px;
}
ul li::marker {
	color: #8a1564;
}
.marker-white ul li::marker {
	color: #ffffff;
}
ul.doc-links {
	font-size: 14px;
	padding-left: 20px;
	margin: 0 0;
}
ul.doc-links a {
	color: #4d86b2;
	text-decoration: none;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}
/* ------------------------------------ Colours */	
.purple {
	color: #8a1564;
}
.purple-dark {
	color: #57023d;
}
.gold {
	color: #fbaf01;
}
.grey {
	color: #585856;
}
.dark-grey {
	color: #232323;
}
.green-dark {
	color: #264c3f;
}
.blue {
	color: #4d86b2;
}
.light-green-bg {
	background-color: #e6f6f5;
}
.dark-green-bg {
	background-color: #264c3f;
}	
.dark-purple-bg {
	background-color: #57023d;
}
.purple-bg {
	background-color: #8a1564;
}	
.yellow-bg {
	background-color: #fee7b3;
}
.light-purple-bg {
	background-color: #fef4f5;
}	
.white {
	color: #fff;
}
/* ------------------------------------ Buttons */
	btn {
	background: #8a1564;
	padding: 1em 2em;
	border-radius: 5px;
	font-size: 14px;	
	font-weight: 600;
	border: 1px;
	color: #fff;
	transition:.3s;
	text-transform: uppercase;
	display: inline-block;	
	}  

	btn:hover {
	background: #323232;
	cursor: pointer;
	}
	.btn-outline {
	background: transparent;
	color: #8a1564;
	border: 2px solid #8a1564;
	}
	.btn-outline:hover {
	color: #fff;
	border: 2px solid #323232;
	}
	.btn-gold {
	background: #fbaf01;
	color: #8a1564;
	border: 2px solid #fbaf01;
	}
	.btn-gold:hover {
	color:#fff;
	border: 2px solid #323232;
	}
	.btn-white {
	background: #fff;
	color: #8a1564;	
	border: 2px solid #fff;	
	}
	.btn-white:hover {
	color: #fff;	
	border: 2px solid #323232;	
	}

	
/* ------------------------------------ Custom buttons */	

/* TRA Pink Button */
.bt-purple {
    background: #8a1564;
	color: #fff;
    background-color:#8a1564;
    border-color: #8a1564;
	border-radius: 5px;
	transition: .3s;
	padding: 1em 2em;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 1px;
	display: inline-block;
}
.bt-purple:hover {
    background-color: #323232;  /* Changes the background color to grey */
    cursor: pointer;  /* Changes the cursor to a pointer */
}

/* TRA Transparent Button */
.bt-transparent {
    background: transparent;
	color: #8a1564;
    background-color:transparent;
	border: 2px solid #8a1564;
	border-radius: 5px;
	transition: .3s;
	padding: 1em 2em;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
	display: inline-block;
}
.bt-transparent:hover {
    background-color: #323232;  /* Changes the background color to grey */
    cursor: pointer;  /* Changes the cursor to a pointer */
}

/* ------------------------------------ Widths */	
	.width-full {
	width: 100%;
	}
	.width-75 {
	width: 75%;
	}
	.width-70 {
	width: 70%;
	}	
	.width-66 {
	width: 66%;
	}
	.width-60 {
	width: 60%;
	}	
	.width-50 {
	width: 50%;
	}
	.width-40 {
	width: 40%;
	}	
	.width-33 {
	width: 33%;
	}
	.width-30 {
	width: 30%;
	}	
	.width-25 {
	width: 25%;
	}
/* ------------------------------------ Spacing */
	.pad-xs {
	padding: 1rem;	
	}
	.pad-s {
	padding: 1.8rem;	
	}
	.pad-m {
	padding: 3.75rem;	
	}
	.pad-l {
	padding: 5.6rem;
	}
	.gap-s {
	gap: 1em;	
	}
	.gap-m {
	gap: 2em;
	}
	.gap-l {
	gap: 3em;
	}	
	.margin-bottom-s {
		margin-bottom: 1em;	
	}
	.margin-bottom {
		margin-bottom: 1.5em;	
	}	
	.margin-bottom-l {
		margin-bottom: 2em;	
	}	
	
/* ------------------------------------ Flexbox */
.flex-row {
	display: flex;
	flex-direction: row;	
	}
	.flex-column {
	display: flex; 
	flex-direction: column; 
	align-items:flex-start;
	}	
	.flex-middle {
	align-content: center;
	}
	.flex-align-middle {
	align-items: center;
	}	
	.flex-space-between {
	justify-content: space-between;
	}
	.flex-space-around {
	justify-content: space-around;
	}
	
/* ------------------------------------ Header */	
.header {
	height: 130px;
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
	backdrop-filter: blur(5px);	
	padding: 10px;
	z-index: 999;	

	}
	.header--logo {
	height: 80px;
	width: 74px;	
	}



.header--menu a {
	padding-left: 1.6em;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #8a1564;
	transition: .3s;	
	}
	.header--menu a:last-of-type {
	margin-right: 1em;	
	}
	.header--menu a:hover {
	color: #000;	
	}
	.header--menu btn {
	/* margin-left: 1.5em;
	min-width: 5em; */
	/* padding: .65em 2em; */
	padding: .65em;
	text-align:center;	
	}

/* ------------------------------------ Hero - Home */	
	.hero-home {
		min-height: 580px;
	}
	.hero-home--bg {
	/*background-image: url("wp-content/themes/TRA by LDGSolutions/assets/images/stock-photo-candles-and-black-stones-spa-concept-1054074614.jpg");*/
	background-repeat: none;	
    background-size: cover;
    background-position: top center;

	}
	.hero-home--text {
	background-color: rgba(255,255,255,0.9);
	max-width: 800px;
	margin: auto;
	text-align: center;

	}
/* ------------------------------------ What is Reiki */
	.what-is-reiki--bg {
	/*background-image: url("wp-content/themes/TRA by LDGSolutions/assets/images/stock-photo-wash-basin-set-in-japanese-garden-585654389.jpg");*/
	background-repeat: none;	
    background-size: cover;
    background-position: center center;	
	}
/* ------------------------------------ Services */
	.service-title-panel {
	width: 30%;
	display: flex;
	flex-direction: column;	
	align-items: center;
	justify-content: center;	
	background: #57023d;
	border-radius: 15px;	
	}
	.service-title-panel h2 {
	color: #fbaf01;	
	}
	.service-panel {
	width: 30%;
	display: flex;	
	flex-direction: column;			
	border: 2px solid #8a1564;
	border-radius: 15px;		
	}
	.service-panel h3 {
	color: #8a1564;
	text-align: center;	
	}
	.service-panel p {
	font-size: .9rem;	
	line-height: 1.6em;
	margin-bottom: 2em;	
	}
	.service-panel btn {
	margin-top: auto;	
	}
	.service-panel button {
		margin-top: auto;	
	}

	/* ------------------------------------ Events */	
	.event-panel {
	}
	.event-panel--category {
	color: #fff;
	background: #000;
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
	padding: 5px 10px;
	font-size: .9em;		
	}
	.event-panel--title {
	font-weight: 700;
	font-size:1.2rem;
	min-height: 50px;	
	}
	.event-panel--date, .event-panel--location {
	text-align:left;
	text-transform: uppercase;	
	font-size: 14px;
	margin-left: 10px;	
	}
/* ------------------------------------ News */	
	.news-link {
	max-width: 550px;	
	padding: 2em 0;	
	border-top: 1px solid #d0d0d0;	
	}
	.news-link a {
	font-weight: 700;
	font-size: 16px;	
	text-decoration: none;
	color: #264c3f;	
	}
	.news-meta {
	margin-top: 1.2rem;	
	color: #878787;	
	font-size: 14px;
	text-transform: uppercase;
	}
	.news-meta a {
	color: #8a1564;	
	font-weight: 500;
	font-size: 14px;	
	}
/* ------------------------------------ Directory */	
	.directory {
	text-align: center;	
	}
	.directory--img {
	}

	/* ------------------------------------ Images */		
	.bg-img {
		background-repeat: none;	
		background-size: cover;
		background-position: center center;	
		}
	/* ------------------------------------ Hero - Page */	
	.hero-page {
		min-height: 380px;
		}
		.hero-page--bg {
		background-repeat: none;	
		background-size: cover;
		background-position: center center;
		position: relative;	
		z-index:-2;		
		}
		.hero-page--bg:before {
		content:"";
		display: block;
		position: absolute;	
		width:100%;	
		background: rgba(0,0,0,0.3);
		height: 100%;	
		z-index:-1;	
		}
		/* .hero-about {
			background-image: url("/wp-content/themes/TRA/assets/images/stock-photo-young-green-spring-leaves-background-illuminated-maple-leaves-in-the-woods-273563066.jpg");
		}
		.hero-join {
			background-image: url("/wp-content/themes/TRA/assets/images/stock-photo-autumn-scene-the-falling-color-leaves-of-a-maple-tree-selective-focus-2040118871.jpg");
		}	
		.hero-council {
			/*background-image: url("images/stock-photo-adorable-jizo-statue-cropped.jpg");
			background-position: top center;
		}*/
		
		
		
	/*------------------------------------ OGM */
		/*.ogm--bg {
		background-image: url("/wp-content/themes/TRA/assets/images/stock-photo-beautiful-flowering-japanese-cherry-sakura-background-with-flowers-on-a-spring-day-111817763.jpg");
		background-repeat: none;	
		background-size: cover;
		background-position: center center;	
		}*/
	/* ------------------------------------ Services */
		.service-title-panel {
		width: 30%;
		display: flex;
		flex-direction: column;	
		align-items: center;
		justify-content: center;	
		background: #57023d;
		border-radius: 15px;	
		}
		.service-title-panel h2 {
		color: #fbaf01;	
		}
		.service-panel {
		width: 30%;
		display: flex;	
		flex-direction: column;			
		border: 2px solid #8a1564;
		border-radius: 15px;		
		}
		.service-panel h3 {
		color: #8a1564;
		text-align: center;	
		}
		.service-panel p {
		font-size: .9rem;	
		line-height: 1.6em;
		margin-bottom: 2em;	
		}
		.service-panel btn {
		margin-top: auto;	
		}
	/* ------------------------------------ Join - Pricing */
		.pricing-title-panel {
		width: 30%;
		display: flex;
		flex-direction: column;	
		align-items: left;
		justify-content: center;	
		}
		.pricing-title-panel p {
		max-width: 325px;	
		}
		.pricing-panel {
		width: 30%;
		display: flex;	
		flex-direction: column;			
		border-radius: 15px;
		min-width: 300px;		
		}
		.pricing-title {
		font-size: 18px;	
		color: #8a1564;
		}
		.pricing-desc {
		font-size: .8rem;	
		line-height: 1.6em;
		margin-bottom: 2em;	
		}
		.pricing-panel btn {	
		}	
		.pricing-cost {
		font-size: 1.8em;
		font-weight: 700;
		color: #00a19a;
		vertical-align: middle;	
		line-height: 1em;
		width: 100%;
		border-bottom: 1px solid #d0d0d0;	
		display: block;	
		padding-bottom: .25em;	
		margin-bottom: .5rem	
		}
		.pricing-cost-span {
		font-size: .5em;
		font-weight: 500;
		display: inline-block;
		vertical-align: middle;		
		}
		.pricing-link a {
		color: #00a19a;	
		font-size: 12px;	
		}
		.pricing-btn {
		margin: 1em auto 0 auto;
		width: 100%;
		text-align: center;
		}
	/* ------------------------------------ Conditions */
		.conditions-panel ul {
		padding-left: 20px;
		}
		.conditions-panel ul li {
		margin-bottom: 1.25em;	
		}
		.conditions-panel ul li::marker {
		color: #8a1564;	
		}
		.conditions-panel a {
		color: #4d86b2;	
		text-decoration: none;	
		}
	/* ------------------------------------ Elements */
		.element-panel {
		min-height: 500px;	
		}
		h3.element-title {
		font-size: 3em;	
		}
		h4.element-title {
		font-size: 1.1rem;	
		}
	/* ------------------------------------ Side menu */
		.side-menu {
		margin-top: 0;	
		padding-left: 0;
		font-size: 15px;
		font-weight: 600;	
		padding-right: 1.5em;	
		}
		ul.side-menu li a {
		background-color: #e6f6f5;	
		padding: .5em;
		display: block;	
		color:#8a1564;
		text-decoration: none;	
		transition: .2s;	
		}
		ul.side-menu li.active a {
		color:#ffffff;
		background-color: #8a1564;
		}	
		ul.side-menu li a:hover {
		background-color: #fbaf01;
		}
		.side-menu li::marker {
		color: transparent;
		}

		/* ------------------------------------ FAQ Section */	
		.faq-title h3 {
		font-size: 1.2rem;	
		}
		.faq-icon-active img {
		transform: rotate(90deg)	
		}


/* ------------------------------------ Footer */
.site-footer {
    background-color: #e6f6f5;
    color: #323232;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; /* Ensures children are on opposite ends */
}

.footer-logo {
    text-align: right;
}

.footer-logo img {
    max-width: 100px; /* Controls the maximum width of the logo */
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

.footer-links {
    display: flex;
    justify-content: space-between; /* Adjust spacing and alignment as needed */
}

.footer-title {
    color: #8a1564; /* Pink text color */
    margin-bottom: 1px; /* Space between title and list */
	font-size: 16px; /* Uniform font size for titles */
    line-height: 1.4;
	padding-bottom: 0; /* Remove padding below the title */
	margin-bottom: 5px;
}

.link-group {
    display: flex;
    flex-direction: column;
    margin-right:45px; /* Adds right margin to each group */
    /*margin-left: 5px; /* Adds left margin to each group */
}

.footer-list {
    list-style-type: disc; /* Enables bullet points */
    padding-left: 20px; /* Proper alignment of list */
	margin-top: 0; /* Remove margin above the list */
    margin-right: 20px; /* Add spacing between the lists if necessary */
	font-size: 16px; /* Setting font size */
    line-height: 1.4;
	border-top: 1px;
	margin-bottom: 0 !important;
}

.footer-list:last-child {
    margin-right: 0; /* Remove margin from the last list for cleaner edge alignment */
}

.footer-list li a {
    color: #323232;
    text-decoration: none;
    padding: 5px;
    display: block;
    font-size: 14px; /* Ensure font size is consistent in links */
    line-height: 1; /* Ensure line height is consistent in links */
	padding: 0; /* Removes padding inside the list */
    border: none; /* Ensures no borders are applied */
	margin-bottom: 0 !important;
}

.footer-list li{
	margin-bottom: 0 !important;
}

.footer-list li a:hover {
    text-decoration: underline;
}


.logo-link {
    display: block; /* Ensures the link is on a new line */
    margin-top: 10px; /* Space between the logo and the link */
    font-size: 16px; /* Consistent font size for additional link */
    line-height: 1.4; /* Consistent line height for additional link */
}


.footer-list li a:hover, .logo-link:hover {
    text-decoration: underline;
}

.logo-link, .copyright-text { /* Update or rename the class as needed */
    display: block; /* Ensures the text is on a new line */
    margin-top: 10px; /* Space between the logo and the copyright text */
    color: #323232;/* Set the color to white or as appropriate */
    font-size: 12px; /* Typically smaller font size for copyright text */
    line-height: 1.4;
	padding-right: 1.6rem;
	padding-top:0;
	border-top:0;
}

/* ------------------------------------ Blog */

