@charset "UTF-8";

	
	/* body */

body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	margin: 0px;
	background-image:  url("../images/journal_pages.jpg");
	background-position: center;
	background-image size: cover; 
}

	/* Container */

.container {
	width: 85%;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color:  rgb(252,252,252,.75);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #47C2C5;
	border-width: 5px;
}

	/* Header */

.title {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

	/* Home page title image "Louise Hurd Words" */

.hometitle {
	width: 85%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-bottom: 5px;
}

	/* title image for all but Home */

.imgtitle {
	width: 85%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-bottom: 5px;
}

.imgtitle:hover {
	opacity: 0.75;
	cursor: pointer;
}


	/* subtitle area */

.heading {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 0px;
	padding-bottom: 10px;
}

	/* subtitle images */

.imgheadwelcome {
	width: 55%;
}

.imgheadbooks {
	width: 28%;
}

.imgheadjournals {
	width: 35%;
}

.imgheadwords {
	width: 45%;
}

.imgheadabout {
	width: 30%;
}

.imgheadevents {
	width: 20%;
}


	/* site menu */

.menu1 {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	padding-bottom: 8px;
	padding-top: 8px;
	background-color: rgba(186, 232, 233, .65);
	border-top-style: solid;
	
	border-color: #47C2C5;
	border-width: 5px;
	float: left;
	font-family: "Arial";
	font-weight: bold;
	color: #47C2C5;
	letter-spacing: .0001em;
	font-size: 1.9vw;
	text-align: center;
	line-height: .6em;
}

.menu2 {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	padding-bottom: 8px;
	padding-top: 10px;
	background-color: rgba(186, 232, 233, .65);
	
	border-bottom-style: solid;
	border-color: #47C2C5;
	border-width: 5px;
	float: left;
	font-family: "Arial";
	font-weight: bold;
	color: #47C2C5;
	letter-spacing: .0001em;
	font-size: 1.9vw;
	text-align: center;
	line-height: .6em;
}

.menu_links {
	color: #47C2C5;
	cursor: pointer;
	text-decoration: none;
}

.menu_links:hover {
	color: #ffffff;
	cursor: pointer;
}

.menu_links_same {
	color: #ffffff;
	text-decoration: none;
}


	/* home page */

.column {
	width: 50%;
	padding-top: 10px;
	float: left;
}

.column2 {
	width: 50%;
	padding-top: 10px;
	padding-right: 8px;
	float: right;
}

.P1 {
	color: #353535;
	font-weight: bold;
	font-size: 2.1vw;
	text-align: left;
	line-height: 2.75vw;
	margin-left: 15px;
	margin-right: 15px;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 0px;
}

.P2 {
	color: #353535;
	float: right;
	font-weight: bold;
	font-size: 2.1vw;
	width: 90%;
	text-align: right;
	line-height: 2.75vw;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.text_links {
	color: #47C2C5;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

.text_links:hover {
	color: #656565;
	cursor: pointer;
}


.events {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
}



	/* book cover home page */

.img_book {
	width: 90%;
	padding-top: 10px;
	padding-left: 7px;
	align: left;
	float: left;
	border-radius: 15px;
}

.img_book:hover {
	opacity: 0.35;
	cursor: pointer;
}

	/* Louise photo home page */

.img_photo {
	width: 100%;
	padding-top: 5px;
	padding-right: 7px;
	align: right;
	float: right;
	border-radius: 15px;

}

.img_photo:hover {
	opacity: 0.35;
	cursor: pointer;
}


	/* buttons */

.buttons { 
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.button_words {
	width: 90%;
}

.button_words:hover {
	opacity: 0.35;
	cursor: pointer;
}

.button_journals {
  	width: 95%;	
}

.button_journals:hover {
	opacity: 0.35;
	cursor: pointer;
}

.button_quotes {
	width: 90%;
}

.button_quotes:hover {
	opacity: 0.35;
	cursor: pointer;
}


	/* footer */

.footer {
	background-color: rgba(186, 232, 233, .65);
	text-align: center;
	line-height: 3vw;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold; 
	color: #47C2C5;
	border-top-style: solid;
	font-size: 2.3vmin;	
	font-family: "Arial";
	border-color: #47C2C5;
	border-width: 5px;
}

.footer_links {
	color: #353535;
	cursor: pointer;
	text-decoration: none;
}

.footer_links:hover {
	color: #fcfcfc;
	cursor: pointer;
}

.copyright {
	background-color: #47C2C5;
	text-align: center;
	line-height: 13px;
	padding-bottom: 0px;
	font-weight: bold; 
	color: #fcfcfc;
	font-size: 1.3vh;
}

.social {
	background-color: rgba(186, 232, 233, .65);
	float: right;
	align: right;
	width: 25px;
	height: 25px;
	padding-top: 10px;

}


	/* all pages but home */

.page {
	width: 96%;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}


	/* book page */
	/* book cover image, book page */

.imgbookcover {
	width: 45%;
	max-width: 450px;
	float: right;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-radius: 15px;
}


	/* journals page */
	/* journals on a shelf image, journals page */

.imgjournals {
	width: 65%;
	border-radius: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	border-radius: 25px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	
}

	/* journal pages image, journals page */

.imgpages {
	width: 55%;
	max-width: 450px;
	float: right;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	border-radius: 15px;
}


	/* about page */
	/* Louise photo, about page */

.img_about {
	width: 50%;
	max-width: 450px;
	float: right;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-radius: 25px;
}


	/* events page */

.page-right {
	width: 30%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.column3 {
	width: 40%;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	float: left;
}

.column4 {
	width: 40%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	float: right;
}


.img_book_chapters {
	width: 25%;
	padding-left: 7px;
	padding-right: 17px;
	padding-top: 10px;
	align: left;
	float: left;
}

.img_event_left {
	width: 35%;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	float: left;
}

.img_event_right {
	width: 35%;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	align: right;
	float: right;
}


.img_event_right


	/* read more-less */
	/* previous pages for words, quotes and journals */
	/* see https://makemychance.com/show-more-show-less-using-css/ */

.content {
    position: relative;
    width: 100%;
    
}


.text {
    margin: 0;
}

.more {
    display: none; /* Initially hide the extra content */
}



#toggle1, #toggle2, #toggle3 {
    display: none; /* Hide the checkbox */
}




.show-more {
    display: inline-block;
    color: #47C2C5;
    background-color: rgba(186, 232, 233, .65);
    	border-style: solid;
	border-color: #47C2C5;
	border-width: 2px; 
	border-radius: 8px;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px;
    font-size: 20px;
}

.show-less {
    display: inline-block;
    color: #47C2C5;
    background-color: rgba(186, 232, 233, .65);
    	border-style: solid;
	border-color: #47C2C5;
	border-width: 2px;
	border-radius: 8px;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px;
    font-size: 20px;
}

.show-more:hover {
	color: #ffffff;
	cursor: pointer;
	
}

.show-less:hover {
	color: #ffffff;
	cursor: pointer;	
}


.show-less {
    display: none; /* Initially hide the 'Show Less' button */

}

/* When the checkbox is checked, show the extra content and 'Show Less' button */

#toggle1:checked ~ .text .more {
    display: inline;
}

#toggle1:checked ~ .show-more {
    display: none; /* Hide the 'Show More' button */
}

#toggle1:checked ~ .show-less {
    display: inline; /* Show the 'Show Less' button */
}

#toggle2:checked ~ .text .more {
    display: inline;
}

