/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Subtle bit of drop shadows for site header title text */
.header-text-shadow {
    text-shadow: 0px 1.1px 1.1px rgba(0,0,0,0.7);
}

/* Cleaning up sidebar lists */
.sidebar li {
	list-style-type: none; /* Removes the bullet points */
    padding-left: 0;       /* Removes the default padding */
    margin-left: 10px;        /* Removes the default margin */
	border-bottom: 1px solid #e0caca; /* #c59b9b; */
    padding-bottom: 6px;
    padding-top: 3px;
}

.sidebar ul {
	list-style-type: none; /* Removes the bullet points */
    padding-left: 0;       /* Removes the default padding */
    margin-left: 10px;        /* Removes the default margin */
	/* border-bottom: 1px solid #c3d3cb; OPTIONAL: Add subtle bottom border to each list item */
    /* padding-bottom: 5px;  Optional: Adds some space at the bottom for better visibility */
}

/* This code adds padding and a bottom border to the sidebar Query Loop */
div.gb-grid-column > div:first-child > p:first-child {
    border-bottom: 1px solid #e0caca;
    padding-bottom: 8px;
    padding-top: 5px;
}
/* End Add padding and bottom border to sidebar query loop */

/* Changing link fonts to make them more accessible-friendly */
.entry-content a {
    font-weight: 700;
    font-family: "Times New Roman";
}

/* This line-height makes bulletpoint lists within content more mobile-friendly */
@media (max-width: 768px) {
	.entry-content ul li a {
		line-height: 2.7;
	}
}

/* Adds the subtle box shadow to the sides of the main site area */
.header-box-shadow {
   box-shadow: 0px 135px 135px #000
}
.site-content {
   box-shadow: 0px 135px 135px #000
}
/* END adding box shadow */

/* Might be temporary: Hiding tagline on small displays */
@media (max-width: 570px) {
	.narrow-hide-tagline {
		display: none;
	}
}


/* hack to hide header search on smaller devices */
@media (max-width: 767px) {
	.narrow-hide-search {
		display: none;
	}
}

/* forcing Sarah profile sidebar GB container to wrap */
@media(max-width: 620px) {
    .float-img-left {
        float: left;
        width: 40%;
        margin-right: 15px;
        margin-bottom: 5px;
    }
}
.float-sidebar-headshot-left {
	float: left;
	width: 30%;
	margin-right: 5px;
	margin-bottom: 5px;
}
/* End Sarah profile sidebar wrap... am I still using this? */

/* My code to swap category headers to make design more responsive */
@media (min-width: 620px) {
.category-header-wrap-display {
		display: none;
	}
}

@media (max-width: 620px) {
.category-header-split-display  {
		display:none !important;
	}
}
/* End code to swap category headers for responsive design */

/* Hide the little dropdown arrows on the primary menu */
/* Remove the dropdown arrow */
.main-navigation .menu-item-has-children > a .dropdown-menu-toggle {
    display: none;
}

/* Ensure consistent spacing */
.main-navigation .menu-item-has-children > a {
    display: flex;
    align-items: center;
}

.main-navigation .menu-item-has-children > a::after {
    content: '';
    display: block;
    width: 10px; /* Adjust this value to match the width of the removed arrow */
    height: 0;
}
/* End hiding of dropdown arrows */

/* Giving excerpts and their custom links some breathing room */
.entry-summary {
    margin-bottom: 15px; 
}
/* End excerpt breathing room  */

/* Reducing margin above archive excerpts */
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0.7em !important;
}
/* End reducing margin above archive excerpts */

/* Fixing spacing between titles in sidebar query loop */
.gb-grid-column {
    padding: 0 !important;
}
/* End Fix spacing in sidebar query loop */

.custom-read-more::after {
    content: "";
    display: block;
    border-bottom: 1px solid #e0caca; /* Border color */
    margin-top: 25px; /* Optional: add some margin for spacing */
}

/* Makes category listing at end of posts more Accessible-friendly */
.entry-meta .cat-links a {
    margin-left: 15px; /* Adjust the spacing as needed */
    line-height: 2.7;
}

/* Move Back-to-Top button inward; numbers may be different per site */
@media (min-width: 769px) {
    .generate-back-to-top,
    .generate-back-to-top:visited {
        bottom: 25px !important; /* 25px from the bottom of your screen */
        right: 160px !important; /* 160px from the right of your screen */
    }
}