/*
Theme Name: Encoutner
Description: Encounters Awesome Theme
Author: Joe Thomas
Version: 1
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* COLORS

Green		#6ac4a6
Dark Green	#4c8c77
Red			#ef412c
Grey		#f9f9f9

 */
 
 
 /* General Typography */
 
 p {
 	font-size: 1.1em;
 	line-height: 25px;
 	color: black;
 	padding-bottom: 25px;
 	font-family: "Vollkorn", serif;
 }
 
 h1 {
 	font-size: 24px;
 	color: #ef412c;
 	padding-bottom: 5px;
 	font-family: "Lato", sans-serif;
 }
 
 h2 {
 	font-family: "Lato", sans-serif;
 	font-size: 1.6em;
 	color: #ef412c;
 	padding-bottom: 5px;
 	text-shadow: none;
 }
 
 .deeper-life {
 	font-family: "Lato", sans-serif;
 	font-size: 1.6em;
 	color: #6ac4a6;
 	padding-bottom: 5px;
 		text-shadow: none;
 }
 
 h3 {
 	 font-family: "Lato", sans-serif;
 	 color: white;
 	 background: #6ac4a6;
 	 display: block;
 	 width: 290px;
 	 padding: 10px;
 	 font-size: 1.1em;
 	 margin-bottom: 20px;
 	 	text-shadow: none;
 }
 
 h4 {
 	font-family: "Vollkorn", serif;
 	font-size: 1.1em;
 	color: black;
 	text-align: center;
 	width: 270px;
 }
 
 h5 {
 	font-family: "Lato", sans-serif;
 	font-size: 1.1em;
 	color: #6ac4a6;
 	padding-top: 10px;
 	padding-bottom: 5px;
 	margin-bottom: 10px;
 	border-bottom: 1px solid #6ac4a6;
 	display: block;
 }
 
 ul{
 padding-bottom: 25px;
 }
 
 li {
 	line-height: 25px;
 	font-family: "Vollkorn", serif;
 	font-size: 1.1em;
 }
 
 #smallgroups {
 	font-style: italic;
 }
 
 ol {
 	list-style: upper-roman;
 	padding: 0px 0px 25px 50px;
 }
 
 ol li {
 	padding-bottom: 12.5px;
 }
 

 a {
 	color: #ef412c;
 	font-style: italic;
 	text-decoration: none;
 	font-size: 18px;
 }

 
 a:hover {
 	color: #6ac4a6;
 }
 
 .clear {
 	clear: left;
 }
 
 #callout {
 	color: #6ac4a6;
 	font-size: 1.3em;
 	text-align: center;
 	width: 100%;
 }
 
 #scripture {
 	color: #ef412c;
 }
 
 .email {
 	color: #ef412c;
 	font-style: normal;
 	font-size: 18px;
 }
 
 /* NAVIGATION */
 
 header {
 	height: 100px;
 	width: 100%;
 	z-index: 2;
 	position: fixed;
 	margin: auto;
 }
 
 nav {
 	width: 880px;
 	margin: auto;
 	overflow: hidden;
 	background: white;
 	padding: 0px 40px 0px 40px;
 	border-bottom: 1px groove #e5e5e5;

 }
 
 nav ul {
 	float: right;
 }
 
 nav ul li {
 	display: block;
 	float: left;
 	color: #6ac4a6;
 	font-size: 1.1em;
 	font-style: normal;
 	font-family: "Lato", sans-serif;
 }
 
 nav ul li:hover {
 	background: #6ac4a6;
 	color: white;
 }
 
 nav ul li a {
 	color: #6ac4a6;
 	font-style: normal;
 	display: block;
 	padding: 45px 15px 20px 15px;
 }
 
  nav ul li a:hover {
 	color: white;
 	font-style: normal;
 }
 
  #logo {
 	float: left;
 	margin-top: 33px;
 }
 
 
 
 /* BANNER */
 
 #banner {
 	height: 625px;
	margin:0px auto 0px auto;
	background-image: url("/images/banner.jpg");
	background-size: cover:
	z-index: -1;
	background-position: top center;
 }
 
 #sub_banner_menu {
 	background: #6ac4a6;
 	height: 137px;
 }
 
 #sub_banner_menu ul {
 	width: 960px;
 	margin: auto;
 }
 
 #sub_banner_menu ul li a {
 	display: block;
 	float: left;
	height: 97px;
	width: 33%;
	padding-top: 40px;
	border-left: 1px solid #4c8c77;
 }
 
 #small_groups a {
  	border-right: 1px solid #4c8c77;
  }
 
 
 #sub_banner_menu ul li a:hover {
 	cursor: pointer;
 	background-color: #4c8c77;
 }
 
 #sub_banner_menu ul li h1 {
 	text-align: center;
	margin: auto;
	color: white;
	font-size: 24px;
	padding-top: 20px;
 }
 
 
 /* Home Content */
 
 
 #home_content {
 	width: 960px;
 	margin: auto;
 	padding: 20px 0px;
 	overflow: hidden;
 }
 
 #home_schedule {
 	width: 295px;
 	float: left;
 	margin-right: 20px;
 }
 
 #home_good_news {
 	width: 624px;
 	padding-left: 20px;
 	float: right;
 }
 
 #slider {
 	width: 960px; 
 	margin: auto;
 	position: relative;
 	top: 260px;
 	padding-left: 60px;
 }
 
  .slide1 {
 	-webkit-animation-duration: 3s;
    -webkit-animation-delay: .5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: .5s;
    animation-duration: 3s;
    animation-delay: .5s;
 }
 
 .slide2 {
 	-webkit-animation-duration: 3s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 1.5s;
    animation-duration: 3s;
    animation-delay: 1.5s;
 }
 
  .slide3 {
 	-webkit-animation-duration: 3s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 2.5s;
    animation-duration: 3s;
    animation-delay: 2.5s;
 }
 
  .slide4 {
 	-webkit-animation-duration: 3s;
    -webkit-animation-delay: 3.5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 3.5s;
    animation-duration: 3s;
    animation-delay: 3.5s;
 }
 
 /* FOOTER */
 
 footer {
 	background: #f9f9f9;
 	padding: 40px 0px 20px 0px;
 	clear: both;
 }
 
 footer ul {
 	width: 960px;
 	margin: auto;
 }
 
 footer ul li {
 	display: inline-block;
 	padding-right: 20px;
 	font-size: 14px;
 	color: #999;
 	font-style: normal;
 }
 
 footer ul li:hover {
 	color: #ef412c;
 }
 

 
   /* Main Content Area */
 
 #content-wrapper {
 	width: 960px;
 	margin: auto;
 	overflow: hidden;
 	padding-top: 20px;
 }
 
 #secondary-banner {
 	background-image: url("/images/about-banner.jpg");
	z-index: -1;
	background-position: top center;
	height: 350px;
 }
 
 #smallgroups-banner {
 	background-image: url("/images/smallgroups.jpg");
	z-index: -1;
	background-position: top center;
	height: 350px;
 }
 
  #contact-banner {
 	background-image: url("/images/contact.jpg");
	z-index: -1;
	background-position: top center;
	height: 350px;
 }
 
 #calendar-banner {
 	background-image: url("/images/calendar.jpg");
	z-index: -1;
	background-position: top center;
	height: 350px;
 }
 
 #media-banner {
 	background-image: url("/images/media.jpg");
	z-index: -1;
	background-position: top center;
	height: 350px;
 }
 
 #main-content {
 	width: 610px;
 	float: right;
 	padding-left: 40px;
 }
 
 
 .small-group {
 	float: left;
 	width: 50%;
 }

