/*
Theme Name: Stridefully Theme
Theme URI:
Author: Katherine Isabella Moon
Author URI: https://stridefully.com
Description: Custom Theme for Stridefully.com
Version: 1.0.0
License:
License URI:F
Text Domain:
Tags:
*/

@font-face {
    font-family: 'Fashion';
    src: url('https://stridefully.com/wp-content/themes/Stridefully%20WordPress%20Theme/Fashion.otf?ver=6.8.1');
    font-weight: normal;
    font-style: normal;
}

/*---- Header Stylings ----*/
	
	header{
		position:sticky;
		z-index:1000000000;
		top:0;
		background-color:#ffffff;
		text-align:center;
		border-top:20px solid var(--site-color-1);
		display:flex;
		align-content: center;
		align-items:center;
		justify-content: space-between;		
		height:130px;
		padding:0 1rem 0 5rem;
		box-shadow:5px 0 5px rgba(0,0,0,0.25);
	}

	#main-navigation{
		display:inline-block;
		vertical-align:middle;
	}

	ul#menu-main-navigation, ul.tkl-social-links{
		margin:0;
		list-style-type:none;
		padding:0;
	}
	
	ul#menu-main-navigation li, ul.tkl-social-links li{
		display:inline-block;
	}	
	
	/*----- Navigation Menu -----*/
	
	.header-nav-area{
		display:flex;
		align-content: center;
	}
	
	
	ul#menu-main-navigation{
		text-align:left;
		font-size:12px;
	}
	
	ul#menu-main-navigation li{
		display:inline-block;
		margin-right:50px;
		text-align:center;
	}
	
ul#menu-main-navigation li a span.nav-link-line, ul#menu-main-navigation li span span.nav-link-line{
		display:block;
	}
	
	ul#menu-main-navigation li a span.nav-link-line-1, 	ul#menu-main-navigation li span span.nav-link-line-1{
		font-family:"Bodoni Moda", serif;
		text-transform:lowercase;
		font-weight:normal;
		font-style:italic;
		letter-spacing:1px;
		color:var(--site-color-1);
		transition: 0.3s ease;
	}	
	
	ul#menu-main-navigation li a span.nav-link-line-2, 	ul#menu-main-navigation li span span.nav-link-line-2{
		text-transform:uppercase;
		font-weight:800;
		letter-spacing:1px;
		color:var(--site-text);
		transition: 0.3s ease;
	}
	
	ul#menu-main-navigation li a:hover span.nav-link-line-2{
		color:var(--site-color-3);
	}

	li.main-nav-dropdown{
	position:relative;
	}

	.main-dropdown-menu{
    position: absolute;
	display:none;
    padding-top: 2em;
    width: 25em;
		z-index:2;
	}

li.main-nav-dropdown:hover .main-dropdown-menu{
	display:block;
}

.main-dropdown-menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	background-color:var(--site-color-2);
	box-shadow:10px 10px 15px rgba(0,0,0,0.25);
}

#menu-post-category-menu li, #menu-post-category-menu li a{
	display:block !important;
	margin-right:0 !important;
	text-align:left !important;
}

#menu-post-category-menu a{
	padding:1em;
	border-bottom:1px solid #ffffff;
	color:var(--site-text);
	font-size:1.2em;
	font-weight:bold;
	transition:0.2s ease;
}

#menu-post-category-menu li:last-of-type a{
	border-bottom:none;
}

#menu-post-category-menu a:hover{
	background-color:var(--site-color-1);
}

.menu-item-has-children{
	position:relative;
}

.menu-item-has-children a::after{
	float:right;
	content:'\f054';
	font-weight:900;
	font-family:'Font Awesome 6 Free';
}

.sub-menu{
    position: absolute;
	display:none;
    width: 25em;
    border-left: 1em solid var(--site-color-3);
    top: 0;
    left: 100%;
}

.menu-item-has-children:hover .sub-menu{
	display:block;
}

.sub-menu li:last-of-type a{
	border-bottom:none;
}

.menu-item-has-children .sub-menu a::after{
	content:'';
}

.sub-menu .menu-item-has-children .sub-menu{
	display:none;
}

.sub-menu .menu-item-has-children:hover .sub-menu{
	display:block;
}

.sub-menu .menu-item-has-children a::after{
	float:right;
	content:'\f054';
	font-weight:900;
	font-family:'Font Awesome 6 Free';
}

.sub-menu .menu-item-has-children .sub-menu a::after{
	content:'';
}
	
/*---- Header Search Bar ----*/
	
	.header-search{
		display:inline-block;
		padding:0;
		margin-left:auto;
		margin-right:0;
	}
	
	.mobile-device-menu .header-search{
		margin:0;
		padding:0 2rem;
	}
	
	.header-search form{
		background-color:transparent;
		border-radius:0px;
		text-align:left;
	}
	
	.mobile-device-menu .header-search form{
		background-color:transparent;
	}
	
	.header-search label.fa.fa-search{
		margin:0 5px 0 0;
		display:inline-block;
		width:30px;
		height:30px;
		background-color:var(--site-color-2);
		border-radius:100%;
		line-height:30px;
		text-align:center;
		font-size:12px;
		color:var(--site-color-3);
	}
	
	input.header-search-field{
		margin:0;
		padding:0 10px 0 0;
		border-radius:0px;
		width:200px;
		height:30px;
		border:none;
		line-height:30px;
		background-color:transparent;	
		letter-spacing:1px;
		font-style: italic;
		font-family:"Raleway", sans-serif;	
		color:var(--site-text);
	}
	
	input.header-search-field::placeholder{
		color:var(--site-text);
	}

	
	input.header-search-field:focus{
		outline:none;
	}	

.hidden-button {
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    padding: 0 0 0 0 !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
    margin: 0 0 0 0;
    padding-inline-start: 0 !important;
    border: none;
}
	
	a.site-title{
		display:inline-block;
		margin-right:2%;
		font-family:"Fashion", sans-serif;
		max-width:500px;
		font-size:4rem;
		color:#141414;
		font-weight:bold;
	}

/*----- Mobile Menu -----*/

.mobile-menu-btn, .mobile-close-btn{
	display:none;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    border: none;
    background-color: transparent;
  	font-weight:800;
}

.mobile-close-btn{
	float:right;
	margin-right:2rem;
	display:inline-block;
}

.menu-btn-icon{
	display: inline-block;
	width: 30px; 
	height: 30px; 
	line-height: 30px !important; 
	background-color: var(--site-color-2); 
	font-size: 12px; 
	color: var(--site-color-3);
	margin-right:5px;
	border-radius:100%;
}

.menu-btn-label{
	display:inline-block;
	color:var(--site-text);
	letter-spacing:1px;
	line-height:30px;
	font-size:12px;
	text-transform:uppercase;
}

.mobile-links-popup{
	display:none;
	position:fixed;
	z-index:900000000000000000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(220, 166, 167, 0.75);
}

#mobile-links-container{
	border-top:20px solid var(--site-color-1);
	margin-left:15%;
	padding:2rem 0;
	height:calc(100% - 4rem);
	background-color:#ffffff;
    box-shadow:0px -15px 5px rgba(0,0,0,0.5);
	overflow-y:auto;
}

/*----- Homepage Slideshow -----*/

	
#homepage-welcome-container{
    background-image: url('https://stridefully.com/wp-content/uploads/2025/09/Untitled-281.jpg');
	background-size:cover;
	background-attachment:fixed;
}

#homepage-welcome-container-inner {
    display: flex;
    justify-content: center;
    padding: 7rem 5%;
    background-color: rgba(255, 255, 255, 0.35);
}

	
.homepage-welcome-right {
    padding: 4rem;
    border: none;
    backdrop-filter: blur(15px);
    max-width: 900px;
    background-color: var(--site-color-2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	outline:5px solid var(--site-bg);
	outline-offset:1rem;
}
	
#homepage-welcome-container h1.welcome-header {
    margin: 0 0 2.75rem;
    font-size: 3.75rem;
    line-height: 1.25;
    text-align: center;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;

}

#homepage-welcome-container p.welcome-intro-p{
    font-size: 1.35em;
    text-align: center;
    margin-bottom: 2rem !important;
}


#homepage-welcome-container .welcome-description{
    margin: auto 0;
    font-size: 1.25rem;
    padding: 0;
	text-align:center;
}
	
	a.welcome-cta{
    margin-top: 2em;
    display: inline-block;
    padding: 15px 50px;
		background-color:var(--site-bg);
   	border:1px solid var(--site-text);
	border-radius:100px;
    font-size: 0.75em;
    text-transform: lowercase;
    color: var(--site-text);
    transition: 0.3s ease;
    text-shadow: none;
		font-weight:bold;
}
	
	a.welcome-cta:hover{

		box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
	}
	

