/*
Theme Name: TD Jakes Ministries
Theme URI: 
Description: The TD Jakes Ministries template is a customized template developed specifically for the TD Jakes Ministries website, built within the Wordpress construct.
Author: TPH Web Developers
Version: 1.0
License: 
License URI: 
Tags: web development, web design
*/


/* =Reset default browser CSS. Based on work by Kimla Y. Beasley: http://www.kybproductions.com
-------------------------------------------------------------- */

body {
	background-color: #f6f7f7;
	font-size: 100%;
	width: 100%;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	scrollbar-base-color: #365aa8;
	scrollbar-3dlight-color: #365aa8;
	scrollbar-highlight-color: #365aa8;
	scrollbar-track-color: #EBEBEB;
	scrollbar-arrow-color: black;
	scrollbar-shadow-color: #365aa8;
	scrollbar-dark-shadow-color: #365aa8;
}

html {
	height: 100%;
}

blockquote {
	margin: 10px auto;
    font-size: 1.5em;
    color: #231F20;
    text-align: right;
    width: 90%;
	line-height: 20px;
}

p, li, td {
	color: #293D7B;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 18px;
}

h2 {
	font-size: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
}

h3.edd_download_title {
	margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 25px;
	max-height: 75px;
    min-height: 89px;
}

	h3.edd_download_title a {
		color: #000000;
	}

.edd_download_inner .edd_download_excerpt {
	display: none;
}

a.ssmlink {text-decoration: none;}

/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
	scrollbar {
	   -moz-appearance: none !important;
	   background: rgb(0,255,0) !important;
	   
	}
	thumb,scrollbarbutton {
	   -moz-appearance: none !important;
	   background-color: rgb(0,0,255) !important;
	   
	}
	
	thumb:hover,scrollbarbutton:hover {
	   -moz-appearance: none !important;
	   background-color: rgb(255,0,0) !important;
	}
	
	scrollbarbutton {
	   display: none !important;
	}
	
	scrollbar[orient="vertical"] {
	  min-width: 15px !important;
	}
}

::-webkit-scrollbar {
    background: transparent;
	
}
::-webkit-scrollbar-thumb {
    background-color: rgba(54, 90, 168, 1);
    border: solid whiteSmoke 4px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(54, 90, 168, 0.8);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #293D7B;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #293D7B;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #293D7B;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #293D7B;
}

/* Wordpress Alignments */

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

/* =Alignment
-------------------------------------------------------------- */

.alignleft {
	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
	float: none;
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
	margin: 0 auto;
}
/* =Page Loader
------------------------------------------------------------- */
#pageloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 99999;
}
.b-scroll {
    background-attachment: scroll !important;
}

.white-bg {
    background-color: white !important;
}

.fltrt {
	float: right;
}

section {
    position: relative;
}

.outter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    width: 60px;
    height: 60px;
    border-radius: 80px 0 0 80px;
    border-left: solid 5px;
    -webkit-animation: rotate 1.3s linear 0s infinite normal;
    -moz-animation: rotate 1.3s linear 0s infinite normal;
    -o-animation: rotate 1.3s linear 0s infinite normal;
    -ms-animation: rotate 1.3s linear 0s infinite normal;
    animation: rotate 1.3s linear 0s infinite normal;
}

.mid {
    top: 15px;
    left: 15px;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px 0 0 50px;
    border-left: solid 4px;
    -webkit-animation: rotate 3.3s linear 0s infinite normal;
    -moz-animation: rotate 3.3s linear 0s infinite normal;
    -o-animation: rotate 3.3s linear 0s infinite normal;
    -ms-animation: rotate 3.3s linear 0s infinite normal;
    animation: rotate 3.3s linear 0s infinite normal;
}

