/* Font
-------------------------------- */
@font-face {
	font-family: 'bebas-neue';
	src: url('../font/355EBD_0_0.woff') format('woff');
}

/* Sections
-------------------------------- */
.section {
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.section-heading {
	text-align: left;
	color: #000000;
	font-size: 46px;
	font-weight: 700;
	line-height: 52px;
}

.section-heading,
.section-description {
	text-align: left;
	margin-bottom: 10px;
}

/* Headings
-------------------------------- */
h1.jane_gilley_heading {
	margin-top: 50px;
	font-family: bebas-neue, arial;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 18px;
	color: #ffffff;
	width: 100%;
	padding-left: 10px;
}

h2 {
	/* font-family: 'IM Fell Double Pica', serif; */
	font-family: Arial, sans-serif;
	font-size: 40px;
	font-weight: 400;
	/* font-style: italic; */
	font-style: normal;
	line-height: 46px;
	margin-top: 42px;
	margin-bottom: 12px;
}

/* Section - Header
-------------------------------- */
.section.header {
	box-sizing: border-box;
	width: 100%;
	height: 650px;
	/* background-image: url(../images/jane-gilley-banner.jpg); */
	background-image: url(../images/iow-beach-huts.jpg);
	background-size: cover;
	background-position: center center;
	text-align: right;
	padding-top: 100px;
}

.section.header.background_tint {
	background-color: rgba(0, 0, 0, 0.3);
	background-blend-mode: multiply;
}

.profile_pic {
	margin-top: 60px;
	width: 100%;
}

.profile_pic img {
	box-sizing: border-box;
	border: 5px solid #ffffff;
	border-radius: 50%;
	max-width: 100%;
}

.author_wrapper {
	margin-top: 50px;
	width: 100%;
	text-align: center;
}

.author {
	/* float: right; */
	width: 200px;
	/* width: 100%; */
	padding: 5px 0px 10px 12px;
	font-family: bebas-neue;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 20px;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	/* margin: 0px auto; */
}

/* When the width no longer accomodates the content */
@media only screen and (max-width: 990px) {

	.section.header {
		text-align: center;
		padding-top: 0px;
	}

	.section.header .flex_container {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.author {
		box-sizing: border-box;
		width: 100%;
		padding: 5px 0px 10px 8px;
	}

	h1.jane_gilley_heading {
		box-sizing: border-box;
		margin-top: 40px;
		font-size: 52px;
		line-height: 60px;
		letter-spacing: 8px;
		width: 100%;
		padding-left: 5px;
	}

	.profile_pic {
		box-sizing: border-box;
		margin-top: 50px;
		width: 100%;

	}

}


/* Section - Introduction
-------------------------------- */
.section.introduction {
	text-align: left;
	width: 100%;
	padding: 50px 0px 50px 0px;
}

.section.introduction h2:nth-of-type(1) {
	margin-top: 0px;
}

.section.introduction .iow_hills {
	width: 100%;
	height: 300px;
	background-image: url(../images/iow-coast-road.jpg);
	background-size: cover;
	background-position: center center;
	text-align: right;
}



/* Section - Children's Books
-------------------------------- */
.section.childrens_books {
	text-align: left;
	padding: 50px 0px 50px 0px;
}

.section.childrens_books h2:nth-of-type(1) {
	margin-top: 0px;
}

.section.childrens_books h3 {
	font-size: 16px;
}

/* Section - Adult's Books
-------------------------------- */
.section.adults_books {
	text-align: left;
	padding: 30px 0px 30px 0px;
}

.section.adults_books h2 {
	margin-bottom: 25px;
}

.section.adults_books h2:nth-of-type(1) {
	margin-top: 0px;
}

.section.adults_books .flex_container .flex_item {
	flex-basis: 220px;
}

.section.adults_books .book_cover img {
	width: 100%;
	height: auto;
}

.section.adults_books .book_title {
	font-size: 12px;
	font-weight: 700;
}

.section.adults_books .book_synopsis {
	font-size: 12px;
	font-weight: 400;
	min-height: 265px;
}

.section.adults_books .amazon_button {
	width: 100%;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.section.adults_books .amazon_button a {
	display: block;
	background-color: #607d94;
	font-weight: bold;
	border: none;
	border-radius: 2px;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 0px 8px 0px;
	width: 100%;
}

.section.adults_books .amazon_button a:hover {
	background-color: #4b4b4b;
}

.section.adults_books .book_media {
	text-align: center;
	margin-bottom: 20px;
}

/* Where the device no longer accommodates the content */
@media only screen and (max-width: 1160px) {

	.section.adults_books .flex_container {
		flex-wrap: wrap;
		gap: 10%;
		box-sizing: border-box;
	}

	.section.adults_books .flex_container .flex_item {
		flex-basis: 40%;
	}

	.section.adults_books .book_media {
		margin-bottom: 60px;
	}

}

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

	.section.adults_books .flex_container {
		gap: 6%;
	}

	.section.adults_books .flex_container .flex_item {
		flex-basis: 47%;
	}

}

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

	.section.adults_books .flex_container {
		gap: 6%;
		justify-content: center;
	}

	.section.adults_books .flex_container .flex_item {
		flex-basis: 90%;
	}

	.section.adults_books .book_synopsis {
		min-height: auto
	}

}

/* Section - Full Grey
-------------------------------- */
.section.full_grey {
	width: 100%;
	padding: 40px 0px 40px 0px;
	background-color: #f6f6f6;
}

.section.full_grey h2 {
	margin-top: 0px;
}

.section.full_grey p {
	margin-bottom: 0px;
}

/* Section - Privacy Policy
-------------------------------- */
.section.privacy {
	float: left;
	width: 100%;
	padding: 50px 0px 50px 0px;
	text-align: left;
}


/* Section - Footer
-------------------------------- */
.section.footer {
	float: left;
	width: 100%;
	padding: 60px 0px 40px 0px;
	background-color: #a8a8a8;
}

.section.footer.footer_title {
	float: left;
	width: 100%;
}

.section.footer h2 {
	display: inline-block;
	font-family: bebas-neue;
	font-size: 32px;
	font-style: normal;
	line-height: 40px;
	margin: 0px 0px 20px 0px;
	padding: 0px 30px 20px 30px;
	border-bottom: 1px solid #4d4d4d;
}

.contact_details {
	float: left;
	width: 100%;
}

.contact_details p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contact_details a {
	text-decoration: none;
	color: #4d4d4d;
}

.contact_details a:hover {
	text-decoration: underline;
}

p.social_media {
	margin: 5px 0px 10px 0px;
	padding-top: 12px;
	font-size: 26px;
}

.bold {
	font-weight: 700;
}

/* Flex Box
-------------------------------- */
.flex_container {
	display: flex;
}

.justify_content_space_around {
	justify-content: space-around;
}

.justify_content_space_between {
	justify-content: space-between;
}

.justify_content_center {
	justify-content: center;
}

.align_items_center {
	align-items: center;
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_item.padded_7pc {
	margin: 0px 7% 0px 7%;
	padding: 0px 0% 0px 0%;
}

.flex_item.padded_out {
	margin: 0px 7% 0px 7%;
	padding: 0px 0% 0px 0%;
}

.text_align_center {
	text-align: center;
}

/* #Media Queries
=================================================================================================================== */

/* Bigger than 1000 */
@media (min-width: 1000px) {}

@media (min-width: 1158px) {}

@media (max-width: 1158px) {}

@media (max-width: 1080px) {}

/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}