#homepage-about-container{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:5rem 5% 5rem 5%;
}
	
.homepage-about-left{
	max-width:calc(700px - 4rem);
	padding:0 3rem;
	border-left:1em solid var(--site-color-2);
}

.homepage-about-left p{
	font-size:1.25em;
}
	
h2.homepage-info-header{
	font-family:"Fashion", sans-serif;
	font-size:3rem;
}
	
.homepage-about-right{
	position:relative;
	z-index:-1;	
	max-height:100%;
	margin-left:2rem;
	overflow-y:hidden;
	width:calc(30% - 2rem);
	box-shadow:15px -15px var(--site-color-1);	
	outline: 1px solid #ffffff;
	outline-offset:-1.5rem;
}

a.homepage-about-cta{
	display:inline-block;
	padding:1rem;
	background-color:var(--site-color-2);
	color:var(--site-text);
	font-weight:bold;
	letter-spacing:1px;
	text-transform:lowercase;
	transition:0.2s ease;
	font-size:1em;
	box-shadow:0 0 15px rgba(0,0,0,0.35)
}

a.homepage-about-cta:hover{
	background-color:var(--site-text);
	color:var(--site-color-2);
	box-shadow:0 0 15px rgba(0,0,0,0.5)
}
	
p.blogger-signature{
		text-align:right;
		font-family:"Fashion", sans-serif;
		font-size:2.5em;
	}

#homepage-more-info{
	display:flex;
	padding:3rem 5%;
	background-color:var(--site-color-2);
	justify-content:center;
	scroll-margin-top:170px;
}

.hp-more-info-left{
	width:calc(25% - 3rem);
	margin-right:5rem;
}

.hp-more-image-1{
	box-shadow:-15px 15px var(--site-color-1);	
	outline: 1px solid #ffffff;
	outline-offset:-1.25rem;
}

.hp-more-info-middle{
	width:calc(30%);
	margin-right:5rem;
	font-size:1.2em;
	text-align:center;
}

.hp-more-info-head{
	margin-bottom:30px;
	text-align:center;
}

.hp-head-line-1{
	display:block;
	font-family:"Raleway", sans-serif;
	font-size:0.6em;
	color:var(--site-color-3);
	font-style:italic;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:lowercase;
}

.hp-head-line-2{
    display: block;
    font-size: 1.25em;
    margin-top: 0.25em;
	font-weight:normal;
}

.hp-more-info-right{
	display:flex;
	flex-direction:column;
	width:calc(20%);
	padding-left:3rem;
	border-left: 1em solid var(--site-color-1);
	justify-content:center;
}

h2.hp-more-snippet-title{
	font-size:2em;
	font-family:"Fashion";
	margin-bottom:30px;
}

ul.hp-more-info-snippets{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul.hp-more-info-snippets li{
	margin-bottom:30px;
}

ul.hp-more-info-snippets li:last-of-type{
	margin-bottom:0;
}

.hp-mi-icon{
	display:inline-block;
	vertical-align:text-top;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    font-size: 15px;
    background-color: #ffffff;
    margin-right: 20px;
    border-radius: 100%;
}

.hp-mi-desc{
	display:inline-block;
	vertical-align:text-top;
	font-size:1.2em;
	width:calc(100% - 65px);
}

#major-links-area{
	padding:2rem 10% 2rem 10%;
	display:flex;
	flex:1;
}

.major-link{
	padding:2rem;
	width:25%;
	margin:1rem;
	background-color:var(--site-color-2);
	display:flex;
	flex-direction:column;
	flex:1;
	text-align:center;
	background-position:center;
	background-size:cover;
box-shadow:0 0 15px rgba(0,0,0,0.35)
}

.major-link-icon{
	margin-top:auto;
	margin-bottom:40px;
}


.major-link-icon img{
	width:50%;
}

.major-link.ml-contact{
	background-image:url('https://stridefully.com/wp-content/uploads/2024/05/diana-light-5reHvGwl1ag-unsplash.jpg');
}

.major-link.ml-blog{
	background-image:url('https://stridefully.com/wp-content/uploads/2025/06/Untitled-87.jpg');
}

.major-link.ml-about{
	background-image:url('https://stridefully.com/wp-content/uploads/2025/06/Untitled-73.jpg');
}

.major-link.ml-shop{
	background-image:url('https://stridefully.com/wp-content/uploads/2024/05/alexandra-gorn-FXHCqfusN-c-unsplash-scaled.jpg');
}

.major-link-blurb{
	border-radius:5px;
	background-color:rgba(255,255,255,0.9);
	padding:2rem;
	display:flex;
	flex-direction:column;
	flex:1;
	backdrop-filter:blur(3px);
}

.major-link-header{
	margin:0 0 0.5em 0;
	letter-spacing:1px;
	color:var(--site-text);
}

.mlh-line-1{
	display:block;
	font-weight:normal;
	font-style:italic;
	font-size:1em;
}

.mlh-line-2{
	display:block;
	font-size:1.25em;
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Raleway", sans-serif;	
}

.ml-info{
	border-top:1px solid var(--site-text);
	color:var(--site-text);
	padding:1em 0;
	margin:0 0 1em 0;
	font-weight:bold;
}

.ml-cta{
	margin-top:auto;
	display:inline-block;
	padding:1em 2em;
	background-color:var(--site-color-2);
	font-weight:bold;
	color:var(--site-text);
	font-size:1em;
	letter-spacing:1px;
   transition: all 0.3s ease-in-out;
    box-shadow:0 0 15px rgba(0,0,0,0.35)
}

.ml-cta:hover{
	background-color:var(--site-text);
	color:var(--site-color-2);
    box-shadow:0 0 15px rgba(0,0,0,0.5)
}

	
	#homepage-main-topic-blurbs{
		padding:5rem 10%;
		display:flex;
		justify-content:center;
		background-color:var(--site-bg);
	}
	
	.topic-blurb{
		display:flex;
		flex:1;
		flex-direction:column;
		text-align:center;
		margin:0 2rem;
		width:30%;
	}
	
	img.blurb-icon{
		align-self:center;
		margin-bottom:1.5em;
		display:inline-block;
		max-height:13em;
	}
	
	h2.blurb-header{
		font-weight:normal;
	}
	
	.blurb-header-line-1{
		display:block;
		font-size:1em;
		font-style:italic;
		color:var(--site-color-5);
		letter-spacing:1px;
	}
	
	.blurb-header-line-2{
		display:block;
		font-family:"Raleway", sans-serif;	
		font-size:2.5em;
		text-transform:uppercase;
		letter-spacing:5px;
		color:var(--site-color-6);
	}

	.topic-blurb p:last-of-type{
	margin: 0 0 3em 0;
	}
	
	.topic-cta{
		align-self:center;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:0.8em;
		width:35%;
		margin-top:auto;
		display:inline-block;
		padding:1rem 2rem;
		background-color:var(--site-color-6);
		color:#ffffff;
		transition: 0.2s ease;		
	}
	
	.topic-cta:hover{
		background-color:var(--site-color-3);
	}

.main-categories-icons{
	padding:5em 10%;
}

#main-categories-icons{
	display:flex;
	justify-content:space-between;
}

h2.main-cat-section-title{
	text-align:center;
	margin-bottom:3em;
}

.cat-sec-title-line-1, .cat-sec-title-line-2{
	display:block;
}

.cat-sec-title-line-1{
    font-size: 0.75em;
    font-family: 'Raleway', sans-serif;
    color: var(--site-color-1);
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0.25em;
	letter-spacing:1px;
	text-transform:lowercase;
}

.cat-sec-title-line-2{
    font-size: 2em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 5px;
}

.m-cat-link{
	text-align:center;
}

.m-cat-icon{
	max-height:10em;
	display:inline-block;
}

.m-cat-title{
	display:block;
	margin-top:0.5em;
	color:var(--site-text);
	font-size:2em;
	font-family:"Fashion", sans-serif;
	font-weight:bold;
}

#homepage-posts-container{
	display:flex;
	padding:5em 5%;
	flex-wrap:wrap;
	justify-content:space-between;
}

.hp-cta-link-sec{
	text-align:center;
	margin-top:4rem;
	width:100%;
}

.hp-cta-header-sec{
	width:100%;
}

.hp-posts-more-cta{
    display: inline-block;
	border-radius:100px;
    padding: 1.25em 2em;
    border: 1px solid var(--site-text);
	background-color:var(--site-bg);
    color: var(--site-text);
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: lowercase;
    transition: 0.2s;
    font-size: 1em;
}

.hp-posts-more-cta:hover{
	box-shadow:0 0 15px rgba(0,0,0,0.5);
}

.hp-latest-post{
	display:flex;
	flex-direction:column;
	width:calc(25% - 3rem);
	margin:0;
	text-align:center;
}