/*Animations */
.fadeInLeft, .fadeIn, .fadeOutUp {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.iconarea {
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 33%;
	text-align: center;
}

	.iconarea img {
		width: 40%;
	}

.montserrat {
	font-family: "Montserrat", Arial, sans-serif;
}
.opensans {
	font-family: "Open Sans", Arial, sans-serif;
}
.oswald {
	font-family: "Oswald", Arial, sans-serif;
}

.lato {
	font-family: "Lato", Arial, sans-serif;
}

.helvetica {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bg_blue {
	background-color: #274080;
}

.center {
	margin: 0 auto;
}

.noborder {
	border: 0 !important;
}

.nomargin {
	margin: 0;
}

.nofloat {
	float: none !important;
}

.nopointer {
	pointer-events: none;
}

.nopadding {
    padding: 0 !important;
}

.addpointer {
	pointer-events: all !important;
}

.movebehind {
	z-index: 0 !important;
}

.movefront {
	z-index: 100 !important;
}

.blueborder {
	border: solid #a3b3cf 1px;
}

.inline {
	display: inline-block;
}

.hide {
	display: none;
}
.flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
	.flex-nowrap {
		flex-wrap: nowrap;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	
	.flex-start {
		align-items: flex-start;
	}
	
.txtright {
	text-align: right !important;
}

.nodisplay {
	display: none !important;
}
	
#sitearea.ontop, #toparea {
	z-index: 3;
}

#sitebody {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	#sitebody.content:before{
		padding-bottom: 0;
	}
	
	#sitebody.overflowview {
		overflow-x: hidden;
		-ms-overflow-x: hidden;
	}

	#sitebody:before {
		content: "";
		display: block;
		padding-bottom: 50%;
	}
	
	#sitebody:after {
		padding-bottom: 50%;
	}
	
	
	#sitebody.padmore:after {
		content: "";
		display: block;
		padding-bottom: 40% !important;
	}
	
	
	#sitebody .navarea {
		width: 63%;
		margin: 0 auto;
		position: relative;
		z-index: 20;
		display: none;
	}
	
		#sitebody .navarea  ul {
			list-style: none;
			margin: 0;
			padding:0;
			display: flex;
		}
		
		#sitebody .navarea  li {
			display: inline-block;
			color: #293D7B;
		}
			#sitebody .navarea  li.navfirst {
				width: 7%;
				vertical-align: top;
				font-size: 0.9em;
				font-weight: 700;
			}
			
			#sitebody .navarea  li.sepbar {
				width: 2%;
				text-align: center;
				vertical-align: top;
			}
			#sitebody .navarea  li .txtarea {
				padding: 0 11px 0 0;
			}
			
			#sitebody .navarea  li .txtarea .txttop {
				font-size: 0.9em;
				text-transform: lowercase;
				margin-left: 9px;
				font-weight: 100;
			}
			
			#sitebody .navarea  li .txtarea .txtbottom {
				font-size: 1em;
				text-transform: uppercase;
				margin-left: 28px;
				font-weight: 700;
			}
				#sitebody .navarea  li .txtarea:hover {
					opacity: 0.7;
				}
			
				#sitebody .navarea  li .txtarea.hit {
					opacity: 0.7;
				}
			
			#sitebody .navarea li.lastnav {
				width: 40%;
				text-align: right;
			}
			
				#sitebody .navarea li.lastnav img {
					width: 42%;
				}
			
	
	
	.footerarea {
		background-color: rgba(104, 112, 126, 0.7);
		/*padding: 10px 0;*/
		padding: 20px 0 85px 0;
		width: 100%;
		/*position: fixed;*/
		position: relative;
		bottom: 0;
		z-index: 15;
	}
	
		.footerarea.full {
			position: relative;
		}
		
		.footerarea .copyright {
			position: relative;
			/*bottom: 15%;
			right: 10px;*/
			/*font-size: 0.8em;*/
			color: #ffffff;
			line-height: 20px;
			text-align:center;
			/*font-weight: 100;*/
			font-size: 1em;
			font-weight: 400;
		}
		
		.footerarea .copyrightsm {
			font-size:0.8em;
		}
		
		.footerarea .footerblock {
			width: 63%;
			margin: 0 auto;
		}
		
			.footerarea .footerblock ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			
			.footerarea .footerblock li {
				display: inline-block;
				width: 19%;
				text-align: center;
				vertical-align: middle;
			}
			
				.footerarea .footerblock li a {
					color: #ffffff;
					text-transform: uppercase;
					font-weight: 400;
					letter-spacing: 2px;
					text-decoration: none;
				}
				
				.footerarea .footerblock li a.hit {
					font-weight: 500;
					text-decoration: underline;
				}
				
				.footerarea .highlighted {
					background-color: #f79820;
					padding: 11px 0;
					width: 70%;
				}
					.footerarea .highlighted a {
						font-weight: 700 !important;
					}
					
	#sitebody .offertab {
		position: fixed;
		right: 0;
		top: 35%;
		background-color: #f79820;
		z-index: 6;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		padding: 5px;
	}
	
		#sitebody .announcement_tab {
			position: fixed;
			top: 35%;
			background-color: rgba(54, 90, 168, 1);
			left:0;
			z-index: 6;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			padding: 5px;
		}
		
		
		
		#sitebody .tabimg {
			display: inline-block;
			max-width: 35px;
			width: 90%;
		}
		
			#sitebody .tabimg img {
				width: 100%;
				max-width: 22px;
				max-height: 200px;
				border: 0;
			}
			
				#sitebody .announcement_tab .tabimg img {
					width: 100%;
					max-width: 30px;
					max-height: 230px;
				}
		
		#sitebody .tabbox {
			max-width: 400px;
			display: none;
		}
		
			#sitebody .tabbox img {
				width: 100%;
				border: 0;
			}
			
			#sitebody .tabbox .tabbanner {
				width: 100%;
			}
				#sitebody .tabbox .tabbanner:after {
					content: '';
					display: block;
					padding-bottom: 100%;
				}
				
			#sitebody .tabbox .tabtxt {
				font-size: 1em;
				color: #ffffff;
				font-family: Helvetica, Arial, sans-serif;
				font-weight: 100;
				margin-top: 10px;
			}
			
				#sitebody .tabbox .tabtxt p {
					font-size: 1em;
					color: #ffffff;
					font-family: Helvetica, Arial, sans-serif;
					font-weight: 100;
					margin-top: 10px;
				}

	#sitebody .bg_top {
		position: absolute;
		top: 0;
		left: 0;
		background: url(/wp-content/themes/tdjakes/images/bg_top.jpg) top left no-repeat;
		width: 29%;
		background-size: contain;
		z-index: 0;
	}
	
		#sitebody .bg_top:after {
			content: "";
			display: block;
			padding-bottom: 100%;
		}
	
	#sitebody .bg_bottom {
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(/wp-content/themes/tdjakes/images/bg_bottom.jpg) top left no-repeat;
		width: 33%;
		background-size: contain;
		z-index: 0;
	}
	
		#sitebody .bg_bottom:after {
			content: "";
			display: block;
			padding-bottom: 81%;
		}
	
	#sitebody .bg_image {
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 1;
		background: transparent;
		pointer-events: none;
		
	}
		.moveout {
			
			top: -50px;
		}
		
		#sitebody .image_fade {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 100px;
			background: #e8e3e3;
			background: -moz-linear-gradient(top, rgba(232, 227, 227, 0.95) 0%, rgba(246, 242, 242, 0.95) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232, 227, 227, 0.95)), color-stop(100%,rgba(246, 242, 242, 0.95)));
			background: -webkit-linear-gradient(top, rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%);
			background: -o-linear-gradient(top, rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%);
			background: -ms-linear-gradient(top, rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%);
			background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.95) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(232, 227, 227, 1)', endColorstr='rgba(246, 242, 242, 0.95)',GradientType=0 );
		}
		
		#sitebody .bg_image.leftstart {
			left: -300px;
			opacity: 0;
		}
		
		#sitebody .bg_image.center {
			text-align: center;
			pointer-events: none;
		}
		
		#sitebody .bg_image.padleft {
			padding-left: 200px;
		}
		
		#sitebody .main_image {
			/*width: calc(100% - 800px) !important;*/
			width: 52.5%;
			background: transparent;
			pointer-events: none;	
			max-width: 52.5%;
			height: auto;
			-webkit-mask-image: -moz-linear-gradient(bottom, #FFFFFF 20%, #EEEEEE 0%);
			-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%,rgba(0,0,0,1)), color-stop(0%,rgba(0,0,0,0)));
			
			max-width: 2000px;
			/* webkit */
			
		}
		
		
		#sitebody .bg_image.offsetfarlft img {
			margin-left: -314px;
		}
		
		#sitebody .bg_image.moveup {
			top: -50px;
			
			-webkit-transition-property: top, bottom;
			-webkit-transition-duration: 0.5s;
		}
		
		
		
		#sitebody .bg_image.form {
			top: 30%;
			width: 47%;
			left: 50%;
			transform: translate(-50%, 0);
			pointer-events: all;
		}
		
		#sitebody .contentforward {
			position: absolute;
			top: 51%;
			width: 63%;
			left: 50%;
			text-align: left;
			transform: translate(-50%, 0);
			z-index: 6;
			opacity: 0;
			display: none;
		}
			
			.bg_image .contentbuttons {
				position: relative;
				width: 45%;
				text-align: left;
				opacity: 0;
				display: none;
				margin: 0 auto;
				padding-bottom: 30px;
			}
		
			#sitebody .contentblock {
				width: 75%;
				margin: 0 auto;
			}
			
				#sitebody .contentblock .blockleft {
					margin-top: 19px;
				}
			
				#sitebody .contentblock .blockleft, #sitebody .contentblock .blockright {
					display: inline-block;
					width: 49%;
				}
				
				#sitebody .contentblock .blockright {
					text-align: right;
					vertical-align: top;
					padding-top: 12px;
				}
				
					#sitebody .contentblock .blockleft ul, #sitebody .contentblock .blockright ul, .bg_image .contentbuttons ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
			
					#sitebody .contentblock .blockleft li, #sitebody .contentblock .blockright li, .bg_image .contentbuttons li {
						display: inline-block;
						margin-bottom: 10px;
						width: 100%;
					}
					
						.bg_image .contentbuttons li {
							width: 49%;
							vertical-align: top;
						}
						
							.bg_image .contentbuttons li.larger1 {
								width: 55%;
							}
							
							.bg_image .contentbuttons li.smaller1 {
								width: 43%;
							}
					
					#sitebody .contentblock .blockleft li.padrt, #sitebody .contentblock .blockright li.padrt {
					    padding-left: 87px;
					}
		
			#sitebody .contentblock .txtarea, .bg_image .contentbuttons .txtarea {
				padding: 5px 25px 5px 0;
				color: #ffffff;
				width: 100%;
				text-align: left;
				clear: both;
			}
			
				.contentbox .txtarea, .bg_image .contentbuttons .txtarea {
					padding: 11px 0;
				}
				
				.contentbox .btn, .bg_image .contentbuttons .btn {
					text-align: center;
					color: #ffffff;
					font-weight: 700;
				}
				
				#sitebody .contentbox .bannerimg, .bg_image .contentbuttons .bannerimg {
					width: 90%;
					margin: 0 auto;
					position: relative;
					margin-bottom: 35px;
				}
				
					#sitebody .contentbox .bannerimg img, .bg_image .contentbuttons .bannerimg img {
						width: 100%;
						border: 0;
					}
					
					#sitebody .contentbox .bannerimg.fltrgt {
						float: right;
						clear: both;
					}
			
				.bluebgnon {
					background-color: rgba(54, 90, 168, 0.7);
				}
				
				.orangebg {
					background-color: #f79820;
				}
				
				#sitebody .contentblock .bluebg,  .bg_image .contentbuttons .bluebg {
					background-color: rgba(54, 90, 168, 1);
				}
				#sitebody .contentblock .whtbgnon, .bg_image .contentbuttons .whtbgnon {
					background-color: rgba(255, 255, 255, 0.7);
					padding: 5px 10px 0px;
				}
				
				#sitebody .contentblock .smwdth, .bg_image .contentbuttons .smwdth {
					width: 44%;
				}
				
				#sitebody .contentblock .smw2dth, .contentbox .smw2dth, .bg_image .contentbuttons .smw2dth {
					width: 31%;
				}
				
				#sitebody .contentblock .smw3dth, .contentbox .smw3dth, .bg_image .contentbuttons .smw3dth {
					width: 36%;
				}
				
				#sitebody .contentblock .medwdth, .bg_image .contentbuttons .medwdth {
					width: 67.5%;
				}
				
				#sitebody .contentblock .med1wdth, .bg_image .contentbuttons .med1wdth {
					width: 50%;
				}
				
				#sitebody .contentblock .med2wdth, .bg_image .contentbuttons .med2wdth {
					width: 72%;
				}
				
				#sitebody .contentblock .fullwidth, .bg_image .contentbuttons .fullwidth {
					width: 100%;
				}
			
				#sitebody .contentblock .txtarea .txttop, .bg_image .contentbuttons .txtarea .txttop {
					font-size: 1.2em;
					text-transform: lowercase;
					margin-left: 20px;
					font-weight: 100;
				}
				
				#sitebody .contentblock .txtarea .txtbottom, .bg_image .contentbuttons .txtarea .txtbottom {
					font-size: 1.2em;
					text-transform: uppercase;
					margin-left: 40px;
					font-weight: 700;
				}
				
				#sitebody .contentblock .txtarea .marg20, .bg_image .contentbuttons .txtarea .marg20 {
					margin-left: 20px !important;
				}
				
				#sitebody .contentblock .txtarea .thintxt, .bg_image .contentbuttons .txtarea .thintxt {
					font-weight: 100;
					font-size: 1.3em;
				}
				#sitebody .contentblock .txtarea .toppad, .bg_image .contentbuttons .txtarea .toppad {
					padding-top: 19px;
				}
		
		
				
				#sitebody .contentblock .txtarea .txttopblue, .bg_image .contentbuttons .txtarea .txttopblue {
					color: #293D7B;
					font-weight: 600;
					text-align: center;
					background: transparent;
				}
				
					#sitebody .contentblock .txtarea .txttopblue:first-child {
						/*padding-bottom: 20px;*/
					}
				
					#sitebody .contentblock .txtarea .txttopblue img, .bg_image .contentbuttons .txtarea .txttopblue {
						width: 95%;
					}
				
