/*
Theme Name: ERC A'dam
Template: churchope
Version: 0.1
Theme URI: http://www.ercamsterdam.nl/
Description: WordPress theme for English Reformed Church Amsterdam
Author: Mark de Jong
Author URI: http://markdejong.com/
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
Tags: red, white, gray, two-columns, fixed-width, threaded-comments, translation-ready, custom-menu

*/


/*
 * BODY STYLES
*/
body {
  background: transparent url('images/main_bg.png') no-repeat top center;
  font-size: 14px;
  /*line-height: 1.5em;*/
}
html ::selection,
body ::selection {
  background: none;
  color: #444;
}
.gray_line {
  background: transparent none;
  border: none;
}
.main_wrapper {
  background-color: #fff;
}
.notice {
  text-align: center;
  border-bottom: 2px solid #8762BF;
  background: #ffa none;
}
.notice p {
  line-height: 2.6em;
  margin: 0; padding: 0;
}


/*
 * HEADER STYLES
*/
header {
  background: transparent none;
}
.header_top,
.header_bottom { background: transparent none; overflow: hidden; }


/* Header Logo */
.logo.grid_5 {
  margin-left: 0;
}
.logo.grid_5 + .grid_7 {
  margin-right: 0;
  float: right;
}
.logo img {
  padding: 40px 0 20px;
  height: 40px;
}

/* Page header Thumbnail image */
#pagetitle h1 {
  letter-spacing: 0;
  text-transform: capitalize;
}
#pagetitle.page_header {
  min-height: 100px;
}
#pagetitle.page_header h1 {
  color: #333;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  margin: 40px 0 30px;
}


/*
 * FRONTPAGE STYLES
*/
.th_slideshow #main, .widget_title #main, .is_home #main {
  top: -9px;
  margin-bottom: 0;
}
.home #main h4.widget-title {
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 18px;
}


/* Frontpage Carousel */
.home .rev_slider_wrapper {
  border-bottom: 1px solid #505050;
}
.home .rev_slider_wrapper #navjcycle {
  background: rgba(0,0,0,0.2) none;
}


/*
 * MAIN NAVIGATION
*/
.main_menu {
  min-height: 0;
  margin-bottom: 0;
  padding-top: 10px;
}
.main_menu > ul {
  float: right;
  right: 0;
  position: relative;
}
.main_menu ul li {
  float: left;
  position: relative;
}
.main_menu ul li,
.main_menu ul li > a {
  height: auto;
  font: normal 14px/1.2em 'Open Sans', Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: block;
}
.main_menu ul li > a {
  padding: 0.75em 1.25em;
  margin: 0;
}
.main_menu ul li > a:hover,
.main_menu ul li.current-menu-item > a {
  background-color: #8762bf;
  color: #fff;
}
.main_menu ul li.current-menu-ancestor > a {
  background-color: rgba(135, 98, 191, 0.5);
  color: #fff;
}

/* Sub-navigation */
/*Hide the original subnav*/
nav.main_menu > ul > li > .sub-menu {
  display: none;
}

/* Mobile 'Hamburger' navigation */
.main_menu_mobile {
  display: none;
  float: right;
  padding-top: 12px;
}
.main_menu_mobile a,
.main_menu_mobile a i {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
}
.main_menu_mobile a i {
  background-color: rgba(135, 98, 191, 0.4);
  border-radius: 3px;
}
.main_menu_mobile a i:before {
  position: absolute;
  left: 0; top: 0;
  width: 32px; height: 32px;
  content: "";
  background: transparent url(images/listview.svg) no-repeat center center;
  background-size: 24px 24px;
}

@media only screen and (max-width: 767px) {
  .logo h1 {
    float: left;
  }
  .rev_slider,
  .main_menu {
    display: none;
  }
  .main_menu_mobile {
    display: block;
  }
  .main_menu.mobile_expand {
    float: none;
    position: absolute;
    left: 0; right: 0; top: 0;
    margin: 0; padding: 0;
    z-index: 100;
  }
  .main_menu.mobile_expand li {
    width: 100%;
    background-color: rgba(255,255,255,0.65);
  }
  header .logo + .grid_8 {
    margin-bottom: 0;
  }
}


/*Styling for separate subnav*/
.erc-secondary-nav {
  background-image: url('../churchope/images/menu_pattern.png');
  background-color: #8762bf;
  min-height: 45px;
}
.erc-secondary-nav-inner {
  background: transparent url('../churchope/images/bg_mainmenu_inner.png') repeat-x 0 0;
}
.secondary_menu > ul {
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
  min-width: 207px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  float: right;
  font: normal 0.9rem/1.2em 'Open Sans', Arial, Helvetica, sans-serif;
}
.secondary_menu > ul li,
.secondary_menu > ul li a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
.secondary_menu > ul li a {
  padding: 1em 10px;
  display: block;
}
.secondary_menu > ul li a:hover {
  background: rgba(255,255,255,0.15);
}
.secondary_menu > ul li.current-menu-item a {
  background: rgba(255,255,255,0.15);
  color: rgba(255, 255, 255, 0.8);
}


/*
 * MISC CONTENT STYLES
*/

