/*
Theme Name: EHF
Theme URI: http://www.eastharlemfellowship.com
Description: A custom WordPress site for East Harlem Fellowship
Author: Chris DeMartino
Author URI: http://chrisdemartino.com
Version: 1.0
Tags: clean, light, responsive, custom-post-types, custom-fields

License: N/A
License URI: N/A

This theme is for East Harlem Fellowship's website
*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #333;
  font-family: 'Gotham A', 'Gotham B'; 
  font-weight: 400; 
  font-style: normal;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}

.wide-image {
  text-align: center;
  height: 160px;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  margin: 0;
}

h2 {
  font-size:1.8em;
}

p {
  margin: 0;
}

p, a {
  font-size: 1em;
}

a:hover {
  color: #000;
}

.group:after {
  content: " ";
  display: table;
  clear: both;
}

.alignright {
  float: none;
  width: 100%;
}

.orange-font {
  color: #DD7400;
}

a.orange-font:hover {
  color: #000;
}

.lighter-h3 {
  font-weight: 300;
}

/***********************************************
COLUMN LAYOUT
***********************************************/

.twocol {
  margin: 2em 0 5em;
}

.threecol {
  margin: 0 0 100px;
}

.fourcol {
  margin: 2em 0;
}


/***********************************************
HEADER
***********************************************/


.header-container {
  width: 100%;
}

.logo {
  float:left;
  width: 50%;
  text-align: center;
}


/***********************************************
NAVIGATION
***********************************************/

#mainmenu {
  display: none;
  text-transform: uppercase;
}

#mainmenu ul li a {
  color: #B0B0B0;
  font-size: 1em;
  font-weight: 700;
}

#mainmenu ul ul li a {
  font-size: 0.85em;
  font-weight: 400;
}

.social-media2 {
  float: left;
  width: 60%;
  height: 55px;
}

.slicknav_btn {
  margin: 30px 15px 6px 5px;
}

.slicknav_menu {
  background-color: #FFF;
}

.slicknav_nav {
  text-align: center;
  background-color: #EEE;
}

.slicknav_nav a {
  color: #000;
}


/***********************************************
HOME PAGE
***********************************************/

.maincontent {
  overflow: hidden;
}

.mainslider {
  text-align: center;
}

.full-image {
  height: 165px;
}

.home-info {
  text-align: center;
  margin: 1em auto 4em;
  width: 90%;
}

.home-image {
  background: #ffa949 url("images/hp_map.png") no-repeat center;
  background-size: cover;
}

.map-link {
  display: block;
  height: 100%;
}


/***********************************************
FOOTER
***********************************************/

.mainfooter {
  padding: 1.5em 0 1em;
  text-align: center;
}

.social-media {
  margin-bottom: 2em;
}

.social-media ul {
  padding-top: 0.5em;
}

.social-media ul li {
  display: inline-block;
  margin: 0 0.5em;
}

.socialmedia-link:hover {
  color: #999;
}

.socialmedia-image {
  border: 2px solid #CBCBCB;
  border-radius: 100%;
}

.to-top {
  color: #333;
}

.to-top:hover {
  color: #444;
}

/***********************************************
Wooslider
***********************************************/

.wooslider {
  border:none;
  box-shadow: none;
}

/***********************************************
Page: Default
***********************************************/

.maincontent-default {
  margin: 35px auto 0;
  width: 90%;
  max-width: 1000px;
  min-height: 400px;
}



/***********************************************
Page: I'M NEW
***********************************************/

.visitpage-middle {
  padding: 1em 0 3em;
}

.visitpage-middle,
.leaders {
  margin: 0 auto 3em;
  width: 90%;
}

.visit-left h1,
.visit-right h1 {
  text-align: center;
}

.history {
  color: #00F;
}

.history:hover {
  text-decoration: underline;
}

.beliefs-button {
  text-align: center;
}

.visit-right {
  margin-top: 60px;
}

.btn {
  color: #FFF;
  background: #f98e5a;
  padding: 15px 25px;
  text-transform: uppercase;
}

.leaders {
  margin-bottom: 5em;
  max-width: 1230px;
}

.leaders h1,
.leaders h3 {
  text-align: center;
}

.leaders-layout {
  margin-top: 3em;
  text-align: center;
}

.position-text {
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}

.bios {
  font-size: 0.9em;
  text-align: initial;
}

/***********************************************
Page: JESUS
***********************************************/

.beliefs-section {
  width: 95%;
  margin: 30px auto;
}

#beliefs {
  border: 1px dotted #999;
  margin-top: 25px;
  padding: 2em 1em;
}

.beliefs-header {
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
}

.scriptures {
  font-style: italic;
}

.scriptures a span {
  color: #00459F;
  text-decoration: underline; 
}

.scriptures a:hover,
.scriptures a span:hover {
  color: #200062;
}

/***********************************************
Page: MEDIA
***********************************************/

.sermoncontainer {
  width: 90%;
  max-width: 1100px;
  margin: 100px auto 60px;
  padding: 0 1em;
}