#sitearea {
	position: absolute;
	width: 75%;
	margin: 0 auto;
	top: 0;
	z-index: 1;
	left: 50%;
    transform: translate(-50%, 0);
	max-width: 2000px;
}

	#sitearea.content {
		position: relative;
		width: 91%;
	}

	#sitearea .visible {
		display: block;
		opacity: 1 !important;
	}
	#toparea {
		position: absolute;
		width: 75%;
		margin: 0 auto;
		top: -10px;
		z-index: 10;
		left: 50%;
		transform: translate(-50%, 0);
		max-width: 2000px;
	}

	#toparea .ssm {
		position: relative;
		text-align: right;
		width: 72%;
		margin-top: 30px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		opacity: 0;
	}
	
		
		
		
		#sitearea .responsivemenu {
			position: absolute;
			top: 0;
			text-align: left;
			display: none;
			width: 100%;
		}
		
		.responsivemenu {
			position: fixed;
			top: 0;
			z-index: 30;
			text-align: left;
			display: none;
			width: 100%;
		}
		
		.responsivebutton {
			width: 9%;
			padding-top: 10px;
		}
		
		.responsivemenu .lines-button:active {
			transition: 0;
		}
		
		.responsivemenu .lines-button:hover {
			opacity: 1;
			top: 1.14286rem;
		}
		
		.responsivemenu .lines-button {
			/*padding: 2rem 1rem;*/
			transition: .3s;
			cursor: pointer;
			user-select: none;
			border-radius: 0.57143rem;
		}
		
		.responsivemenu button {
			display: inline-block;
			margin: 0.2em 0;
			border: none;
			background: none;
		}
		
		.responsivemenu  .lines {
			display: inline-block;
			width: 3rem;
			height: 0.3rem;
			background: #f79820;
			border-radius: 0.28571rem;
			transition: 0.3s;
			position: relative;
		}
		
		
		
			.responsivemenu .lines:before {
				top: 1.14286rem;
			}
			
			.responsivemenu .lines:before {
				top: 0.7rem;
			}
			
			.responsivemenu  .lines:after {
				top: -0.7rem;
			}
			
			.responsivemenu  .lines:before, .responsivemenu .lines:after {
				display: inline-block;
				width: 3rem;
				height: 0.3rem;
				background: #f79820;
				border-radius: 0.28571rem;
				transition: 0.3s;
				position: absolute;
				left: 0;
				content: '';
				-webkit-transform-origin: 0.28571rem center;
				transform-origin: 0.28571rem center;
			}
			
			.responsivemenu .lines-button:hover .responsivemenu .lines:after {
				top: -1.14286rem;
			}
			
			
		
		.responsivemenu  button span {
			display: block;
		}
		
		.responsivemenu .lines-button.close {
			-webkit-transform: scale3d(0.8,0.8,0.8);
			transform: scale3d(0.8,0.8,0.8);
		}
		
		.responsivemenu .lines-button.x.close .lines {
			background: transparent;
		}
		
		.responsivemenu .lines-button:hover {
			opacity: 1;
		}
		
		.responsivemenu .lines-button.x.close .lines:before {
			-webkit-transform: rotate3d(0,0,1,45deg);
			transform: rotate3d(0,0,1,45deg);
		}
		
		.responsivemenu .lines-button.x.close .lines:before, .responsivemenu .lines-button.x.close .lines:after {
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			top: 0;
			width: 3rem;
		}
		
		.responsivemenu .lines-button.x.close .lines:after {
			-webkit-transform: rotate3d(0,0,1,-45deg);
			transform: rotate3d(0,0,1,-45deg);
		}
		
		.responsivemenu .buttontxt {
			padding: 10px 16px;
			color: #274080;
			font-weight: 700;
		}
		
		.responsivemenu img {
			width: 100%;	
		}
		
		
		.responsivemenu-container {
			position: relative;
			top: 0;
			padding: 10px;
			overflow: auto;
			width: 100%;
			z-index: 111;
			background-color: #;
			background-color: rgba(255, 255, 255, 0.9);
			-webkit-transition: all 0.3s ease-down;
			transition: all 0.3s ease-down;
			display: none;
			left: 0;
		}
		
			.responsivemenu-container ul {
				margin-bottom: 10px;
				margin-left: 0;
				padding: 0;
			}
			
			#sitebody .respnav-menu li {
				display: block !important;
				text-transform: uppercase;
				padding: 10px;
				border-bottom: solid #dddddd 1px;
				font-size: 1.2em;
				color: #274080;
			}
				#sitebody .respnav-menu li a {
					color: #274080;
					text-decoration: none;
				}
		
		#toparea .joinbtn {
			max-width: 300px;
			border: solid 2px #f8b482;
			padding: 8px;
			font-family: 'Oswald', sans-serif;
			font-weight: 400;
			color: #2B4D8C;
			text-align: center;
			text-transform: uppercase;
			cursor: hand;
			cursor: pointer;
			letter-spacing: 3px;
			font-size: 0.8em;
		}
		
		#toparea .ssm ul.ssmmenu {
			list-style: none;
			padding: 0;
			margin: 0;
			top: 10px;
			position: absolute;
			right: 0;
			z-index: 4;
		}
		
		#toparea .ssm li {
			display: inline-block;
		}
		
			#toparea .ssm li.icon {
				padding: 11px 11px 0px 0px;
				vertical-align: top;
			}
			
	#sitearea .logoarea {
		position: relative;
		width: 63%;
		margin-top: 30px;
		margin-right: auto;
		margin-bottom: -30px;
		margin-left: auto;
		opacity: 0;
		z-index: 10;
	}
		#sitearea .logoarea ul {
			list-style: none;
		}
		
		#sitearea .logoarea li {
			display: inline-block;
		}
		
			#sitearea .logoarea img {
				width: 98%;
				border: 0;
			}
			
				#sitearea .logoarea li.logo img {
					width: 100%;
					vertical-align: top;
					border: 0;
				}
				
			#sitearea .logoarea li.nametitle {
				width: 10%;
				vertical-align: top;
				font-size: 0.9em;
				color: #274080;
				text-align: center;
			}
			
			#sitearea .logoarea li.namefull {
				width: 74%;
				font-size: 8em;
				color: #274080;
				font-weight: 400;
			}
			
			#sitearea .logoarea li.nameext {
				color: #274080;
				font-size: 1.2em;
			}
			
	#sitearea .contentboxarea, #sitebody .bg_image .contentboxarea {
		width: 63%;
		margin-top: 20px !important;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
		clear:both;
	}
		#sitearea .contentboxarea .bannerbox img {
			border: 0;
		}
		
			#sitearea .contentboxarea .bannerbox.streamlist {
				flex: 0 1 10%;
				flex-wrap: nowrap;
				margin: 0;
                padding: 20px;
			}
			
			#sitearea .contentboxarea .bannerbox.streamlist .streambox {
				border-right: solid #cbd5f2 1px;border-bottom: solid #cbd5f2 1px;min-width:25%;flex-grow:1;margin-bottom:30px;
			}
			
				#sitearea .contentboxarea .bannerbox.streamlist .streambox:last-child, #sitearea .contentboxarea .bannerbox.streamlist:last-child {
					border-right:0;
				}
				
				#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea {
					padding:0 10px;
				}
				
					#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
						width: 65%;height: 15vh;background-size: cover;margin: 0 auto;border: solid #cbd5f2 1px;
					}
					
					#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle {
						text-align: center;margin-top: 23px;font-size: 1.1em;font-weight: bold;color: #464646;
					}
					
						#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle a {
							color: #464646;
							text-decoration: none;
						}
							#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle a:hover {
								color:#006db2;
								text-decoration: underline;
							}
					
					#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .tx-center {
						text-align: center;
					}
					
					#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody {
						padding-bottom: 10%;
					}
					
						#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody p {
							font-size:0.9em;color: #464646;line-height: 17px;
						}
						
						#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea p.streamlink {
							font-size:0.9em;color: #464646;line-height: 17px;
						}
	
		.bg_image .contentboxarea.full:after {
			content: "";
			display: block;
			padding-bottom: 20%;
		}
	
		.bg_image .contentboxarea {
			position: relative;
			padding-bottom: 20px;
			display: none;
		}
	
		.pagetitle {
			font-size: 2em;
			color: #293D7B;
			display: none;
		}
		
		.pagebody {
			background-color: #ffffff;
			padding: 20px;
			display: none;
		}
		
			.pagebody.full {
				padding-bottom: 100px;
			}
		
			.pagebody img {
				max-width: 100%;
			}
		
		.gform_wrapper .gform_heading {
			display: none;
		}
		
		.gform_wrapper label.gfield_label {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1em;
			color: #464646;
		}
		
		.gform_wrapper .gform_footer input.button {
			background: #f79820;
			border: solid #f79820 1px;
			padding: 10px;
			border-radius: 5px;
			color: #ffffff;
		}
		
		.nice-select {
			height: 34px;
			margin-bottom: 10px;
			float: none;
			border-radius: 0px;
			padding-left: 5px;
			line-height: 33px;
		}
		
		.formarea {
			width: 95%;
			margin: 0 auto;
		}
		
			.formarea .nolabel label {
				display: none !important;
			}
			
			
			
			.formarea .nice-select, select, textarea, input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
				color: #293D7B !important;
				width: 100% !important;
				border: solid #F79820 1px;
				font-size: 0.9em !important;
				font-family: Helvetica, Arial, sans-serif !important;
			}
			
			.formarea input[type=submit] {
				width: 35%;
				max-width: auto;
				background-color: #f79820;
				color: #ffffff;
				font-weight: 700;
				text-transform: uppercase;
				float: right;
				max-width: 185px;
				border: solid 1px #f8b482;
				padding: 8px;
				font-family: 'Open Sans', sans-serif;
				text-align: center;
				cursor: hand;
				cursor: pointer;
				letter-spacing: 1px;
			}
		
			.formarea .formfield {
				/*padding: 10px;*/
				position: relative;
			}
			
			.formarea .forminput {
				color: #293D7B;
				padding: 10px;
				border: solid #F79820 1px;
			}
			
			.formarea .formselectarea {
				min-height: 35px;
				width: 99%;
				overflow: hidden;
				border: solid #F79820 1px;
			}
			
			.formarea .formselect {
				color: #293D7B;
				width: 98%;
				padding: 0;
				min-height: 25px;
				margin-top: 8px;
				border: 0;
				background-color: #ffffff;
			}
			
			.formarea .formtextarea {
				min-height: 75px;
				max-width: 96.5%;
			}
		
		#sitearea .contentboxarea.full {
			width: 60%;
			margin: 65px auto;
		}
		
			#sitearea .contentboxarea.custop1 {
				margin-top: 141px !important;
				margin-right: auto;
				margin-bottom: 141px;
				margin-left: auto;
			}
		
		.fb_iframe_widget_fluid span {
			width: 100% !important;
		}
		
		.fb_iframe_widget span, .fb_iframe_widget iframe {
			min-width: 400px !important;
			width: 100%;
			height: 550px !important;
		}
		
		#sitearea .contentbox, .bg_image .contentbox {
			width: 40%;
			min-height: 150px;
			border: solid 1px #F79820;
			padding-bottom: 10px;
			margin-left: 145px;
			opacity: 0;
			display: none;
		}
		
			#sitearea .contentbox, .bg_image .contentbox.origheight {
				height: auto !important;
			}
			#sitearea .contentbox.paddbottom, .bg_image .contentbox.paddbottom {
				padding-bottom: 175px;
			}
		
			.bg_image .contentbox {
				width: 70%;
				margin: 0 auto;
				background-color: #ffffff;
			}
			
				.bg_image .contentbox:after {
					padding-bottom: 15%;
				}
				
			#sitebody .bg_image.centerorig {
				top: 139px !important;
			}
			
			#sitebody .bg_image.center1 {
				top: 122px;
			}
			
			#sitebody .bg_image img.center2 { 
				margin-left: 249px;
				width: 70%;
			}
			
			#sitebody .bg_image.center2 {
				top: 95px !important;
			}
			
			#sitebody .bg_image.center3 {
				top: 97px !important;
			}
			
			#sitebody .bg_image img.center3 {
				margin-left: 252px;
				width: 68%;
			}
				
				
			#sitearea .contentbox .ssmarea {
				width: 65%;
				margin: 0 auto;
				display: none;
			}
			
			#sitearea .contentbox .ssmlinkarea ul {
				list-style: none;
				padding-right: 10px;
			}
				#sitearea .contentbox .ssmlinkarea li {
					display: inline-block;
					padding: 10px 2px;
					color: #9ea7c2;
					vertical-align: middle;
				}
				
					#sitearea .contentbox .ssmlinkarea li .ssmtxt {
						color: #9ea7c2;
						font-size: 0.9em;
					}
			
			#sitearea .contentbox.full, .bg_image .contentbox.full {
				width: 40%;
				min-height: 150px;
				max-height: 289px;
				overflow: scroll;
			}
				.bg_image .contentbox.full {	
					width: 90%;
				}
			
			#sitearea .contentbox.bgwht {
				background-color: #ffffff;
			}
			
				#sitearea .contentbox.bgwht p {
					font-size: 1.2em;
					line-height: 22px;
				}
			
			#sitearea .contentbox.ssm {
				margin: 40px auto;
			}
			
			#sitearea .contentbox.video {
				width: 54%;
				overflow: visible;
				text-align: left;
			}
			
			#sitearea .contentbox.bxright {
				float: right;
			}
		
		#sitearea .contenttitle, .bg_image .contenttitle {
			width: 90%;
			margin: 10px auto;
			background-color: #6681bb;
			padding: 16px 0;
			position: relative;
		}
			#sitearea .contenttitle.dkblue {
				background-color: #365aa8;
			}
			
			
		
			#sitearea .contenttitle .titletxt, .bg_image  .contenttitle .titletxt{
				color: #ffffff;
				font-size: 2.7em;
				text-transform: uppercase;
				position: absolute;
				top: -14px;
			}
			
				.bg_image  .contenttitle .titletxt {
					font-size: 3.5em;
					top: -12px;
				}
			
			#sitearea .contenttitle .txtright {
				right: 0;
			}
			
			
				
		#sitearea .contentpara, .bg_image .contentpara {
			color:#231F20;
			font-size: 0.8em;
			width: 89%;
			margin: 0 auto;
			text-align: left;
			
			/*height: 100px;
			overflow: hidden;*/
		}
			.bg_image .contentpara {
				font-size: 1.2em;
			}
			
			#sitearea .contentpara p, .bg_image .contentpara p {
				padding: 0;
				margin: 0;
				font-size: 1.2em;
				line-height: 16px;
			}
		
		#sitearea .btn, .bg_image .btn {
			max-width: 85px;
			border: solid 1px #f8b482;
			padding: 8px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			color: #2B4D8C;
			text-align: center;
			cursor: hand;
			cursor: pointer;
			letter-spacing: 1px;
			margin: 10px auto;
		}
		
		#sitearea .btnorange, .bg_image .btnorange {
			width: 35%;
			max-width: auto;
			background-color: #f79820;
			color: #ffffff;
			font-weight: 700;
			text-transform: uppercase;
		}
			#sitearea .btnorange a, .bg_image .btnorange a {
				color: #ffffff !important;
				font-weight: 700;
				text-transform: uppercase;
				text-decoration: none !important;
			}
		
			.bg_image .btnlarge {
				width: 60%;
				max-width: 100%;
				border-radius: 5px;
			}
			
				#sitebody .bg_image .btnlarge img {
					width: 80%;
				}
	
			
		#sitearea button.midbtn, .bg_image button.midbtn {
			position: absolute;
			bottom: -15px;
			max-width: 120px;
			left: 10px;
			-webkit-box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
			box-shadow: 0px 14px 18px -14px rgba(0,0,0,0.75);
		}
		
		button:focus {outline:0;}
		select:focus {outline:0;}

		#sitearea button.click {
			transition: all .2s;
			box-shadow: 0 5px 40px -23px rgba(0,0,0,0.25);
			-webkit-box-shadow: 0 5px 40px -23px rgba(0,0,0,0.25);
			-moz-box-shadow: 0 5px 40px -23px rgba(0,0,0,0.25);
		}
