/*
Theme Name:     cycleaders2018
Theme URI:      https://leaders.cycwaihola.org.nz/
Description:    A Twenty Seventeen child theme developed to demonstrate how to implement five theme customizations: a custom social links menu, a personalized site footer message, dynamic one page navigation, custom front page sidebars, and a large featured image.
Author:         Tim Wiel
Author URI:     mailto:timwiel@gmail.com
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Template:       twentyseventeen
Version:        20170906
*/


/* Force sticky navigation into position */
#page-header {
  margin-bottom: 0 !important;
}
/* Force header image to full height */
#custom-header-media {
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 48em) {
  .has-header-image.twentyseventeen-front-page .site-branding,
  .has-header-video.twentyseventeen-front-page .site-branding,
  .has-header-image.home.blog .site-branding,
  .has-header-video.home.blog .site-branding {
    bottom: 0;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
  }
}

/* Change colour of menu bar and footer bar */
.navigation-top {
	background-color: #eee;
	border-bottom: 5px solid #ddd;
}
.site-footer {
	background-color: #eee;
	border-top: 5px solid #ddd;
}

DIV.footer-gap {
	height: 400px;
	background: url(https://leaders.cycwaihola.org.nz/xkcd/wp-content/uploads/2017/09/cropped-28523535541_39966f9af5_k.jpg) fixed;
	background-position: center top;
	background-size: 1600px
}


/** 
 * Add logo to the menu bar when its being sticky
 */
.site-header .navigation-top .menu-scroll-down {
	top: 1.2em;
}
.site-navigation-fixed #site-navigation UL:first-child:before { /* https://stackoverflow.com/questions/6668577/using-before-css-pseudo-element-to-add-image-to-modal */
	content:'';	
	background: url('https://leaders.cycwaihola.org.nz/xkcd/wp-content/uploads/2017/09/cropped-cyc-logo-flat-orange.png');
	background-size: 97px 40px; 
    background-repeat: no-repeat;
	width: 97px;
	height: 40px;
	display: inline-block;
}
#site-navigation UL:first-child:before { 
	content:'';	
	width: 97px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}

/* More text */
.more-link {
  display: none !important;
  background-color: #c6c6c6;
  background-clip: padding-box;
  border-radius: 5px;
  width: 200px; 
  height: 45px; 
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  padding: .382em 1em;
  display: inline-block;
  box-sizing: inherit;
  text-decoration: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  margin-top: 0px;
}
.more-link:hover {
  color: #fff !important;
}
.more-link:before {
    content: none !important;
    display: hidden !important;
    /* margin-top: 1.5em; */
}

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float: left;
    width: 20%;
}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: right;
    width: 75%;
}

/**
 *******************************
 * PLUGIN CSS                  *
 *******************************
 */


/** WP-MEMBERS */
#wp-members {
	font-size: 0.8em;
}
#wp-members INPUT {
	padding: 0.2em;
	font-size: 1.0em;
}