/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 

#books_section {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

#books_section .item {
    width: calc(25% - 15px);
}

#books_section ._df_button {
	padding: 0;
	margin: 0;
	background-color: transparent;
	width: 100%;
	box-shadow: 0 2px 10px #000;
	transition: all .3s;
}

#books_section ._df_button:hover, #books_section ._df_button:focus {
	transform: scale(.95);
}

#books_section ._df_button .book {
	position: relative;
	background-image: url(images/book-bg.jpg);
	background-size: cover;
	background-position: center bottom;
	aspect-ratio: 2560 / 1617;
	padding: 7% 0;
}

#books_section ._df_button .book .title {
	width: 100%;
	text-align: center;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	background-image: url(images/heading-bg-scaled.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: center;
	padding: .5rem;
}