/*-----------------------------------------------------------------------------------*/
/*	Template Page Styles
/*-----------------------------------------------------------------------------------*/

/* Global Styles */

div.page-content {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.5em; 
}

div.page-content div.template-content {
	position: relative;
	z-index: 10;
	pointer-events: all;
	height: 100%;
}

div.page-content p {
	font-size: 19px ;
}

div.page-content div.template-content.cover {
	text-align: center;
}

div.page-content h2, h3 {
	-webkit-text-shadow: 0 1px 1px white;
	-moz-text-shadow: 0 1px 1px white;
	text-shadow: 0 1px 1px white;
	font-weight: normal;
}

div.page-content h4, h5 {
	font-weight: normal;
	margin-top: 0%;
}

div.page-content h2 { font-size: 36px; }
div.page-content h3 { font-size: 30px; }
div.page-content h4 { font-size: 22px }

div.page-content em { font-style: normal; }

/* Cover */
div.page-content div.template-content.cover p.date {
	position: absolute;
	bottom: -70%;
	display: block;
	text-align: center;
	width: 100%;
}

div.page-content div.template-content.cover h3 {
	padding-top: 27%;
	padding-bottom: 25%;
	margin: 0px;
}

/* Center */
div.page-content div.template-content.center.even {
	/*
padding-right: 0px;
	padding-left: 8%;
*/
	text-align: center;
}

div.page-content div.template-content.center.odd {
	text-align: center;
}

div.page-content div.template-content.center h2 {
	padding-top: 15%;
	margin-bottom: 0%;
	margin-top: 0px;
}

div.page-content div.template-content.center p.temp-cont {
	position: relative;
	top: 10%;
}

/* Content Template 1 (class tmp1) */

div.page-content div.template-content.tmp1 h2 {
	margin-top: 0px;
	padding-top: 5%;
}

div.page-content div.template-content.tmp1 p.sub-title {
	font-size: 25px;
	margin-top: 1%;
	margin-bottom: 12%;
}

div.page-content div.template-content h4 {
	text-align: left;
	margin-bottom: 3%;
	margin-left: 4.8%;
}

div.page-content div.template-content.tmp1 .row {
	text-align: justify;
	margin: 0% 5% 3% 5%;
}

/* Content Template 2 Bullets (class tmp2) */

div.page-content div.template-content.tmp2 h2 {
	margin-top: 0%;
	padding-top: 5%;
}

div.page-content div.template-content.tmp2 p.sub-title {
	font-size: 25px;
	margin-top: 1%;
	margin-bottom: 12%;
}

div.page-content div.template-content ul {
	padding-left: 7%;
	padding-right: 7%;
	margin-bottom: 5%;
}

div.page-content div.template-content ul li{
	text-align: left;
	list-style-image: url('../pages/templates/bullet.png');
	padding-left: 2%; 
}

/* Content Template 3 Image (class tmp3) */

div.page-content div.template-content.tmp3 h2 {
	margin-top: 0%;
	padding-top: 5%;
}

div.page-content div.template-content.tmp3 p.sub-title {
	font-size: 25px;
	margin-top: 1%;
	margin-bottom: 12%;
}

div.page-content div.template-content.tmp3 .column-left {
	width: 40%;
	text-align: left;
	float: left;
	margin-left: 5%;
}

div.page-content div.template-content.tmp3 p.column-right,
div.page-content div.template-content.tmp3 p.column-left {
	width: 43%;
}

div.page-content div.template-content.tmp3 .column-right {
	width: 40%;
	float: right;
	margin-right: 2%;
}


div.page-content div.template-content.tmp3 img.column-right,
div.page-content div.template-content.tmp3 img.column-left {
	width: 40%;
	margin-top: -8%;
}

div.page-content div.template-content.tmp3 h4 {
	margin-bottom: 0%;
}

div.page-content div.template-content.tmp3 div.column-right {
	width: 50%;
	text-align: right;
}

