/* Dylan's css */

/* .container {
	background-color: #4d685c;
}
#main-wrapper {
	background-color: #dbcfbc;
}

.primary-navbar__wrapper {
	background-color: #4d685c;
} */
 
/* .breadcrumbs a {
	
	color: white;
}

.breadcrumbs {
	color: white;
} */

/* General post body css */
/* .post-content-single {
	color: black;
	background-color: #dbcfbc;
	border-color: black;
} */
/* 
#content {
	background-color: #d6c8b4;
	border-color: black;
	border-width: 10;
	
	
} */

/* does same as above 
.article-container {
	background-color: #d6c8b4;
	border-color: black;
	border-width: 10;
}*/

/* Post width was getting too big */
.container {
	max-width: 1140px !important;
}

/* Inner post border color. Something to do with the caption */
.post-item {
	border-color: black;
}

/* HTML5 video container */
.dylan-html5-video {
	padding: 10px;
	background-color: #eeeeee;
	display: inline-block;
}

/* HTML5 video container hacking the spacing */
.dylan-html5-video p {
	margin-top: -12px;
}

/* Hacking the default image container to look better */
.wp-caption {
	background-color: #eeeeee;
	padding: 10px;
}

/* My caption broke, will this fix?
figcaption {
	font-size: 16px;
}
*/

/* Hacking the caption to look better */
.wp-caption-text {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 18px;
}

/* Hacking the images to be all left aligned instead of center aligned (which seems to be the default) */
.wp-block-image {
	text-align: left;
}

/* Access each widget on right sidebar */
/* .widget.widget {
	border-color: black;
	border-width: 5;
	background-color: #dbcfbc;

} */

/* Fixing the subscirbe CSS */
#bike-email-sub-input {
	border-color: #777777;
}
div#right.widget-area #bike-email-sub-input {
	text-align: right;
	width: 100%;
}

/* Fixing form input for subscribe e-mail address within the official subscribe page*/
div.mc4wp-form-fields #bike-email-sub-input {
	width: 100%;
}

/* For centering in the top bar subscribe */
div.ig_message #bike-email-sub-input {
/* 	margin: auto; */
/* 	display: inline; */

/* 	display:inline-block; */
/* 	flex-direction: row; */
/* 	justify-content: center; */
/* 	align-items: center; */
/* 	align-content: center; */
/* 	text-align: center; */
/* 	float: none; */
	text-align: center;
	width: 100%;
}

/* link colors */
a {
	color: #77235d;
}

/* Fix Table Border CSS */
/* Later can choose more specific CSS selectors
 * Like so: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity */
table tr td {
	color: #000000 !important;
	padding: 10px !important;
	border-color: #d6c8b4 !important;
}

.bikeshare-compare-table {
	border-color: #d6c8b4 !important;
}

@media only screen and (max-width: 1000px) {
	.bikeshare-compare-table {
		display: none;
	}
}

@media only screen and (min-width: 1001px) {
	#mobile-bikeshare-compare {
		display: none;
	}
}

/* Reduce size of Title since it decided to get large all of a sudden. Maybe it will be fixed later https://wordpress.org/support/topic/font-size-of-my-entire-website-suddenly-changed-2/*/
.navbar-brand span {
	font-size: 30px;
}

/*
 * CSS for Elementor Elements to prevent the iPad sizes from getting squished
 */
@media only screen and (max-width: 992px) {
.eael-col-1 .eael-post-grid-column
	{
		width: 100% !important;
	}
}

/* Since Wordpress blocks have a ridiculous amount of space between them, manually move the margin of bullet points & numbered lists up so that it feels more connected to the title or paragraph above it. Hopefully this works for all pages, may have some unique cases. 

The div>ul syntax chooses just the first ul tag in the HTML so that none of the decendent tags are changed either. because a bunch of bullet points still looks fine */
div>ul, div>ol {
	margin-top: -20px;
}

/* Make right sidebar sticky for ad visibility 
@media only screen and (min-width: 768px) {
	.tc-sidebar
	{
		position: sticky;
		top: calc(100vh - 100%);
		z-index: 99;
		height: 100%;
	}
}*/