@charset "UTF-8";
/* PWP CSS Document */

	a.navbar-brand{
		font-family: 'Kalam', serif;
		color:darkseagreen;
	}
		.nav-link{
			color: white;
		}
		.nav-link:hover{
			color: darkcyan;
		}
		div.mainbg{
			background-image: url("../../../../Downloads/wasp-4261681_1920.jpg");
			height:450px;
			width:auto;
			background-repeat: no-repeat;
		}	
		.jcbutton{
			border-radius:0;
			border-color: darkgreen;
			border-width: 1px;
			background: 0;
			color: darkgreen;
			
		}
		.jcbutton:hover{
			background-color:darkgreen;
			color:white;
		}
		.home-feature{
			padding-top:1.5em;
		}
		h1{
			font-family: 'Kalam', serif;
			font-size: 5em;
		}
		h1.featured{
			line-height:.6em;
			text-shadow: 2px 2px 8px #191e10;
		}
		h1 .featured-title{
			font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'; 
			text-transform: uppercase;
		}
		
		a, p, h2, h3, h4, li, .jcbutton{
			font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: 300;
		}
		h2, h3, h4, h5{
			color: darkgreen;
			font-weight: 500;
		}
		h3{
			padding-top:.5em;
		}
		h4{
			font-size:1.3em;
			color:black;
		}
		h4.subtitle{
			padding-top:1.1em;
		}
		h5{
			font-size:1em;
		}
		p.copy, ul.copy, ol.copy{
			font-size:1.2em;
			line-height: 1.5em;
		}
		.footer p{
			color: lightgrey;
		}
		.footer p.h2{
			font-size: 1.2em;
			color:darkcyan;
		}
		a{
			color:darkgreen;
		}
		a:hover{
			color: chartreuse;
		}
		a.btn-download{
			background-color: darkgreen;
			color: white;
		}
		a.btn-download:hover{
			background-color: chartreuse;
			color:darkgreen;
		}
		.feature-quote{
			border-top:1px solid darkgreen;
			border-bottom:1px solid darkgreen;
			margin-left:20%;
			margin-right:20%;
			padding-top:40px;
			margin-bottom:4em;
		}
		.feature-quote border-top, feature-quote border-bottom{
			background-color:darkgreen;
		}
		.blockquote{
			color:darkslategrey;
			font-weight: 300;
		}
		.bottom-left {
		  position: absolute;
		  bottom: 20px;
		  left: 50px;
		}

/* seasonal colours */

		div.summer {
			background-color: #ffb300;
		}