div.page-content div.template-content.tmp3 div.column-left.video-wrap {
	height: 100%;
	width: 46%;
	margin-left: 2%;
}

div.page-content div.template-content.tmp3 div.column-left {
	width: 50%;
	text-align: left;
}

div.page-content div.template-content img {
	margin-top: -40%;
	border: 8px solid white;
	margin-right: 3%;
}

/*-----------------------------------------------------------------------------------*/
/*	Color Versions
/*-----------------------------------------------------------------------------------*/

/* Blue */
div.page-content div.blue h2, div.page-content div.blue h3 { color: #0e4e96; }
div.page-content div.blue h4, div.page-content div.blue h5 { color: #97dcff; }
div.page-content div.template-content.blue p.sub-title { color: #ffffff; }
div.page-content div.blue em { color: #88d6ff; }
div.page-content div.blue p.date em { color: #88d6ff; }

/* Light */
div.page-content div.light h2, div.page-content div.light h3 { color: #885932; }
div.page-content div.light h4, div.page-content div.light h5 { color: #885932; }
div.page-content div.template-content.light p.sub-title { color: #525252; }
div.page-content div.light em { color: #885932; }
div.page-content div.light p.date em { color: #ffffff; }
div.page-content div.light { color: #525252; }

/* Ocean */
div.page-content div.ocean h2, div.page-content div.ocean h3 { color: #0a5571; }
div.page-content div.ocean h4, div.page-content div.ocean h5 { color: #ffffff; }
div.page-content div.template-content.ocean p.sub-title { color: #ffffff; }
div.page-content div.ocean em { color: #ffffff; }
div.page-content div.ocean p.date em { color: #c1eb94; }
div.page-content div.ocean { color: #0a5571; }

/* Pistachio */
div.page-content div.pistachio h2, div.page-content div.pistachio h3 { color: #3b7b5f; }
div.page-content div.pistachio h4, div.page-content div.pistachioh5 { color: #ffffff; }
div.page-content div.template-content.pistachio p.sub-title { color: #ffffff; }
div.page-content div.pistachio em { color: #ffffff; }
div.page-content div.pistachio p.date em { color: #c2feff; }
div.page-content div.pistachio { color: #ddffb9; }

/* Grass */
div.page-content div.grass h2, div.page-content div.grass h3 { color: #7a3f18; }
div.page-content div.grass h4, div.page-content div.grass h5 { color: #c1eb94; }
div.page-content div.template-content.grass p.sub-title { color: #ffffff; }
div.page-content div.grass em { color: #ffffff; }
div.page-content div.grass p.date em { color: #c1eb94; }
div.page-content div.grass { color: #5e7c3b; }

/* Gold */
div.page-content div.gold h2, div.page-content div.gold h3 { color: #7a3f18; }
div.page-content div.gold h4, div.page-content div.gold h5 { color: #653312; }
div.page-content div.template-content.gold p.sub-title { color: #ffffff; }
div.page-content div.gold em { color: #653312; }
div.page-content div.gold p.date em { color: #f4d68d; }

/* Brownie */
div.page-content div.brownie h2, div.page-content div.brownie h3 { color: #b30f0f; }
div.page-content div.brownie h4, div.page-content div.brownie h5 { color: #f4d68d; }
div.page-content div.template-content.brownie p.sub-title { color: #ffffff; }
div.page-content div.brownie em { color: #f4d68d; }
div.page-content div.brownie p.date em { color: #f4d68d; }

/* Violet */
div.page-content div.violet h2, div.page-content div.violet h3 { color: #4a23b8; }
div.page-content div.violet h4, div.page-content div.violet h5 { color: #c4b0ff; }
div.page-content div.template-content.violet p.sub-title { color: #ffffff; }
div.page-content div.violet em { color: #c4b0ff; }
div.page-content div.violet p.date em { color: #88d6ff; }