.mainsermon {
  background: -webkit-linear-gradient(#E7E7E7, #FFF); 
  background: -o-linear-gradient(#E7E7E7, #FFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E7E7E7, #FFF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E7E7E7, #FFF); /* Standard syntax */
  color: #000;
  padding: 1em;
  margin: 0 0 4em;
  border: 1px solid #AAA;
}

.featured-sermon,
.featuredsermon-author,
.featuredsermon-date {
  margin: 0.3em 0;
}

.featuredsermon-author,
.featuredsermon-date {
  font-style: italic;
  color: #555;
}

.featuredsermon-description {
  margin: 2em 0;
}

.featuredsermon-author,
.featuredsermon-date,
.featuredsermon-description {
  font-size: 0.9em;
}

.sermon-table {
  max-width: 587px;
  margin: 0 auto;
  border: 1px solid #999;
}

.sermon-table caption {
  text-align: center;
}

.sermon-table thead {
  display: none;
  text-align: left;
  border-bottom: 1px solid #FFF;
}

.sermon-table thead th {
  background: #F2F2F2;
  color: #000;
  border-bottom: 1px solid #999;
}

.sermon-table th,
.sermon-table td {
  min-width: 70px;
  max-width: 350px;
  display: block;
  padding: 1em 3.5em;
  text-align: center;
}

.sermon-table tbody {
  background: #FFF;
  color: #000;
  font-size: 0.8em;
}

.sermonrows {
  border-top: 1px dotted #000;
}

/*.sermon-table tbody tr.sermonrows:nth-child(2n) {
  background: #EFEFEF;
}
.sermon-table tbody .sermon-description:nth-child(2n) {
  background: #EFEFEF;
}*/

th.sermon-date {
  font-size: 0.9em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

td.sermon-name {

}

.sermon-table tbody p {
  margin: 0;
}

.sermondescription-link {
  font-size: 1.1em;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.speakername {
  font-style: italic;
}

.playsermon {
  text-align: center;
}

.sermonaudio-link {
  background: url("images/audioplay.jpg") no-repeat center;
  background-size: 35px 35px;
  min-height: 35px;
  display: block;
}

.hiddensermon,
.hiddenname,
.hiddenauthor,
.hiddendate,
.hiddendescription {
  display: none;
}

.sermon-description {
  display: none;
  font-size: 0.9em;
}

.sermon-description span {
  /*font-weight: bold;*/
}

.paginate-sermons {
  text-align: center;
}

.paginate-sermons a {
  color: #B0B0B0;
  font-weight: 700;
  margin: 0 4px;
}
.paginate-sermons a:hover {
  color: #000;
}


/***********************************************
PHOTOS section
***********************************************/

.photo-gallery-section {
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.photo-gallery-section h1 {
  margin-bottom: 1em;
}


/***********************************************
Page: MINISTRIES
***********************************************/

.ministries-section {
  width: 80%;
  max-width: 1080px;
  margin: 0 auto;
}

.ministries-heading {
  text-align: center;
  padding-top: 1em;
}

.ministries-ul {
  margin-top: 1em;
}

.ministry-title {
  text-transform: uppercase;
  margin-bottom: 1em;
}

.bottom-ministries-div {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2.5em;
}

.bottom-ministries-div p a {
  text-transform: uppercase;
  color: #BD6D14;
  font-weight: 700;
}

.ministries-email:hover {
  color: #000;
}


/***********************************************
Page: EVENTS
***********************************************/

.events-section {
  width: 80%;
  max-width: 1250px;
  margin: 6em auto 2em;
}

#events-li {
  background: #EEE;
  padding: 1.5em;
  margin-bottom: 1.5em;
}

.event-title {
  font-weight: 700;
}

.event-date {
  font-weight: 400;
}

.event-description {
  font-size: 0.9em;
}

.calendararea {
  text-align: center;
  margin: 4em 0;
}


/***********************************************
Page: GIVE
***********************************************/

.give-top-section {
  width: 95%;
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}

.give-section {
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
}

.give-ministries {
  margin-bottom: 2em;
}

.give-left1, 
.give-left2,
.give-left3 {
  margin-right: 2%;
}

.give-left1 {
  padding-top: 1em;
}

.give-left2 {
  padding-top: 3em;
}

.give-left3 {
  padding-top: 5em;
}

#give-right-col {
  padding: 2em;
  background: #EEE;
}

#give-right-col form {
  text-align: center;
}


/***********************************************
Page: CONNECT
***********************************************/

.connect-page {
  width: 90%;
  margin: 3em auto 1em;
}

.twocol-connect {
  margin: 2em 0 5em;
  text-align: center;
}

.connect-title {
  text-align: center;
  margin-bottom: 0.2em;
}

.connect-subtitle {
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.map-button {
  margin-bottom: 4em;
}

.gform_wrapper .top_label .gfield_label {
  font-weight: 400;
  margin-top: 1.5em;
}

.button {
  background: #F98E5A;
  color: #FFF;
  border: none;
  text-transform: uppercase;
  padding: 10px 28px;
}



.twocol-connect input[type="text"],
.twocol-connect input[type="email"],
.twocol-connect textarea {
  background: #DDD;
  border: none;
}




/***********************************************
Page: GET INVOLVED
***********************************************/

.getinv-section {
  width: 80%;
  max-width: 1020px;
  margin: 0 auto;
  text-align: center;
}

.getinvolved-heading {
  margin-bottom: 35px;
}

.getinv-scripture {
  font-weight: 100;
  font-style: italic;
}

#getinv-col {
  margin-bottom: 10px;
}



/***********************************************
Page: INTERNSHIP
***********************************************/

.internship-section {
  width: 95%;
  max-width: 900px;
  margin: 30px auto 100px;
  text-align: center;
}


/***********************************************
Page: MISSIONS
***********************************************/

.missions-top-section {
  width: 95%;
  max-width: 900px;
  margin: 100px auto;
  text-align: center;
}

.missionaries {
  margin: 0 auto 3em;
  width: 92%;
  max-width: 1230px;
}

.missionaries-h1 {
  text-align: center;
}

.missionaries-layout {
  margin-top: 3em;
}

.missionaries-layout li {
  margin-bottom: 5em;
}

.bold-doing {
  font-weight: 700;
}