/*Press Styles*/
#tphpress .pressbox {
	background-color: #eeeeee;
	margin: 10px;
    padding: 20px;
}
	#tphpress .pressbox h2 {
		text-align: center;
	}
	
	#tphpress .pressbox h2 a {
		text-decoration: none;
	}
	

#tphpress .publishdate {
	text-align: center;
    padding: 10px 0;
    font-style: italic;
}		
/*Blog Styles*/
.blogblock {
	width: 100%;
	margin-bottom: 35px;
}
	.blogblock .blogimgarea, .blogblock .blogtxtarea {
		display: inline-block;
	}
	
		.blogblock .blogimgarea {
			width: 28%;
			text-align: center;
			vertical-align: top;
		}
		
		.blogblock .blogtxtarea {
			width: 70%;
			vertical-align: top;
		}
	.blogblock .blogimg {
		width: 80%;
		margin: 0 auto;
	}
	
		.blogblock .blogimgblock {
			width: 100%;
			border-radius: 5px;
		}
		.blogblock .blogimgblock:after {
			content: '';
			display: block;
			padding-bottom: 100%;
		}
		
	.blogblock .blogtitle {
		font-weight: 100;
		text-transform: uppercase;
		font-size: 1.3em;
	}
	
		.blogblock .blogtitle a {
			color: #4d4d4d;
			text-decoration: none;
			color: #f79820;
			font-weight: 700;
		}
		
			.blogblock .blogtitle a:hover {
				text-decoration: underline;
			}
	
	.blogblock .blogsubhead {
		border-bottom: solid #dddddd 1px;
		margin-bottom: 10px;
	}
	
	.blogblock .blogtags, .blogblock .blogdate, .blogblock .blogcommentnum, .blogblock .blogcategory {
		color: #7e7e7e;
		font-size: 0.9em;
		padding: 5px 30px 10px 0;
	}
	
	.blogblock .blogbody {
		color: #000000;
		font-weight: 100;
		line-height: 24px;
	}
	
	.blogblock .blogshare {
		margin-top: 10px;
		font-size: 0.9em;
		color: #818080;
	}
	
	.blogblock .blogbutton {
		margin: 0;
		border-radius: 3px;
		padding: 5px 25px;
		background-color: #f79820;
		color: #ffffff;
		font-weight: 700;
		text-transform: uppercase;
		float: right;
		max-width: 185px;
		border: solid 1px #f8b482;
		padding: 8px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		cursor: hand;
		cursor: pointer;
		letter-spacing: 1px;
	}