#toggle2:checked ~ .show-more {
    display: none; /* Hide the 'Show More' button */
}

#toggle2:checked ~ .show-less {
    display: inline; /* Show the 'Show Less' button */
}

#toggle3:checked ~ .text .more {
    display: inline;
}

#toggle3:checked ~ .show-more {
    display: none; /* Hide the 'Show More' button */
}

#toggle3:checked ~ .show-less {
    display: inline; /* Show the 'Show Less' button */
}

.tab {
	margin-left: 40px;
}




/* Small Tablets */
@media (min-width: 451px) and (max-width: 625px) {

.menu1 {

	padding-bottom: 6px;
	padding-top: 6px;
	letter-spacing: .01em;
	font-size: 2.2vw;
	line-height: .6em;
}

.menu2 {

	padding-bottom: 6px;
	padding-top: 6px;
	letter-spacing: .01em;
	font-size: 2.2vw;
	line-height: .6em;
}

.P1 {
	font-size: 2.75vw;
	text-align: left;
	line-height: 3.5vw;
	margin-top: 0px;
	margin-left: 7px;
	margin-right: 0px;
}

.P2 {
	font-size: 2.75vw;
	line-height: 3.5vw;
	margin-bottom: 2px;
	margin-right: 7px;
	margin-left: 0px;
}


}

	/* Mobile */

@media (min-width: 50px) and (max-width: 450px) {

H1 {
	font-size: 5vw;
}

H2 {
	font-size: 4vw;
}




.container {
	width: 90%;
	margin-top: 15px;
	margin-bottom: 10px;
}

.menu1 {

	padding-bottom: 6px;
	padding-top: 6px;
	letter-spacing: .01em;
	font-size: 2.3vw;
	line-height: .5em;
}

.menu2 {

	padding-bottom: 6px;
	padding-top: 6px;
	letter-spacing: .01em;
	font-size: 2.3vw;
	line-height: .5em;
}

.menu_links {
	color: #353535;
	cursor: pointer;
	text-decoration: none;
}

.menu_links:hover {
	color: #47C2C5;
	cursor: pointer;
}

.menu_links_same {
	color: #47C2C5;
	text-decoration: none;
}

.P1 {
	font-size: 3.5vw;
	text-align: left;
	line-height: 4vw;
	margin-top: 0px;
	margin-left: 7px;
	margin-right: 0px;
}

.P2 {
	font-size: 3.5vw;
	line-height: 4vw;
	margin-bottom: 2px;
	margin-right: 7px;
	margin-left: 0px;
}

.buttons { 
	padding-bottom: 3px;
	padding-top: 4px;
}

.footer {
	line-height: 3.2vw;
	padding-top: 0px;
	padding-bottom: 1px;
	color: #353535;
	font-size: 2.5vw;	
}

.footer_links {
	color: #47C2C5;
	cursor: pointer;
	text-decoration: none;
}

.footer_links:hover {
	color: #fcfcfc;
	cursor: pointer;
}

.social {
	background-color: rgba(186, 232, 233, .65);
	float: right;
	align: right;
	width: 20px;
	height: 20px;
	

}


	/* home page Louise photo */

.img_photo {
	width: 100%
	padding-top: 0px;
	padding-right: 7px;
}
	
	/* home page book cover */

.img_book {
	width: 90%;
	padding-top: 10px;
	padding-left: 7px;

}

	/* journals page, journals on a shelf */

.imgjournals {
	float: left;
}

.show-more, .show-less {
    font-size: 15px;
}

.tab {
	margin-left: 25px;
}