/*
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.

If you need any further help, ask in the CSS Customization forum.
*/
/* turns on/off fade effect throughout site
.site * {
    transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
}

.site a {
	transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
}
*/
.header-image img,
.entry-content img,
.comment-content img,
.widget img,
.entry-thumbnail img,
.header-image img:hover {
	opacity: 1;
}

div #secondary {
	opacity: 1;
}

.content {
	padding: 0 0 0 75px;
/* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	position: relative;
/* So the thumbnail is relative to this */
}

.content img {
	left: 0;
	position: absolute;
	top: 0;
}

/* to remove double border around images */
.entry-content img,
.comment-content img,
.widget img,
.entry-thumbnail img {
	border: 0;
	max-width: 100%;
/* Fluid images for posts, comments, and widgets */
}

/* to underline all links when hovering over them (except for main-navigation) */
a:hover {
	text-decoration: underline;
}

.main-navigation a:hover {
	text-decoration: none;
}

.wp-caption-text {
	text-align: left;
}

td {
	vertical-align: middle;
}

/* code to put search bar at top right, but not using because I couldn't get it to the very top right, only the top right of the picture on the page
#searchform {
	background: none;
	min-height: 20px;
	position: absolute;
	right: 30px;
	top: 25px;
}
*/
/*Move sidebar left*/
@media screen and (min-width: 37.563em) {
	body {
		background: #f9f9f0;
	}
	
	.site {
		background: transparent;
	}
	
	.site-main {
		border: 1px solid rgba(0,0,0,0.1);
	}
	
	.site-main:after {
		clear: both;
		content: "";
		display: block;
	}
	
	.header-image {
		margin: -1.5em -1.5em 1.5em;
		text-align: center;
	}
	
	.header-image img {
		display: block;
		border: none;
	}
	
	#primary {
		float: right;
		margin: 0 -28% 0 0;
		width: 100%;
	}
	
	#content {
		margin: 0 29.5% 0 0;
	}
	
	#secondary {
	/* Sidebar 1 */
		float: left;
		overflow: hidden;
		width: 25%;
	}
	
	.hentry {
		margin-bottom: 3.5em;
	}
	
	.widget-area,
												.entry-meta,
												.format-quote .entry-title,
												.format-quote .entry-title a,
												.format-aside .entry-title,
												.format-aside .entry-title a {
		opacity: .6;
	}
	
	.header-image img,
												.entry-content img,
												.comment-content img,
												.widget img,
												.entry-thumbnail img {
		opacity: .9;
	}
	
	.widget {
		margin-bottom: 2.5em;
	}
	
	.comments-area,
												#respond {
		opacity: .8;
	}
	
	.format-quote .entry-meta,
												.format-aside .entry-meta {
		opacity: .4;
	}
	
	.entry-meta:hover,
												.widget-area:hover,
												.comments-area:hover,
												#respond:hover,
												.format-quote .entry-title:hover,
												.format-quote .entry-title a:hover,
												.format-aside .entry-title hover,
												.format-aside .entry-title a:hover,
												.header-image img:hover,
												.entry-content img:hover,
												.comment-content img:hover,
												.widget img:hover,
												.entry-thumbnail img:hover {
		opacity: 1;
	}
	
	.site-footer {
		clear: both;
		width: 100%;
	}
	
	/* Alignment */
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.entry-thumbnail {
		margin: 0 0 1.5em;
	}
}

.rsslogo {
	display: none;
}

/* Ensure playlist track list is visible */
.wp-playlist-tracks {
	display: block !important;
	max-height: none !important;
	overflow: visible !important;
	background-color: #111;
}

/* Individual track rows */
.wp-playlist-item {
	display: flex;
	align-items: center;
	padding: 10px 14px;
	border-bottom: 1px solid #333;
	color: #ddd;
	background-color: transparent;
}

/* Track title text */
.wp-playlist-item-title {
	color: #ddd;
	font-size: 15px;
}

/* Hover effect */
.wp-playlist-item:hover {
	background-color: #222;
	cursor: pointer;
}

/* Highlight currently playing track */
.wp-playlist-playing {
	background-color: #2a2a2a !important;
	font-weight: 600;
}

.wp-playlist-playing .wp-playlist-item-title {
	color: #ffffff;
}

.wp-playlist {
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px;
}

.wp-playlist-item:last-child {
	border-bottom: none;
}

.image-hover-swap {
	position: relative;
	width: 180px;
/* Set the width of your images */
	height: 115px;
/* Set the height of your images */
}

.image-hover-swap .image-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
/* Hide the second image initially */
	transition: opacity 0 ease-in-out;
/* Add a smooth transition effect */
}

.image-hover-swap:hover .image-hover {
	opacity: 1;
/* Show the second image on hover */
}

.wp-block-table td,
.wp-block-table th {
	border: none;
}