.small-group:nth-child(even) {
	float: right;
	width: 50%;
}
 
 
   /* Media */
   
 #main-content-full {
 	width: 960px;
 }
 
 #main-content-full ul li {
 	float: left;
 	padding: 0px 50px 25px 0px;
 	width: 270px;
 	height: 250px;

 }
 
 .series-title {
 	color: #6ac4a6;
 	font-size: 1.1em;
 	line-height:.7em;
 	padding-top: 3px;
 }
 
 .series-info {
 	width: 270px;
 	height: 50px;
 	font-family: "Vollkorn", serif;
 	font-size: .9em;
 	color: black;
 	width: 270px;
 }
 
 .sermon-description {
 	padding: 25px 0px;
 	width: 640px;
 }
 
 .player {
 	width: 640px;
 	float: left;
 }
 
 .downloads {
 	width: 270px;
 	padding-left: 50px;
 	color: red;
 	float: right;
 }

  /* Aside */
  
  aside {
  	width: 310px;
  	float: left;
  }

  
  .widget_twitter li{
  	padding: 20px 0px;
  	border-bottom: 1px solid #e5e5e5;
  }
  
  .widget_twitter li:first-child {
  	padding-top: 0px;
  }
  
  
  
  /* Core Values */
  
  
#core-values {
  	width: 550px;
  	height: 300px;
  	margin: auto;	
  	position: relative;
  	background-image: url(/images/core-values.png);
  	background-repeat: no-repeat;
  	background-position: center center;
	margin-top: 60px;
	color: #ef412c;
	font-family: "Lato", sans-serif;
  	font-size: 20px;
  	font-style: normal;
  }
  
#core-values:hover {
    	cursor:  default;
    }
  
#christ {
	width: 550px;
	text-align: center;
	height: 150px;
}

#presence {
	width: 550px;
	text-align: center;
	clear: both;
	padding-top: 90px;
}

#holy-spirit {
	width: 177px;
	float: left;
	text-align: center;
	top: -20px;
	position: relative;
}

#community {
	width: 177px;
	float: right;
	text-align: center;
	top: -20px;
	position: relative;
}


  /* Forms */
  
.text {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #dddddd;
}