.hp-post-thumbnail{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    outline: 1px solid #ffffff;
    outline-offset: -1em;
}

.hp-post-thumbnail img{
	height:100%;
	width:100%;
	object-fit:cover;
}

p.hp-post-categories:first-of-type{
	margin-top:1em;
	font-size:1em;
	color:var(--site-color-3);
	font-family:"Bodoni Moda", serif;
	font-style:italic;
}

h2.hp-post-title{
	font-size:1.5em;
	margin:0.5em 0;
	font-weight:black;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

.hp-post-excerpt{
	margin-bottom:1em;
	font-size:1.15em;
	color:var(--site-text) !important;
}

.hp-date-posted{
	color:#666666;
}

#popular-carousel{
	padding:5rem 5% 3rem 5%;
	border-bottom:1px solid #eeeeee;
}

ul#popular-slides{
	list-style-type:none;
	padding:0;
	margin:0;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.25);
}

.popular-slide {
    background-size: cover;
    background-position: center center;
    background-color: var(--site-color-2);
}

.pop-slide-contents{
	display:flex;
	padding:3rem 5%;
	aspect-ratio: 5 / 2;
	background-color:rgba(173, 102, 111, 0.5);
}

.pop-post-info{
	margin:auto 0;
	color:#ffffff;
	text-align:center;
}

.pop-slide-categories{
    margin-bottom: 3rem !important;
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    color: #ffffff;
    font-family: "Bodoni Moda", serif;
    font-style: italic;
}

.pop-slide-title{
	margin-bottom:3rem;
	font-weight:bold;
	font-family:'Raleway', sans-serif;
	font-size:3rem;
	text-transform:uppercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	color:#ffffff;
}

.pop-slide-desc{
	font-size:1.25em;
	font-weight:bold;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.popular-carousel-dots{
    display: flex;
    margin-top: 3em;
    justify-content: center;

}

.p-dot{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #eeeeee;
	margin-right:10px;
}

.p-dot:last-of-type{
	margin-right:0;
}

.p-dot.active{
	background-color:#666666;
}

#main-content-container{
	display:flex;
	margin: 0 10% 5rem 10%;
	justify-content:center;
}

#singular-posts-container{
	width:100%;
	max-width:1000px;
}

.single-blog-post, .freebie-page-roll{
	font-size:1.25em;
}

.single-post-excerpt{
    margin-bottom: 2rem;
    border-left: 1em solid var(--site-color-2);
    padding: 0 0 0 1em;

}

.single-post-date-posted{
    margin: 0 0 1em 0;
    display: block;
    font-size: 0.75em;
    color: #666666;
    text-align: center;
	font-weight:bold;
}


p.single-post-categories:first-of-type{
    margin: 0 0 0.95rem 0;
    font-size: 1em;
    color: var(--site-text);
    font-family: "Bodoni Moda", serif;
    text-align: center;
    background-color: var(--site-color-2);
    padding: 0.25em;
	font-style:italic;

}

.single-post-categories a{
	color:var(--site-text);
	transition: 0.2s ease;	
}

.single-post-categories a:hover{
	color:var(--site-color-3);
}

h1.single-page-title{
	margin:0 0 1rem 0;
	font-size:2.75rem;
	font-weight:normal;
	font-family:"Raleway", sans-serif;	
	text-align:center;
}

h1.single-page-title-b{
	font-size:5rem;
	margin-bottom:2.5rem;
	text-align:center;
	font-family:"Raleway", sans-serif;
	padding:8rem 0;
	background-color:var(--site-text);
	background-size:cover;
	background-position:center;
	color:var(--site-bg);
	text-shadow:0px 0px 5px rgba(0,0,0,0.5); 
}

.single-post-content a{
	color:var(--site-color-3);
}

.post-opt-in h2{
	font-family:"Fashion";
	margin-bottom:30px;
}

.post-opt-in label, .freebie-page-signup-form label{
    display: block;
    text-align: left;
    font-weight: bold;

}

.post-opt-in span.asterisk, .freebie-page-signup-form span.asterisk{
	font-weight:normal;
	font-style:italic;
}

.post-opt-in input, .freebie-page-signup-form input{
    display: block;
    width: calc(100% - 2rem - 2px);
    padding: 0.75rem 1rem;
    border: 1px solid var(--site-text);
    background-color: var(--site-bg);
    margin-top: 0.5em;
    margin-bottom: 1.25em;
  color: var(--site-text);
    font-size: 1em;
}

.post-opt-in input:focus, .freebie-page-signup-form input:focus{
	outline:2px solid var(--site-color-3);	
}

.post-opt-in input.button, .freebie-page-signup-form input.button{
	border:none;
    margin: 0 0 0 0;
    background-color: var(--site-text);
    padding: 1em;
    width: calc(100%);
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
	transition:0.2s ease;
}

.post-opt-in input.button:hover, .freebie-page-signup-form input.button:hover{
	background-color:var(--site-color-3);
}

.wp-block-details {
    border-bottom: 1px solid var(--site-text);
    padding: 0.75em 0;
}

.wp-block-details:first-of-type{
	border-top:1px solid var(--site-text);
}

.wp-block-details summary {
	position:relative;
	list-style: none;
	font-weight:bold;
	padding-right:3em;
}

.wp-block-details summary:after{
	position:absolute;
	top:0;
	right:0;
	content:'\2b';
	font-weight:900;
	font-family:'Font Awesome 6 Free';
	color:#666666;
}

.wp-block-details summary::-webkit-details-marker {
	display: none; 
}

.wp-block-details[open] summary{
	margin-bottom:1em;
}

.wp-block-details[open] summary:after{
	content:'\f068';
}

.wp-block-group.has-background {
    box-sizing:border-box;
		padding:2em;
}


.wp-block-image img {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

.wp-block-image figcaption{
	text-align:center;
	margin:1.5em 0 1em 0!important;
	padding:0!important;
	max-width:100%!important;
	color:#888888;
}

.wp-block-heading{
	margin:0 0 30px 0;
	scroll-margin-top:170px;
	font-weight:normal;
	letter-spacing:1px;
}

h2.wp-block-heading{
	font-size:1.75em;
}

h3.wp-block-heading {
    font-size: 1.25em;
    font-weight: bold;
    padding-bottom: 0.5em;
    border-bottom: 2px solid var(--site-text);
}


h4.wp-block-heading{
    font-size: 1.15em;
    font-weight: bold;
    color: #666666;
    font-family: "Raleway";
    border-left: 5px solid;
    padding: 0 0.5em;
}

h5.wp-block-heading{
	font-size:1em;
}

h6.wp-block-heading{
	font-size:0.8em;
}

h5.wp-block-heading, h6.wp-block-heading{
	font-family:"Raleway", sans-serif;	
	font-weight:bold;
}

.wp-block-table td{
	border:none;
	padding:0.5em 0;
}

.wp-block-quote, .wp-block-pullquote{
    margin: 1.5em 0;
    padding: 0 0 0 1em;
    font-size: 2.5em;
    text-align: left;
    font-family: "Bodoni Moda", sanf-serif;
    border-left: 10px solid var(--site-color-2);

}

.wp-block-quote:before, .wp-block-pullquote:before{
    content:open-quote;
    font-size: 170%;
    color: var(--site-color-1);
}

.wp-block-quote:after, .wp-block-pullquote:after{
    content:close-quote;
    font-size: 170%;
    color: var(--site-color-1);
}

.wp-block-quote p, .wp-block-quote p{
    display: inline;
}

.wp-block-quote cite, .wp-block-pullquote cite{
	font-size:0.85em;
	margin-top:1em;
	font-family:"Raleway";
}

.wp-block-separator{
    border-top: none;
    height: 10px;
    background-color: #eeeeee;
    background-image: url('https://stridefully.com/wp-content/uploads/2025/10/Foil-Texture-Base-4.png');
    background-size: cover;
    background-position: center;
}

.single-post-content ol, .single-post-content ul{
	list-style-type:none;
	margin:30px 0;
	padding-inline-start:4rem;
}

.single-post-content ul li:before{
    position:absolute;
    left:-4rem;
    display: inline-block;
	content:'\f111';
	font-weight:900;
	font-family:'Font Awesome 6 Free';
	min-width:3rem;
	color:var(--site-color-2);
	text-align:right;
	line-height:1.5;
}

.single-post-content ol li, .single-post-content ul li{
	position: relative;
	list-style-type:none;
	counter-increment:lis;
	margin-bottom:0.5rem;
}

.single-post-content ol li:last-of-type, .single-post-content ul li:last-of-type{
	margin-bottom:0;
}

.single-post-content ol li:before{
   	content: counter(lis);
    position:absolute;
    left:-4rem;
	color:var(--site-color-1);
	min-width:3rem;
	text-align:right;
}


ul.wp-block-social-links{
	padding-inline-start:0;
	justify-content:center;
}

.wp-social-link{
	background-color:var(--site-color-3);
	transition:0.3s ease;
}

.wp-social-link:hover{
	background-color:var(--site-color-1);
}

ul.wp-block-social-links li:before{
display:none;
}

.single-post-tags{
    margin-top: 30px !important;
    border-left: 0.5em solid var(--site-color-1);
    padding-left: 1em;
}

.post-tags-title{
	display:block;
	font-weight:bold;
	margin-bottom:0.5em;
}

.single-post-tags a{
	color:#888888;
	transition:0.2s ease;
}

.single-post-tags a:hover{
	color:var(--site-text);
	border-bottom:1px solid var(--site-text);
}

.pinsavepinterest-pin-it-button{
	padding:5px 10px;
	border:1px solid var(--site-text);
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	transition:all 0.2s ease !important;
}

.pinsavepinterest-pin-it-button.top-left{
	top:10px;
	left:10px;
}

figure.wp-block-gallery{
	margin:30px 0;
}

.grunion-field-wrap{
	margin-bottom:2rem;
}

.grunion-field-label{
	display:block;
	font-weight:bold;
	text-transform: capitalize;
	letter-spacing:1px;
	font-weight:bold;
}

.grunion-label-required{
	font-style:italic;
	font-weight:normal;
	letter-spacing:none;
	color:#666666;
}

.grunion-field{
    display: block;
    width: calc(100% - 2rem);
    padding: 0.75rem 1rem;
    border: 1px solid var(--site-text);
    background-color: var(--site-bg);
    margin-top: 0.5em;
    margin-bottom: 0;
  color: var(--site-text);
    font-size: 1em;
}

.grunion-field:focus{
	outline:2px solid var(--site-color-3);	
}

.wp-block-button__link{
   margin: 0 0 0 0;
    background-color: var(--site-text);
	border:none;
	border-radius:0 0 0 0;
    padding: 1em;
    width: calc(100%);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--site-bg);
    font-size: 14px;
    letter-spacing: 1px;
	transition:0.2s ease;
}