.main_wrapper {
  background-color: #fff;
}
#page_color_header + .main_wrapper #main {
  top: -14px;
}
footer .widget_nav_menu a:hover,
footer .widget_links a:hover,
footer .widget_meta a:hover,
footer .widget_social_links a:hover,
footer .widget_archive li a:hover,
footer .widget_categories li a:hover,
footer .widget_pages li a:hover,
footer .widget_tag_cloud a:hover {
  color: #8762bf;
}
#main .grid_8 h2,
#main .grid_12 h2 {
  margin: 18px 0;
}
.entry-content p {
  padding: 0 0 20px 0;
}
.entry-content blockquote {
  margin: 0 0 24px;
}
.left-sidebar, .right-sidebar {
  padding-top: 24px;
}
a [class^="icon"] {
  text-decoration: none;
  border: 1px solid #eee;
  padding: 3px;
}

/*Archive List*/
.erc-archive-list-1,
.erc-archive-list-2 {
  width: 46%;
  float: left;
}
.entry-content .erc-archive-list-2 {
  margin-left: 4%;
}

/*Search Widget Header*/
body header .widget_search.widget {
  padding: 0;
  float: right;
  margin: 8px 0 0;
  width: 240px;
}

/*Recent Facebook Posts widget override*/
.widget ul.rfb_posts {
  margin: 0;
  padding: 0 32px;
  list-style-type: none;

}
.widget ul.rfb_posts li {
  margin-bottom: 12px;
  position: relative;
}
.widget ul.rfb_posts li:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 21px; height: 21px;
  background: #fff url(images/fb_ellipsis.png);
}
.widget p.rfb_text {
  margin-bottom: 0;
  line-height: 1.4em;
  font-size: 1.1em;
  padding-bottom: 0;
  color: #222;
}
.widget a.rfb_link {
  display: inline;
}
.widget .rfb_image {
  float: left;
  margin-right: 12px;
}

/*Contact form styles*/
.page-contact-us .wpcf7 dt,
.page-contact-us .wpcf7 dd {
  float: left;
  line-height: 36px;
  margin: 0;
}
.page-contact-us .wpcf7 dt {
  clear: left;
  width: 220px;
}
.page-contact-us .wpcf7 dt small,
.page-contact-us .wpcf7 p small.required-marker {
  color: #E70909;
  line-height: 1em;
  font-size: 1.4em;
  padding-left: 6px;
}
.page-contact-us .wpcf7 p small.required-marker {
  padding-left: 0;
}
.page-contact-us .wpcf7 dd {
  clear: right;
}
.page-contact-us .wpcf7 dd input,
.page-contact-us .wpcf7 dd textarea,
.page-contact-us .wpcf7 dd select {
  font-size: 14px;
  padding: 10px 10px 9px;
  color: #333;
}
.page-contact-us .wpcf7 dd input,
.page-contact-us .wpcf7 dd textarea {
  width: 320px;
}
.page-contact-us .wpcf7 .pop-quiz input {
  width: 120px;
}
.page-contact-us .wpcf7 .wpcf7-submit {
  margin-top: 20px;
  margin-left: 220px;
  padding: 10px 34px;
  border: none;
  font-size: 16px;
  color: #fff;
  background: #8762BF none;
}
.page-contact-us .wpcf7 .select-department {
  display: none;
}
.page-contact-us .wpcf7 input#ext_department {
  display: none;
}


/* Teaser Widget */
.teaser-sidebar {
  padding-bottom: 15px;
}
.teaser-sidebar .widget {
  margin: 0 20px 20px 0;
}
.teaser-sidebar .widget:nth-child(3) {
  margin-right: 0;
}

@media only screen and (max-width: 959px) and (min-width: 767px) {
  .teaser-sidebar .widget {
    margin: 0 10px 10px 0;
  }
}

/*Sidebar links widget*/
.erc-third-level-menu-widget {
  display: none;
}
.erc-third-level-menu-widget h3 {
  font-size: 1.2em;
  font-weight: normal;
  color: #777;
  border-bottom: 1px solid #777;
  margin-bottom: 10px;
  line-height: 1.6em;
}
.erc-third-level-menu-widget ul,
.erc-third-level-menu-widget ul > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.erc-third-level-menu-widget ul > li > a {
  font-size: 1.3em;
  text-decoration: none;
  line-height: 1.5em;

}

/* Sermon Banner widget */
.erc-sermon-banner-widget.widget {
  border-top: 2px solid #9e88bf;
  border-bottom: 2px solid #9e88bf;
  padding: 0;
  margin: 28px 0 24px;
}
.erc-sermon-banner-widget h2 {
  text-align: center;
  color: #222;
  font-weight: 200;
  margin: 10px 0;
  font: normal 1.4em/1.8em 'Open Sans', Arial, Helvetica, sans-serif;
}
.erc-sermon-banner-widget a:hover {
  text-decoration: none;
}

/*Events posts/page*/
.location-map-container {
  width: 960px;
  margin: 0 auto !important;
}


/*Designates link*/
#copyright .erc_designates p {
  text-align: right;
}
#copyright .erc_designates p a {
  color: #8762bf;
}
#copyright .erc_designates p a:hover,
#copyright .erc_designates p a:active {
  text-decoration: underline;
}



.frontpage-sidebar-1,
.frontpage-sidebar-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.frontpage-sidebar-2 {
  margin-right: 0;
} 

.fp-notice {
  border: 0 solid #8762bf;
  border-top-width: 2px;
  border-bottom-width: 2px;
  text-align: center;
  background-color: #F8ECF6;
  padding: 10px 0;
  margin-bottom: 18px;

}
.fp-notice p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.4em;
}