#wpadminbar {
	display: none !important;
}

/*Modal Styles */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
   
}

	.modalbg {
		position: fixed;
		width: 100%;
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	}
	
		.modalbg {
			content: '';
			display: block;
			padding-bottom: 100%;
			height: 100%;
		}

/* Modal Content/Box */
.modal-content {
	position: absolute;
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */
	left: 50%;
    transform: translate(-50%, 0);
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
	opacity: 0;
	clear: both;
}

	.modal-content.clear {
		background-color: transparent;
		border: 0;
	}
	
	.modal-content.clear p {
		color: #ffffff;
	}

.modal-image {
	display: inline-block;
	width: 100%;
	
}

	.modal-image.full {
		width: 100%;
	}
	
	.modal-speakerhead {
		background-color: #f3900a;
		width: 80%;
		padding: 14px 25px;
		text-align: center;
		font-weight: 700;
		color: #ffffff;
	}
	
	.modal-imageblock {
		display: inline-block;
		width: 25%;
	}

	.modal-image:after {
		content: '';
		display: block;
		padding-bottom: 93%;
	}
	
.modal-bio {
	display: inline-block;
	width: 69%;
	color: #000000;
	vertical-align: top;
	padding: 20px;
}

	.modal-bio img {
		width: 50% !important;
	}