.post-password-form{
	text-align:center;
}

.post-password-form h3{
	color:var(--site-color-1);
}

.pass-image{
	width:100%;
	max-width:550px;
}

.post-password-form p:last-of-type{
display: flex; flex-direction: column; align-items: center;
}

.post-password-form label{
	margin-top:4em;
	font-weight:bold;
	color:var(--site-color-1);
	letter-spacing:1px;
	font-size:0.75em;
	text-transform:uppercase;
	display:block;
}

.post-password-form input{
    display: inline-block;
    width: calc(100% - 2rem);
	max-width:450px;
    padding: 0.75rem 1rem;
    border-radius: 100px;
    background-color: var(--site-bg);
	border:1px solid var(--site-text);
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  color: var(--site-text);
    font-size: 1em;
}

.post-password-form input:focus{
	outline:3px solid var(--site-color-3);
}

form.post-password-form button{
    border: none;
	border-radius:100px;
    padding: 1rem;
	width:calc(100% + 2px);
    max-width: calc(452px + 2rem);
    background-color: var(--site-color-2);
    font-size: 0.75rem;
	color:var(--site-color-1);
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
	transition:0.3s ease;
}

form.post-password-form button:hover{
	background-color:var(--site-color-3);
	color:var(--site-color-2);
}

.pass-prot-heading{
	font-family:"Fashion", sans-serif;
	font-weight:bold;
	font-size:3em;
}

h2.post-action-header, h2.comments-title{
	margin:30px 0;
	font-size:1.75em;
	font-family:"Raleway", sans-serif;	
	font-weight:normal;
}

h2.comments-title{
	margin:0 0 30px 0;
}

ul.comment-list{
	list-style-type:none;
	padding:0;
	margin:0 0 3em 0;
}

.comment-body{
	padding:1.5em 0;
}

.post-nav{
	margin-top:30px;
	display:flex;
	justify-content:space-between;
}

.next-last a{
	color:#666666;
	display:inline-block;
	height:100%;
}

.next-last a:hover .next-last-nav{
	color:var(--site-text);	
}

.next-last{
	width:30%;
}

.next-last.next-link{
	text-align:left;
}

.next-last.next-link a{
	border-left:1em solid var(--site-color-2);
	padding-left:1em;
}

.next-last.prev-link{
	text-align:right;
}

.next-last.prev-link a{
	padding-right:1em;
	border-right:1em solid var(--site-color-2);
}

.next-last-nav{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.15em;
	color:var(--site-color-3);
	letter-spacing:2px;
	transition: 0.3s ease;	
}

#related-posts-container{
	background-color:var(--site-bg);
	padding:5rem 10%;
}

.related-posts{
	display:flex;
	padding:0;
	margin:0;
	list-style-type:none;
	flex-wrap:wrap;
}

li.related-post{
	margin:0 1rem;
	width:calc(25% - 2rem);
	text-align:center;
}

.related-post-thumbnail{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	aspect-ratio: 3 / 4;
	box-shadow:0 0 10px rgba(0,0,0,0.25);
}

.related-post-thumbnail img{
	height:100%;
	width:100%;
	object-fit:cover;
}

p.related-post-categories:last-of-type{
	margin-top:1em;
	color:var(--site-color-3);
	font-family:"Bodoni Moda", serif;
	font-style:italic;
	font-size:1.2em;
}

h2.related-post-title{
	margin:0.5em 0 0 0;
	font-family:"Raleway", sans-serif;	
	font-size:1.35em;
	font-weight:normal;
	color:var(--site-text);
}

#comments-container{
	display:flex;
	margin:5rem 10%;
	justify-content:center;
}

.comment-awaiting-moderation{
	font-style:italic;
	color:#888888;
}

p.no-comments-yet{
	margin:30px 0 !important;
	font-size:1.2em;
	color:#666666;
}

.comment-header{
	display:flex;
}

img.avatar{
	width:70px;
	height:70px;
	border-radius:100%;
	margin-right:1.5em;
}

.comment-author{
	font-size:1.2em;
}

cite.comment-author-name{
	font-style:normal;
	font-weight:bold;
	color:var(--site-text);
}

cite.comment-author-name a{
	color:var(--site-color-3);
}

.comment-timestamp{
	color:#666666;
	font-size:1em;
}

.comment-edit-link{
	display:inline-block;
	margin-left:1em;
	text-align:center;
	width:2em;
	height:2em;
	line-height:2em;
	font-size:1em;
	background-color:#eeeeee;
	color:#888888;
	border-radius:100%;
}

.the-comment-text{
	padding:1.5em 0;
	font-size:1.2em;
}

.the-comment-text a{
	color:var(--site-color-3);
}

.comment-reply-link{
	display:inline-block;
	color:var(--site-color-1);
}

.children{
	list-style-type:none;
	padding-inline-start:5%;
}


.comments-area{
	width:100%;
	max-width:1000px;
}

h3#reply-title {
	font-family:"Raleway", sans-serif;	
	font-size:1.5em;
	font-weight:normal;
}

h3#reply-title a{
	font-weight:bold;
	color:var(--site-text);
}

#cancel-comment-reply-link{
	display:block;
	margin-top:0.5em;
	font-weight:normal !important;
	font-size:0.7em;
	color:var(--site-color-1) !important;
}

.comment-form{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.comment-notes{
	width:100%;
}

.required-field-message{
	display:block;
	color:#888888;
}

.comment-form-comment{
	width:100%;
}

.comment-form-comment textarea{
	width:calc(100% - 1em - 2px);
	height:10em;
	padding:0.5em;
	border:1.15px solid #eeeeee;
	font-size:1.2em;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

.comment-form-author, .comment-form-email, .comment-form-url{
	width:33%;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input{
	width:calc(100% - 1em - 2px);
	padding:0.5em;
	border:1px solid #eeeeee;
	font-size:1.15em;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

#respond label{
	display:block;
	margin-bottom:1em;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

#respond label.subscribe-label{
	display:inline-block;
}

#subscribe_blog{
margin: 0 5px 0 0; width: 1.5em; height: 1.5em; -webkit-appearance: checkbox;
}

.comment-form-cookies-consent{
	width:100%;
}

.comment-form-cookies-consent label{
	display:inline-block !important;
	margin-left:0.5em;
	font-size:0.7em;
	letter-spacing:normal !important;
	text-transform:none !important;
}

#respond .required{
	color:var(--site-color-1);
}

.logged-in-as{
	width:100%;
}

.logged-in-as a{
	color:var(--site-color-3);
	display:inline-block;
	margin-left:1em;
	font-style:italic;
}

.comment-form-comment textarea:focus, .comment-form-author input:focus, .comment-form-email input:focus, .comment-form-url input:focus{
	outline:5px solid var(--site-color-2);
}

.form-submit{
	width:100%;
}

.form-submit input.submit{
	padding:15px;
	border:none;
	background-color:var(--site-color-3);
	color:#ffffff;
	letter-spacing:1px;
	font-size:0.85em;
	font-weight:bold;
	text-transform:uppercase;
		transition: 0.3s ease;
}

.form-submit input.submit:hover{
	background-color:var(--site-color-6);
}

.comments-closed{
	margin-top:3em;
	color:#888888;
}

/*------ DOWNLOAD PAGE ------*/




/*---- SIDEBAR ----*/

#content-sb-open{
    position: fixed;
    top: 170px;
    right: 0px;
    border: none;
    width: 3.5em;
    height: 3.5em;
    background-color: var(--site-color-1);
    font-size: 18px;
    border-radius: 5px 0 0 5px;
    color: #ffffff;
    padding: 0 0 0 0;
    box-shadow: -1px 1px 10px rgba(0,0,0,0.25);
	transition:0.2s ease
}

