/**
 * homepage-specific CSS for Northern Greenhouse
 */

/* homepage sections */
main#home > section {
	display: block;
	min-height: 325px;
	font-size: 0px; /* collapse spacing */
}

	/* article header */
	main#home > section > .centering > article > h2 {
		display: block;
		margin-bottom: 35px;
		
		font-family: 'latobold';
		font-size: 25px;
	}

	/* article paragraphs */
	main#home > section > .centering > article > p {
		display: block;
		
		font-family: 'latoregular';
		font-size: 19px;
		line-height: 2;
	}



	/* INTRO BLOCK 01 */

	/* first intro block */
	main#home > section#intro-01 {
		background-color: rgb(8,84,46);
	}

		/* section centering block */
		main#home > section#intro-01 > .centering {
			padding: 60px 25px 60px 25px;
		}
		
			/* intro article */
			main#home > section#intro-01 > .centering > article {
				display: inline-block;
				position: relative;
				width: 53%;
				vertical-align: top;
			}
			
				/* article header */
				main#home > section#intro-01 > .centering > article > h2 {
					margin: 20px 0px 20px 0px;
					color: rgb(204,255,204);
				}
				
				/* article paragraphs */
				main#home > section#intro-01 > .centering > article > p {
					color: white;
				}
				
			/* nav icons */
			main#home > section#intro-01 > .centering > nav#icons {
				display: inline-block;
				position: relative;
				width: 42%;
				margin-left: 5%;
				vertical-align: top;
				text-align: center;
			}
			
				/* nav icon container <a> */
				main#home > section#intro-01 > .centering > nav#icons > a {
					display: inline-block;
					position: relative;
					width: 20%;
					padding: 2% 2% 5% 2%;
					min-width: 125px;
					max-width: 140px;
					height: auto;
					
					font-family: 'latoregular';
					font-size: 14px;
					color: white;
					text-decoration: none;
					
					border: none;
					
					opacity: .65;
				}
				
					/* hover effect */
					main#home > section#intro-01 > .centering > nav#icons > a:hover {
						border: none;
						opacity: 1;
					}
				
					/* nav icon image */
					main#home > section#intro-01 > .centering > nav#icons > a > img {
						display: block;
						position: relative;
						width: 45%;
						height: auto;
						margin: 0px auto 5px auto;
					}
					


/* INTRO BLOCK 02 */

	/* second intro block */
	main#home > section#intro-02 {
		background-image: url('/assets/images/flowery-green-repating.jpg');
		background-repeat: repeat-x;
	}
	
		/* section centering block */
		main#home > section#intro-02 > .centering {
			padding: 0px;
		}
			
			/* bob picture container */
			main#home > section#intro-02 > .centering > a#bob {
				display: inline-block;
				position: relative;
				width: 45%;
				overflow: hidden;
				vertical-align: top;
				
				background-image: url('/assets/images/friendly-bobs-tomatoes.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				
				border-bottom: 1px solid transparent;
			}
				main#home > section#intro-02 > .centering > a#bob:hover {
					text-decoration: none;
					filter: contrast(115%);
					border-bottom: 1px solid transparent;
				}
			
			/* bob picture container */
			main#home > section#intro-02 > .centering > article {
				display: inline-block;
				position: relative;
				width: calc( 55% - 120px );
				height: auto;
				padding: 60px 60px 60px 60px;
				vertical-align: top;
			}
			
				/* article header */
				main#home > section#intro-02 > .centering > article > h2 {
					margin: 20px 0px 20px 0px;
					color: rgb(8,84,46);
				}
				
				/* article paragraphs */
				main#home > section#intro-02 > .centering > article > p {
					color: black;
				}
				


/* TESTIMONIALS BLOCK */

	/* testimonials block */
	main#home > section#testimonials {
		min-height: auto;
	}

		/* centering block */
		main#home > section#testimonials > .centering {
			text-align: center;
			padding: 40px 0px 20px 0px;
		}

			/* testimonial entry */
			main#home > section#testimonials > .centering > div {
				display: inline-block;
				width: 350px;
				margin-bottom: 30px;
			}
			
				/* quote text */
				main#home > section#testimonials > .centering > div > q {
					display: block;
					padding: 15px;
					font-family: 'bodoni_btroman';
					font-size: 19px;
					color: rgba(0,0,0,.85);
				}
				
				/* quote/name separator */
				main#home > section#testimonials > .centering > div > hr {
					display: block;
					margin: auto auto 15px auto;
					width: 150px;
					height: 5px;
					background-color: rgb(84,187,194);
					color: rgb(84,187,194);
					border: 0px;
				}
				
				/* name */
				main#home > section#testimonials > .centering > div > span.name {
					display: block;
					font-family: 'latoregular';
					font-size: 13px;
					color: rgba(0,0,0,.5);
				}
				
			/* nav link container to testimonials page */
			main#home > section#testimonials > .centering > nav {
				display: block;
				text-align: center;
			}
			
				/* nav link */
				main#home > section#testimonials > .centering > nav > a {
					display: inline-block;
					width: 350px;
					margin-top: 30px;
					
					font-family: 'latoregular';
					font-size: 15px;
					color: rgba(0,0,0,.5);
					text-decoration: none;
					border: none;
				}
				
					main#home:not(.is-mobile) > section#testimonials > .centering > nav > a:hover,
					main#home:not(.is-mobile) > section#testimonials > .centering > nav > a:hover > label {
						color: rgb(0,25,75);
					}
				
					/* nav link label */
					main#home > section#testimonials > .centering > nav > a > label {
						display: block;
						margin-bottom: 10px;
						
						font-family: 'marcellusregular';
						font-size: 25px;
						color: rgb(0,110,110);
						
						cursor: pointer;
						border: none;
					}
					
/* BBB */
main#home > section#bbb {
	margin-top: 35px;
	text-align: center;
	min-height: 0px;
}

	main#home > section#bbb > a {
		text-decoration: none;
		border: 0px;
		opacity: .85;
	}
		main#home > section#bbb > a:hover {
			opacity: 1;
			filter: contrast(1.25);
			border: 0px;
		}