.textarea {
	padding: 12px 14px 9px 10px;
	font-size: 16px;
	border: 1px solid #dddddd;
}

#submit {
	padding: 12px 30px;
	background: #6ac4a6;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	border: 1px solid #dddddd;
}

#submit:hover {
	cursor: pointer;
	background: #4c8c77;
	color: white;
}

  /* Calendar */
  
  /* PAGE GRID */

.gce-page-grid .gce-calendar .gce-caption{ /* Caption at top of calendar */
	text-align:center;
	color:#ef412c;
	font-size: 20px;
	font-family: "Lato", sans-serif;
	padding-bottom: 10px;
}

.gce-page-grid .gce-calendar{ /* Main calendar table */
	width:610px;
	border-collapse:collapse;
	border:1px solid #6ac4a6;
	color:#6ac4a6;
	font-family: "Vollkorn", serif;
}

.gce-page-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	border:1px solid #6ac4a6;
	text-align:center;
	width:14.29%;
	padding:2px 0px 0px 0px;
}

.gce-page-grid .gce-calendar td{ /* Day table cells */
	border:1px solid #6ac4a6;
	text-align:center;
	height:80px;
	vertical-align:middle;
	padding:0;
}

.gce-page-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	color:#ef412c;
	cursor:pointer;
}

.gce-page-grid .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-page-grid .gce-calendar .gce-day-number{ /* Day number span */
	font-size:2em;
}

.gce-page-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color: #6ac4a6;
	color: white;
}

.gce-page-grid .gce-calendar .gce-next,
.gce-page-grid .gce-calendar .gce-prev{ /* Previous and next month links */
	cursor:pointer;
	display:inline-block;
	width:3%;
}

.gce-page-grid .gce-calendar .gce-month-title{ /* Month title */
	display:inline-block;
	width:90%;
}

.gce-page-grid .gce-calendar th abbr{ /* Day letter abbreviation */
	border-bottom:none;
}

/* PAGE LIST */

.gce-page-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-page-list .gce-list p span,
.gce-page-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#6ac4a6;

}

.gce-page-list .gce-list .gce-list-event{ /* The event title */
	background-color: white;
	font-family: "Vollkorn", serif;
	color: black;
	line-height: 20px;
}

.gce-page-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	font-family: "Lato", sans-serif;
	padding-top: 20px;
	font-size: 18px;
	color: #ef412c;
	text-decoration: underline;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.gce-page-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height: 20px;
}

/* WIDGET GRID */

.gce-widget-grid .gce-calendar .gce-caption{
	text-align:center;
}

.gce-widget-grid .gce-calendar{ /* Main calendar table */
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

.gce-widget-grid .gce-calendar th{ /* Day headings (S, M etc.) */
	width:14.29%;
	border:1px solid #CCCCCC;
	text-align:center;
}

.gce-widget-grid .gce-calendar td{ /* Day table cells */
	color:#CCCCCC;
	width:14.29%;
	border:1px solid #CCCCCC;
	text-align:center;
}

.gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */
	cursor:pointer;
	color:#666666;
}

.gce-widget-grid .gce-calendar .gce-today{ /* Table cell that represents today */
	background-color:#f9f9f9;
}

.gce-widget-grid  .gce-calendar .gce-event-info{ /* Event information */
	display:none; /* Important! */
}

.gce-widget-grid  .gce-calendar .gce-next,
.gce-widget-grid  .gce-calendar .gce-prev{ /* Prev and next month links */
	cursor:pointer;
	display:inline-block;
	width:5%;
}

.gce-widget-grid .gce-calendar .gce-month-title{ /* Month title in caption at top of table */
	display:inline-block;
	width:80%;
}

.gce-widget-grid .gce-calendar th abbr{ /* Day name abbreviations */
	border-bottom:none;
}

/* WIDGET LIST */

.gce-widget-list .gce-list p{ /* Each piece of information in the list */
	margin:0;
}

.gce-widget-list .gce-list p span,
.gce-widget-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

.gce-widget-list .gce-list .gce-list-event{ /* The event title */
	background-color:#DDDDDD;
}

.gce-widget-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	font-weight:bold;
}

.gce-widget-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

/* TOOLTIP */

.gce-event-info{ /* Tooltip container */
	background-color:#FFFFFF;
	border:1px solid #333333;
	max-width:300px;
}

.gce-event-info .gce-tooltip-title{ /* 'Events on...' text */
	margin:5px;
	font-weight:bold;
	font-size:1.2em;
}

.gce-event-info ul{ /* Events list */
	padding:0;
	margin:5px;
	list-style-type:none;
}

.gce-event-info ul li{ /* Event list item */
	margin:10px 0 0 0;
}

.gce-event-info ul li p{ /* Each piece of information */
	margin:0;
}

.gce-event-info ul li p span,
.gce-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */
	color:#999999;
}

.gce-event-info .gce-tooltip-event{ /* The event title */
	background-color:#DDDDDD;
	font-weight:bold;
}