#content-sb-open:hover{
	width:calc(3.5em + 15px);
	padding-right:15px;
	background-color:var(--site-color-3);
}

.content-sidebar{
	display:none;
	position:fixed;
	top:150px;
	right:0;
	height:calc(100vh - 150px);
	width:calc(25% - 4rem);
	max-width:500px;
	min-width:350px;
	border-left:1px solid #eeeeee;
	background-color:rgba(255,255,255,0.85);
	backdrop-filter:blur(5px);
	overflow-y:auto;
}

.content-sidebar-inner{
	padding:2rem;
	margin:0;
	list-style-type:none;
}

.sb-close-container{
	text-align:right;
	margin-bottom:20px;
}

.content-sb-btn {
    width: 100%;
    padding: 1em;
    margin: 0px;
    line-height: 30px;
    border: none;
    background-color: var(--site-color-2);
    font-weight: 800;
    text-align: left;
    border-radius: 5px;
}

.content-sb-btn .menu-btn-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--site-bg);
    font-size: 12px;
    color: var(--site-text);
    margin-right: 10px;
    border-radius: 5px;
    line-height: 30px !important;
	text-align:center;
}

.content-sidebar-inner h2{
    font-size: 1rem;
    letter-spacing: 1px;
    padding: 1em 0;
    border-top: 1px solid var(--site-text);
    border-bottom: 1px solid var(--site-text);
    margin-bottom: 15px;
    text-transform: uppercase;
	font-weight:normal;
	}

.bp-toc{
	list-style-type:none;
	padding:0 0 0 0;
	font-size:1em;
	margin:0 0 40px 0;
}

.bp-toc a{
	display:block;
	padding:10px 5px;
	color:var(--site-text);
	background-color:transparent;
	transition:0.2s ease;
}

.bp-toc a:hover{
	background-color:var(--site-color-2);
}

.bp-toc .toc-lvl-1{
	font-weight:bold;
}

.bp-toc .toc-lvl-2 a{
	padding-left:20px;
}

.bp-toc .toc-lvl-3 a{
	padding-left:35px;
	color:#666666;
}

.bp-toc .toc-lvl-4 a{
	padding-left:50px;
	color:#666666;
}

.bp-toc .toc-lvl-5 a{
	padding-left:65px;
	color:#888888;
}

.bp-toc .toc-lvl-3 a:hover, .bp-toc .toc-lvl-4 a:hover, .bp-toc .toc-lvl-3 a:hover{
	background-color:#eeeeee;
}

.content-sidebar-author {
    padding: 2em;
    text-align: center;
    border: 1px solid #eeeeee;
	background-color:rgba(255,255,255,0.65);
}

.content-sidebar-author img.avatar{
    width: 200px;
    height: 200px;
    border-radius: 5px;
    margin-right: 0;
	margin-bottom:1.5em;

}

.content-sidebar-author h2{
	font-size:15px;
	font-weight:bold;
	color:var(--site-color-3);
	font-family:"Raleway", sans-serif;
	letter-spacing:1px;
	padding:0;
	margin-bottom:1em;
	border:none;
}

.author-desc{
	padding:1em;
	border-radius:5px;
	background-color:var(--site-color-2);
}


/*---- BLOG Page ----*/

.recent-cat-title{
    font-weight: normal;
    font-style: italic;
    background-color: var(--site-color-1);
    padding: 0.5em;
    color: var(--site-bg);
	margin-bottom:10px;
}

.recent-in-posts{
	display:flex;
}

.recent-in-latest-post{
	display:flex;
	flex-direction:column;
	flex:1;
	width:calc(33% - 6%);
	margin:0 3%;
	text-align:center;
}


.recent-in-thumbnail{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	aspect-ratio: 1 / 1;
    outline: 1px solid #ffffff;
    outline-offset: -15px;
}

.recent-in-thumbnail img{
	height:100%;
	width:100%;
	object-fit:cover;
}

h3.recent-in-title{
	font-size:1.5em;
	margin:0.5em 0;
	font-weight:normal;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

.recent-in-date-posted{
	margin-top:auto;
	color:var(--site-color-3);
	font-weight:bold;
}

#email-signup-container{
	background-size:cover;
	background-attachment:fixed;
	background-image:url('https://stridefully.com/wp-content/uploads/2024/05/Untitled-3.jpg');
}

.email-signup-inner{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:6rem 20% 6rem 20%;
background-color:rgba(255, 255, 255, 0.35)
	flex:1;
}

.email-signup-right {
    padding: 2.5em;
    background-color: rgba(255, 255, 255, 0.3);
    flex: 1 1 0%;
    box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    backdrop-filter: blur(10px);
    outline: 5px solid var(--site-text);
    outline-offset: 1em;
}

h2.email-signup-header {
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

	.hp-email-signup-area{
		margin-top:3rem;
	}

#email-signup-container .mc-field-group{
    margin-right: 0.5rem;
    width: calc(100%);
}

#email-signup-container .hp-email-signup-area input{
	margin-bottom:0;
}

