/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
	

p {
	
  text-align: justify;
  text-justify: inter-word;
	line-height: 1.4em;

}

#secondary.widget-area {
    background-color: #000019 !important; /* Change to your preferred color */
    padding: 20px; /* Adds spacing inside the widget area */
}

.widget-area .sidebar-primary aside {
    background-color: #000019 !important; /* Targets individual widgets */
    padding: 15px; /* Adds padding inside each widget */
    border-radius: 5px; /* Optional: Rounds the corners */
}

.widget-area .sidebar-primary {
    background-color: #000019 !important;
    padding: 20px;
}

.widget-area .widget {
    border-top: none !important; /* Removes top borders */
    border-bottom: none !important; /* Removes bottom borders */
}

.widget-area .widget:before, 
.widget-area .widget:after {
    display: none !important; /* Hides any pseudo-element dividers */
}

hr {
    display: none !important; /* Hides any `hr` lines if used */
}

.widget-area .widget + .widget {
    border-top: none !important; /* Ensures widgets don’t have top borders */
}


/* Change the site title colour */
.site-title a {
	color: #000000;
}

/* Change the tagline colour */
.site-description {
	color: #000000;
}

.entry-title {
	color: black;
}

.page-title {
	color: black;
}

body .site {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.entry-content blockquote,
.comment-content blockquote {
	padding-top: 0;
	padding-bottom: 0;
	font-style: normal;
	text-align: justify;
	text-justify: inter-word;
	border: none;
}

	.entry-thumbnail img {
    width: 100%;
    height: auto;
		object-fit: contain;}
}


.entry-title a, 
.entry-title a:visited,
.entry-title a:active {
    color: #000 !important; /* Force black color */
}

.featured-content .entry-title a, 
.apostrophe-2-featured .entry-title a, 
.blog .sticky .entry-title a, 
h2.entry-title a {
    color: #000 !important; /* Ensures all cases turn black */
}

.featured-content .entry-title a:hover, 
.apostrophe-2-featured .entry-title a:hover, 
.blog .sticky .entry-title a:hover, 
h2.entry-title a:hover {
    color: #333 !important; /* Slightly lighter black on hover */
}



/* Force featured post titles to match regular post titles */
.blog .featured-content .entry-title a,
.blog .sticky .entry-title a {
    font-size: 24px !important; /* Adjust this if needed */
    font-weight: normal !important;
    line-height: 1.4 !important;
}

/* Ensure it applies across all sections */
.featured-content .entry-title a,
.apostrophe-2-featured .entry-title a {
    font-size: 24px !important;
    font-weight: normal !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .featured-content .entry-title a,
    .apostrophe-2-featured .entry-title a {
        font-size: 20px !important;
    }
}

/* Force smaller line spacing for featured post titles */
.featured-content .entry-title a,
.apostrophe-2-featured .entry-title a,
h2.entry-title {
    font-size: 24px !important; /* Match normal post size */
    font-weight: normal !important;
    line-height: 1.1 !important; /* Reduce line spacing */
    margin-bottom: 5px !important; /* Adjust bottom margin */
    display: block !important; /* Ensure the title behaves correctly */
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .featured-content .entry-title a,
    .apostrophe-2-featured .entry-title a,
    h2.entry-title {
        font-size: 20px !important;
        line-height: 1.2 !important; /* Slightly more space for mobile */
    }
}

.entry-title {
    font-size: 2.5rem; /* Adjust the value as needed */
}