.modal-info {
	width: 100%;
	color: #000000;
	vertical-align: top;
	padding: 20px;
}

/* The Close Button */
.modalclose {
    color: #aaa;
    float: right;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 11px;
    top: 4px;
}

.modalclose:hover,
.modalclose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*Store Styles*/
.edd_download_purchase_form .edd_download_quantity_wrapper {
	width: 28%;
    margin-top: 5px;
    display: inline-block;
    overflow: hidden;
    font-size: 0.8em;
}
	.formarea .nice-select, select, textarea, input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).edd-item-quantity {
	/*.edd_download_purchase_form .edd_download_quantity_wrapper .edd-item-quantity {*/
		float: right;
		width: 54% !important;
	}
	
	.edd_download_purchase_form .edd_download_quantity_wrapper:before {
		content: 'Qty:';
		display: inline-block;
	}
	
	.edd_download_image {
		text-align: center;
	}

.edd_purchase_submit_wrapper {
	width: 68%;
    display: inline-block;
    overflow: hidden;
}

	.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js {
		font-size: 0.8em;
		padding: 6px 6px;
	}


    
	#waystowatch {
		padding-bottom: 30px;
	}
	#waystogive {
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 0;
	}
	#waystogive {
		background: #f9f9f9;
	}
	#waystogive h3
	#waystogive h4{
		color: #5592c3;
	}
	.wtg {
		text-align: center;
	}
	.wtg > h4 {
		color: #5592c3;
	}
	.rowstyle{
		margin-top: 20px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-top: 1px solid #ddd;
	}
	img.head {
		margin:0 auto!important;
		padding: 10px;
	}

    img.col {
        max-width: 80px;
        max-height: 80px;
    }
	.btn-watch {
	  color: #fff;
	  border-color: #462770;
	  background-color: #462770;
	  border-radius: 0;
	  margin: 0 auto;
		  transition: all 0.2s ease;
		margin-bottom: 30px;
	}
	.btn-watch:focus,
	.btn-watch.focus {
	  color: #fff;
	  background-color: #462770;
	  border-color: #462770;
	}
	.btn-watch:hover {
	  color: #333;
	  background-color: #e6e6e6;
	  border-color: #adadad;
	}
	.btn-custom {
		background-color: #462770;
		box-shadow: 2px 1px 8px rgba(50,50,50, 0.7);
		letter-spacing: 1px;
	}
	.btn-custom:hover {
		background: #555;
		transition: 2s;
	}

    .streamlist hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
    }

    ul.listitems {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }

        ul.listitems li {
            padding: 7px;
            flex: 1 1 0px;
            text-align: center;
            font-size: 1em !important;
        }

        ul.listitems li:first-child {
            max-width: 20%;
            min-width: 15%;
        }

        ul.listitems li a {
            font-size: 0.8em;
        }

        ul.listitems li a.broken_link, ul.listitems li a.broken_link {
            text-decoration: none;
        }

        ul.listitems li h2 {
            font-size: 1.3em;
        }

    .nomargin {
        margin: 0;
    }
    .titlepurple {
        color:#462770;
        font-weight: bold;
    }

    .bold {
        font-weight: bold;
    }

    .smalltxt {
        text-align: center;
        margin-bottom: 15px;
        font-style: italic;
        font-size: 0.8em;
        line-height: 16px;
    }

    .smallanch {
        font-size: 0.8em;
    }

    /*Responsive Styles */
    @media (max-width: 1024px) {
        ul.listitems {
            display: block;
        }

        ul.listitems li:first-child {
            max-width: 100%;
        }

        .empty {
            display: none;
        }

        ul.listitems li {
            padding: 20px;
            font-size: 1.9em !important;
        }

        ul.listitems li a {
            font-size: 1em;
        }

        ul.listitems li h2 {
            font-size: 2em;
        }

        img.col {
            max-width: 100px;
            max-height: 100px;
        }

        .smalltxt {
            margin-top: 10px;
        }
    }
    @media (max-width: 736px) {
        ul.listitems {
            display: block;
        }

        ul.listitems li:first-child {
            max-width: 100%;
        }

        .empty {
            display: none;
        }

        ul.listitems li {
            padding: 20px;
            font-size: 1.9em !important;
        }

        ul.listitems li a {
            font-size: 1em;
        }

        ul.listitems li h2 {
            font-size: 2em;
        }

        img.col {
            max-width: 100px;
            max-height: 100px;
        }

        .smalltxt {
            margin-top: 10px;
        }
    }
    @media (max-width: 480px) {
        
        ul.listitems {
            display: block;
        }

        ul.listitems li:first-child {
            max-width: 100%;
        }

        .empty {
            display: none;
        }

        ul.listitems li {
            padding: 20px;
            font-size: 1.9em !important;
        }

        ul.listitems li a {
            font-size: 1em;
        }

        ul.listitems li h2 {
            font-size: 2em;
        }

        img.col {
            max-width: 100px;
            max-height: 100px;
        }

        .smalltxt {
            margin-top: 10px;
        }
    }
    @media (max-width: 414px) {
        ul.listitems li a {
            font-size: 1em !important;
        }
    }