.archive-page-header{
	padding:10em 10% 10em 10%;
	background-color:var(--site-color-2);
	background-image:url('https://images.unsplash.com/photo-1636485042715-f0e844b82338?q=80&w=2347&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
	background-size:cover;
	background-position:center;
}

.archive-page-header.archive-date-header{
	padding:3em 10%;
	text-align:center;
}


.archive-vcf{
	margin-bottom:1em;
	font-size:0.25em;
	text-transform:lowercase;
	display:block;
	font-style:italic;
	font-family:"Bodoni Moda";
	color:var(--site-text);
	text-shadow:none;
	font-weight:normal;
	letter-spacing:1px;
}	

.archive-page-title {
    margin: 0px;
    text-align: center;
    font-size: 5em;
    font-weight: bold;
    letter-spacing: 2px;
    color: var(--site-bg);
    line-height: 1.75;
    font-family: Raleway;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.archive-page-description {
    padding: 1em;
    font-size: 1.25em;
    background-color: rgba(255,255,255,0.5);
	border:1px solid var(--site-text);
    margin-top: 1em !important;
    backdrop-filter: blur(5px);
	font-family:'Bodoni Moda'
}

.archived-post{
	display:flex;
	flex-direction:column;
	width:calc(25% - 4rem);
	margin:2rem;
	text-align:center;
}

.dlm-pa-download-gridview-pre {
    gap: 2em;
    margin-bottom: 4em;
    padding: 2em;
    background-color: var(--site-color-2);
	position:relative;
}

.dlm-pa-download-gridview-pre input{
    margin: 0;
    padding: 0 20px 0 20px;
    border-radius: 0px;
    height: 40px;
    border: 1px solid var(--site-text);
    line-height: 40px;
    background-color: #ffffff;
    letter-spacing: 1px;
    font-style: normal;
    font-family: "Raleway", sans-serif;
    color: var(--site-text);
}


.dlm-pa-download-gridview-pre input::placeholder{
 	font-style: italic;
	color:var(--site-text);
}

.dlm-pa-download-gridview-pre input:focus{
	outline:none;
	box-shadow:5px 5px 15px rgba(0,0,0,0.25);
}

.dlm-pa-download-gridview-pre select{
    appearance: none;
    font-family: 'Raleway';
    padding: 0 20px;
    background-color: #ffffff;
    border: 1px solid var(--site-text);
    border-radius: 0;
    color: #2e2e2e;
    cursor: pointer;
    line-height: 40px;
}

.dlm-pa-download-gridview-pre select:focus{
	outline:none;
	box-shadow:5px 5px 15px rgba(0,0,0,0.25);
}

.dlm-pa-gridview-item{
    border-radius: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    overflow: visible;
	background-color:transparent !important;
}	

img.dlm-pa-gridview-featured-image {
    object-fit: contain;
    height: auto;
    -o-object-fit: contain;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
    background-color: transparent !important;
    outline: 1px solid #ffffff;
    outline-offset: -0.5em;
}

div.dlm-pa-gridview-button-wrap > div > div > a {
display:block;
padding:.75em 1em;
	text-align:center;
	text-decoration:none;border: 
		text-transform:uppercase;
	letter-spacing:1px;
		1px solid var(--site-text) !important;
	font-family:'Raleway' !important;
	font-size:15px;
	color:var(--site-text) !important;
	background:transparent !important;
	font-weight:bold;
}

.dlm-pa-gridview-item-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.dlm-pa-gridview-button-wrap{
	margin-top:auto;
}

.dlm-pa-gridview-file-info {
    font-size: 0.85em;
    text-transform: uppercase;
    color: var(--site-color-2);
    background-color: #2e2e2e;
    border-radius: 5px;
    margin: 20px 0 10px 0;
    padding: 0.5em;

}

.dlm-pa-gridview-title h3{
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-size: 1.25em !important;
}

.dlm-pa-files-listing-app{
	margin-bottom:0;
	margin-block-end:0;
}

.dlm-pa-pagination-controls {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: space-between;
    margin-top: 4em;
}

.dlm-pa-pagination-controls button{
	display:inline-block;
	width:150px;
	padding:10px;
	border:none;
	background-color:var(--site-color-1);
	color:#ffffff;
	transition:0.2s ease;
}

.dlm-pa-pagination-controls button:hover{
	background-color:var(--site-color-3);
}

.dlm-pa-pagination-controls button:disabled{
	background-color:#eeeeee;
	color:#888888;
	font-style:italic;
}

.freebie-page-roll{
	width:100%;
}

.blog-page-roll .single-post-content ul li:before, .freebie-page-roll .single-post-content ul li:before{
	display:none;
}

.blog-page-roll .wp-block-post, .freebie-page-roll .wp-block-post{
	margin:0;
}

.blog-page-roll ul.wp-block-post-template, .freebie-page-roll ul.wp-block-post-template{
	padding-inline-start:0;
}

.blog-page-roll .wp-container-core-post-template-is-layout-17361a50{
	column-gap:5em;
	row-gap:5em;
}

.blog-page-roll :where(.wp-block-columns){
	margin-bottom:0;
}

.archived-thumbnail{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.archived-thumbnail img{
	height:100%;
	width:100%;
	object-fit:cover;
}

p.archived-categories:first-of-type, .blog-page-roll .taxonomy-category{
	margin-top:1em;
	font-size:1em;
	color:var(--site-color-3);
	font-family:"Bodoni Moda", serif;
	font-style:italic;
}

.blog-page-roll :where(figure){
	margin:0;
	aspect-ratio: 3 / 4;
}

.freebie-page-roll :where(figure){
	margin:0;
	aspect-ratio: 1 / 1;
}

.blog-page-roll .wp-block-post-featured-image :where(img), .freebie-page-roll .wp-block-post-featured-image :where(img){
	height:100%;
}

.blog-page-roll .taxonomy-category{
	margin-top:0;
}

.blog-page-roll .taxonomy-category a{
	color:var(--site-color-3);
}

.freebie-page-roll .taxonomy-dlm_download_category.wp-block-post-terms{
    background-color: var(--site-color-2);
    font-style: italic;
    padding: 10px;
    font-family: "Bodoni Moda";
    color: var(--site-color-3);
    margin-bottom: 0.5em;
}

.freebie-page-roll .wp-block-post-terms a{
	color:var(--site-color-3);
}

.blog-page-roll .taxonomy-post_tag{
	margin-top:2em;
	color:var(--site-color-3);
}

h2.archived-title, h2.wp-block-post-title{
	font-size:1.5em;
	margin:0.5em 0;
	font-weight:normal;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

.freebie-page-roll h2.wp-block-post-title{
	font-size:1.5em;
	margin:1.5em 0;
	font-weight:normal;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

.dlm-xhr-error{
    margin-top: 0.5em;
    display: block;
    font-size: 0.75em;
    color: var(--site-color-1);
}

h2.wp-block-post-title a{
	color:var(--site-text);
}

.blog-page-roll .wp-block-post-date{
	margin-top:0.5em;
	color:#666666;
}

.archive-date-posted{
	color:#666666;
}

.searched-post{
	display:flex;
	flex:1;
	width:100%;
	margin:0 0 3em 0;
	text-align:center;
}

.searched-post:last-of-type{
	margin: 0 0 0 0;
}


.searched-post-info{
	width:calc(100%);
	border-left:1em solid var(--site-color-2);
	padding-left:2em;
	text-align:left;
}

.searched-post-categories{
	color:var(--site-color-2);
	font-size:1.15em;
	font-style:italic; 
}

.searched-post-categories a{
	color:var(--site-color-1);
	transition:0.2s ease;
}

.searched-post-categories a:hover{
	color: var(--site-color-3);
	border-bottom:1px solid var(--site-color-3);
}

h2.searched-post-title{
	font-size:1.75em;
	margin:0 0 0.5em 0;
	font-weight:normal;
	font-family:"Raleway", sans-serif;	
	color:var(--site-text);
}

h2.searched-post-title a{
	color:var(--site-color-3);
}

h2.searched-post-title a:hover{
	border-bottom:1px solid var(--site-color-3);
}

p.searched-post-excerpt{
	font-size:1.15em;
	margin-bottom:1em;
}

.archive-page-header{
	padding:10em 10% 10em 10%;
	background-color:var(--site-color-2);
	background-image:url('https://stridefully.com/wp-content/uploads/2025/05/photo-1636485042715-f0e844b82338.jpeg');
	background-size:cover;
	background-position:center;
}

.error-page-header{
    padding: 5em;
    text-align: center;
    background-color: var(--site-color-2);
    background-image: url('https://stridefully.com/wp-content/uploads/2025/05/ratih-mandalawangi-JwRf1G0dC_E-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

}

.error-page-title{
    margin: 0 0 0 0;
    text-align: center;
    font-size: 15em;
    font-weight: bold;
    letter-spacing: 3px;
    color: var(--site-color-2);
    font-family: "Raleway", sans-serif;
    text-shadow: 0px 0px 5px var(--site-color-3);

}

.error-content{
	text-align:center;
	margin:0;
    padding: 7em;
    background-color: var(--site-color-2);
}

p.error-page-message{
	font-size:1.5em;
}

p.error-page-message a{
	color:var(--site-color-3);
}

p.error-page-message a:hover{
	border-bottom:1px solid var(--site-color-3);
}


#error-recent-in-posts{
	padding:5em;
	justify-content:space-between;
}

.navigation.pagination, .wp-block-query-pagination.aligncenter{
	margin-top:3em;
    padding: 1em 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.blog-page-roll .wp-block-query-pagination-numbers{
	margin:0 auto !important;
}

.navigation.pagination .nav-links{
	display:flex;
	justify-content:center;
}

.navigation.pagination .page-numbers, .blog-page-roll .page-numbers{
	min-width:45px;
	min-height:45px;
	line-height:45px;
	background-color:#eeeeee;
	color:#888888;
	font-size:0.9em;
	text-align:center;
	display:inline-block;
	margin-left:0.5em;
	transition:0.2s ease;
}

.navigation.pagination a.page-numbers:hover, .blog-page-roll a.page-numbers:hover{
	color:var(--site-text);
}

.nav-links .page-numbers:first-child, .wp-block-query-pagination .page-numbers:first-child{
	margin-left:0;
}

.navigation.pagination .page-numbers.dots, .blog-page-roll .page-numbers.dots{
	background-color:transparent;
	color:#eeeeee;
}

.navigation.pagination .page-numbers.current, .blog-page-roll .page-numbers.current{
	background-color:var(--site-color-1);
	color:#ffffff;
}

.navigation.pagination .next.page-numbers, .blog-page-roll .wp-block-query-pagination-next{
	background-color:transparent;
	color:#666666;
	font-size:1.2em;
	min-width:fit-content;
	transition:0.2s ease;
	display:inline-block;
	font-weight:bold;
}

.navigation.pagination .prev.page-numbers, .blog-page-roll .wp-block-query-pagination-previous{
	background-color:transparent;
	color:#666666;
	font-size:1.2em;
	min-width:fit-content;
	transition:0.2s ease;
	display:inline-block;
	font-weight:bold;
}

.navigation.pagination .next.page-numbers:hover, .navigation.pagination .prev.page-numbers:hover, .blog-page-roll .next.page-numbers:hover, .blog-page-roll .prev.page-numbers:hover{
	color:var(--site-color-3);
}	

/*---- Footer Stylings ----*/

	footer{
		text-align:right;
}

	.footer-email-signup{
		padding:2rem 5rem;
		background-color:var(--site-color-2);
		display:flex;
		justify-content:center;
}

.footer-email-signup-area{
	margin:0 5rem;
	width:20%;
	min-width:400px;
}

.footer-email-signup-area label, .hp-email-signup-area label{
    display: block;
    text-align: left;
    font-weight: bold;

}

.footer-email-signup-area span.asterisk, .hp-email-signup-area span.asterisk{
	font-weight:normal;
	font-style:italic;
}

.footer-email-signup-area input, .hp-email-signup-area input{
    display: block;
    width: calc(100% - 2rem - 2px);
    padding: 0.75rem 1rem;
    border: 1px solid var(--site-text);
    background-color: var(--site-bg);
    margin-top: 0.5em;
    margin-bottom: 1.25em;
    font-size: 1em;
}

.footer-email-signup-area input:focus, .hp-email-signup-area input:focus{
	outline:none;
	box-shadow:5px 5px 15px rgba(0,0,0,0.25);
}

.footer-email-signup-area input.button, .hp-email-signup-area input.button{
    margin: 0 0 0 0;
    background-color: var(--site-color-3);
    padding: 1em 2em;
    width: calc(100%);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--site-color-2);
    font-size: 14px;
    letter-spacing: 1px;
	transition:0.2s ease;
	border:none;
}

.footer-email-signup-area input.button:hover, .hp-email-signup-area input.button:hover{
	background-color:var(--site-text);
}

	.footer-email-blurb{
		width:calc(25%);
		text-align:left;
}

	.footer-email-deco{
		max-width:200px;
		vertical-align: middle;
	}

	.footer-inner{
		padding:2rem 5rem;
		display:flex;
		justify-content:center;
}
	
	footer h2.footer-header{
		margin:0;
		font-weight:normal;
	}
	
	span.footer-header-line-1{
		display:block;
		font-family:"Raleway", sans-serif;	
		text-transform:lowercase;
		font-weight:normal;
		font-style:italic;
		letter-spacing:1px;
		color:var(--site-color-1);
		transition: 0.3s ease;
		font-size:14px;
		margin-bottom:5px;
	}
	
	span.footer-header-line-2{
		display:block;
		font-family:"Fashion", sans-serif;
		text-transform:none;
		font-weight:800;
		letter-spacing:1px;
		color:var(--site-text);
		transition: 0.3s ease;
		font-size:40px;
	}
	
	.footer-left-section{
		margin-right:calc(5%);
		padding:2rem;
		text-align:center;
	}
	
	img#footer-deco-1{
		display:inline-block;
		max-width:200px;
		vertical-align: middle;
		margin:0 0 2em 0;
	}		
	
	footer ul.tkl-social-links{
	margin:1.5rem 0;
}

	a.bottom-footer-social{
		display:inline-block;		
		margin:0 10px 0 10px;	
		font-size:15px;
		text-align:center;	
		color:var(--site-text);
		transition: 0.2s ease;
	}
	
	a.bottom-footer-social:hover{
		color:var(--site-color-1);
	}

	img#footer-brand-logo{
		display:inline-block;
		max-width:220px;
		vertical-align: middle;
		margin:0.5em 0 0 0;
}
	
	.footer-middle-section{
		padding:2rem;
	}
	
	img#footer-deco-2{
		display:inline-block;
		vertical-align:text-top;
		max-width:220px;
	}

	.footer-nav{
		display:inline-block;
		vertical-align:text-top;
		margin:0 0 0 100px;	
	}

#footer-copyright{
    text-align: center;
    padding: 1em 5em;
    background-color: var(--site-color-2);
    color: #2e2e2e;
    font-weight: bold;
    font-size: 14px;

}

	ul#menu-footer-menu, ul#menu-main-categories{
		list-style-type:none;
		margin:0;
		padding:0;
	}

	ul#menu-footer-menu li a, ul#menu-main-categories li a{
		font-size:14px;
		font-weight:bold;
		color:var(--site-text);
		transition: 0.3s ease;
	}

	ul#menu-footer-menu li a:hover, ul#menu-main-categories li a:hover{
		color:var(--site-color-3);
	}

	ul#menu-footer-menu li, ul#menu-main-categories li{
		text-align:left;
		margin-bottom:10px;
	}

	ul#menu-footer-menu li:last-of-type, ul#menu-main-categories li:last-of-type{
		margin-bottom:0px;
	}

/*---- Responsive Elements ----*/

@media only screen and (max-width:1680px) {
 
.header-search{
	margin-left:0;
	margin-right:0;
}	
	
.site-title{
	margin-right:0;
	}	
	
	#homepage-welcome-container-inner{
		padding:7em 5%;
	}
	
	
	#major-links-area{
	padding:2rem 5% 2rem 5%;
	}
	
#homepage-main-topic-blurbs{
	padding:5rem 5%;	
}
	
.blurb-header-line-2{
	font-size:2rem;		
}
		
}




@media only screen and (max-width:1180px) {
	
	header{
		padding:0 1rem 0 2rem;
	}
		
	.mobile-menu-btn{
		display:block;
	}
	
	#main-navigation{
		display:block;
	}
	
	ul#menu-main-navigation{
		border-bottom:1px solid #eeeeee;
	}
	
	ul#menu-main-navigation li{
		display:block;
		margin-right:0;
		text-align:left;
		border-bottom:1px solid #eeeeee;
	}	
	
	ul#menu-main-navigation li:last-of-type{
		border-bottom:none;
	}
	
	ul#menu-main-navigation li .main-nav-link{
		display:block;
		padding:1rem;
	}
	
	.main-dropdown-menu{
    	position: relative;
    	padding-top: 0;
    	width: 100%;
    	z-index:2;
}	
	
	.main-dropdown-menu ul{
		background-color:#ffffff;
		box-shadow:none;
	}
	
	#menu-post-category-menu li:first-of-type{
		border-top:1px solid #eeeeee;
	}
	
	li.main-nav-dropdown:hover .main-dropdown-menu{
		display:none;
}
	
	#menu-post-category-menu a{
		padding:0.5rem 1rem;
	}
	
	#menu-post-category-menu a:hover{
		background-color:#eeeeee;
	}
	
	#menu-post-category-menu .menu-item-has-children a, #menu-post-category-menu .menu-item-has-childrea a:hover{
		background-color:#eeeeee;
		border-bottom:none;
	}
	
	.sub-menu{
    	position: relative;
		display:block;
    	width: 100%;
		border-left:1em solid #eeeeee;
    	left: 0;
	}
	
	#menu-post-category-menu .menu-item-has-children .sub-menu li a{
		background-color:#ffffff;
	}
	
	.menu-item-has-children a::after{
	content:'\f078';
	}
	
	.header-search{
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 2rem;
        width: calc(100% - 2rem);  
    }
	
	
	.header-search label.fa.fa-search{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    font-size: 12px;
	}
	
	input.header-search-field{
		padding:0 15px 0 15px;
		border-radius:5px;
		width:calc(100% - 70px - 5px);
		height:40px;
		line-height:40px;
		background-color:#eeeeee;	
		letter-spacing:1px;
	}
	

	
	#homepage-more-info{
		flex-wrap:wrap;
	}
	
.hp-more-info-left{
    width: calc(45% - 3rem);
	margin-bottom:3rem;
}
	
	.hp-more-info-middle{
		width:calc(55% - 2rem);
		margin:0 0 4rem 0;
	}
	
	.hp-more-info-right{
		width:calc(100%);
		padding:0 0 0 0;
		border-left:none;
	}
	
#major-links-area{
	flex-wrap:wrap;
}	
	
.major-link{
    flex:1 0 calc(50% - 6rem);
}
	
	#main-categories-icons{
		flex-wrap:wrap;
	}
	
	.m-cat-link{
		flex:1 0 30%;
	}
	
	.m-cat-link:nth-child(n + 4), .m-cat-link:nth-child(n + 5), .m-cat-link:nth-child(n + 6){
		margin-top:3rem;
	}
	
	.footer-inner{
		padding:1rem 0;
	}
	
	.footer-left-section{
		margin-right:0;
	}
	
	.footer-nav{
		margin:0 0 0 50px;
	}
	
	.hp-latest-post{
	width:calc(50% - 2rem);	
}

.footer-email-blurb{
	width:calc(40%);	
}
	
.hp-latest-post:nth-child(n + 3), .hp-latest-post:nth-child(n + 4){
	margin-top:4rem;
	}
	
.footer-inner{
	padding:1rem 1.5rem;
}	
	
.archived-post{
		width:calc(50% - 4rem);
}	
	
	#related-posts-container{
		padding:2rem 5%;
	}	
	
#error-recent-in-posts{
	padding:2em;
	justify-content:space-between;
}

}


@media only screen and (max-width:1050px) {
	
#homepage-welcome-container-inner{
	flex-direction:column;
	padding:5rem;
	}	
	

#homepage-welcome-container h1.welcome-header{
    font-size: 3rem;
}

	
	#homepage-welcome-container .welcome-description{
	font-size:1.25rem;
	}
	
	#homepage-about-container{
		flex-wrap:wrap;
	}
	
	.homepage-about-left{
		max-width:100%;
	}
	
	.homepage-about-right{
		margin-left:auto;
		margin-top:3rem;
		width:70%;
		box-shadow:-15px 15px var(--site-color-1);
	}
	
	.homepage-about-right img{
		vertical-align:bottom;
	}
	

.hp-more-info-left{
	margin-right:0;
    width: calc(65%);
	margin-bottom:4rem;
}
	
.hp-more-image-1{
    box-shadow: 15px 15px var(--site-color-1);
}
	
	.hp-more-info-middle{
		width:calc(100%);
		margin:0 0 4rem 0;
	}	
	
	#homepage-main-topic-blurbs{
		flex-direction:column;
	}
	
	.topic-blurb{
		flex-direction:column;
		margin:0 0 5rem 0;
		width:100%;
	}
	
	.topic-blurb:last-of-type{
		margin:0 0 0 0;
	}
	
	li.related-post{
    	width: calc(50% - 2rem);
	}
	
	li.related-post:nth-child(n + 3), li.related-post:nth-child(n + 4){
		margin-top:3rem;
	}

.related-post-thumbnail{
	aspect-ratio: 1 / 1;
}
	
	
.recent-in-posts{
    flex-direction: column;
}

.recent-in-latest-post{
    flex: 1 0 100%;
	margin:0 0 3em 0;
	width:100%;
}
	
	.recent-in-latest-post:last-of-type{
		margin-bottom:0;
	}
	
	.recent-in-thumbnail{
		aspect-ratio: 4 / 3;
	}	

.email-signup-inner{
	padding:4em;
}

	
.email-signup-right{
	padding:3em;
	border:none;
}
	
	.email-signup-right #mc_embed_signup_scroll{
		display:block !important;
	}
	
	#email-signup-container .mc-field-group{
		margin:0 0 1.75em 0;
	}
	
h2.email-signup-header{
    font-size: 2.5em;
}
	

	
	.footer-email-signup{
		flex-direction:column;
		align-items:center;
	}
	
	.footer-email-signup-area{
		margin:3em 0;
		width:100%;
		min-width:100%;
	}
	
	.footer-email-blurb{
		width:calc(100%);	
	}
	
	.footer-inner{
		flex-wrap:wrap;
	}
	
	.footer-left-section{
		border-bottom:1px solid #eeeeee;
		display:flex;
		align-items:center;
		justify-content:space-evenly;
		width:100%;
		padding:2rem 0;
	}
	
	.footer-middle-section{
		padding:2rem 0;
	}
	
	img#footer-left-section, img#footer-brand-logo{
		margin: 0 0 0 0;
	}
	
	
.pop-slide-contents{
	aspect-ratio: 3 / 5;
}
	
}

@media (max-width: 768px) {
    .dlm-gridview-columns-mobile-1 {
        width: calc((100% - var(--dlm-gap, 20px)) /2);
    }
}	


@media only screen and (max-width:740px) {

    .dlm-gridview-columns-mobile-1 {
		width: 100%;
	}
	
	header{
		height:100px;
	}
	
	a.site-title{
		font-size:2.5rem;
	}

	#homepage-welcome-container-inner{
		padding:3rem;
	}
	
	.homepage-welcome-right{
		padding:2rem;
	}
	
	a.welcome-cta{
		display:block;
		border-radius:0px;
	}
	
	#homepage-welcome-container h1.welcome-header{
		font-size:2.25em;
	}
	
	
	#homepage-about-container{
		padding:2rem 0 2rem 0;
	}
	
	
	.email-signup-inner{
		padding:3rem;
	}
	
	.email-signup-right{
		padding:2rem;
	}
	
	h2.email-signup-header{
		font-size:1.75em;
	}
	
	.homepage-about-right{
        margin-top: 1rem;
        margin-right: 2rem;
        width: 60%;
        box-shadow: -10px 10px var(--site-color-1);  
		outline-offset:-1rem;
    }
	
	a.homepage-about-cta{
		margin-bottom:2rem;
		display:block;
	}
	
.hp-more-image-1{
    box-shadow: 10px 10px var(--site-color-1);
    outline: 1px solid #ffffff;
    outline-offset: -1rem;

}
	
	.hp-head-line-2{
		font-size:1.15em;
	}
	
	.major-link{
        flex: 1 0 calc(100% - 4rem);
        margin: 1rem 0;  
    	}

	.main-categories-icons{
		padding:2rem 5%;
	}	
	
	.m-cat-link{
		flex:1 0 50%;
	}
	
.m-cat-link:nth-child(n + 3), .m-cat-link:nth-child(n + 4), .m-cat-link:nth-child(n + 5), .m-cat-link:nth-child(n + 6){
		margin-top:3rem;
	}

	
.cat-sec-title-line-1{
    font-size: 0.75em;
    font-style: italic;
    margin-bottom: 0.25em;
}

.cat-sec-title-line-2{
    font-size: 1.5em;
}
	
	#homepage-posts-container{
		padding:1.5rem 5%;
	}	
	
	.hp-latest-post{
		width:calc(100%);
		margin:0;
	}

.hp-latest-post:nth-child(n+2){
	margin-top:4rem;	
}
	
	.hp-post-thumbnail{
		aspect-ratio: 1 / 1;
	}
	
	.footer-email-signup{
		text-align:center;
		padding:2rem 2rem;
	}	

	.footer-inner{
		padding:2rem 2rem;
	}	
	
	.footer-left-section{
		flex-direction:column;
	}	
	
	.footer-middle-section{
		padding:2rem 1rem;
	}
	
	img#footer-deco-2{
		display:block;
		max-width:100%;
	}
	
	.footer-nav{
		width:100%;
		margin:4rem 0 0 0 ;
	}
	
	#footer-copyright{
		text-align:center;
		padding:1em 2em;
	}
	
	#main-content-container{
		margin:1.5em 5% !important;
	}	
	
	.archive-page-title{
		font-size:1.5em;
	}
	
.wp-block-heading{
	scroll-margin-top:140px;
}
	
	.archived-post{
		width:100%;
		margin:0 0 4rem 0;
	}
	
	.archived-post:last-of-type{
		margin:0 0 0 0;
	}
	
	p.single-post-categories:first-of-type{
		font-size:0.8em;
	}

	h1.single-page-title{
		font-size:2rem;
	}
	
	.single-post-excerpt{
		border-left:0.5em solid var(--site-color-2);
	}

	.next-last{
		width:50%;
		font-size:0.75em;
	}
	
	.next-last-nav{
		font-size:1em;
	}
	
	li.related-post{
    	width: calc(100%);
		margin:0 0 3rem 0 !important;
	}
	
	li.related-post:last-of-type{
		margin-bottom:0 !important;
	}

.related-post-thumbnail{
	aspect-ratio: 4 / 3;
}
	
#content-sb-open{
    top: 140px;
}
	
.content-sidebar{
	top:120px;
	height:calc(100vh - 120px);
}
	
	.error-page-header{
		padding:1em 0;
	}	
	
	.error-page-title{
		font-size:10em;
	}
	
	.error-content{
		padding:3em;
	}
	
	p.error-page-message{
		font-size:1.5em;
	}
	
	h1.single-page-title-b{
		font-size:3rem;
	}
	
	.pop-slide-title{
		font-size:2.5rem;
	}
	
	.pop-slide-desc{
		font-size:1em;
	}
	
}
	
/*---- Basics ----*/
	
	:root{
		--site-color-1: #DCA6A7;
		--site-color-2: #F2DDDD;
		--site-color-3: #ad666f;
		--site-color-4: #efdfd7;
		--site-color-5: #CFBCB3;
		--site-color-6: #897A73;
		--site-text: #2e2e2e;
		--site-bg: #fffdfa;
	}

	h1, h2, h3, h4, h5, h6{
		margin: 0px 0px 20px 0px;
		font-family:"Bodoni Moda", serif;
	}
	
	a{
		text-decoration:none;
	}
	
	p{
		margin:0 0 1em 0;
		line-height:1.5
	}
	
	p:last-of-type{
		margin:0;
	}
	
	img{
		max-width:100%;
		margin:0;
		padding:0;
	}
	
	body{
		margin:0;
		background-color:#ffffff;
		font-family:"Raleway", sans-serif;	
		color:var(--site-text);
	}

html {
  scroll-behavior: smooth;
}