/*
 Theme Name:   WCGVG Version 2
 Theme URI:    http://compsol-demo.org/wcgvg_v2/
 Description:  Hemingway Child Theme 
 Author:       Computing Solutions (GB) Ltd
 Author URI:   http://www.computing-solutions.org
 Template:     hemingway
 Version:      1.0.0
 Text Domain:  hemingway-child
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
/*  @import url('../hemingway/style.css'); */

/* =Theme customization starts here
-------------------------------------------------------------- */

/* General styles */
body, .post-title {
	-moz-hyphens: none !important;
  	-ms-hyphens: none !important;
  	-webkit-hyphens: none !important;
  	hyphens: none !important;
}
.post-title { font-size: 2.0em; }
.section.large-padding { padding: 2.8% 0; }

/* Category list pages */
body.archive h2.post-title { margin-bottom: 0; }
body.archive h2.post-title a { font-size: 0.5em; }
body.archive div.post-meta, body.archive div.post-content { display: none; }
body.archive div.page { 
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
body.archive div.post-header { margin-bottom: 0; }
li.page { padding-bottom: 2%; }
body.search-results div.post-meta { display: none; }

@media (min-width: 800px) {
/* Handbook - red */
.section.bg-dark-hb { background: #be141f; }
.section.bg-dark-hb a { color: #000000; }
.section.bg-dark-hb a:hover, .section.bg-dark-hb .current-menu-item a { color: #ffffff; }

/* Training materials - green */
.section.bg-dark-tm { background: #2e7e16; }
.section.bg-dark-tm a { color: #000000; }
.section.bg-dark-tm a:hover, .section.bg-dark-tm .current-menu-item a { color: #ffffff; }

/* In Depth - blue */
.section.bg-dark-grl { background: #3f7ce1; }
.section.bg-dark-grl a { color: #000000; }
.section.bg-dark-grl a:hover, .section.bg-dark-grl .current-menu-item a { color: #ffffff; }

/* Guides Admin - purple */
.section.bg-dark-fi { background: #BF5FFF; }
.section.bg-dark-fi a { color: #000000; }
.section.bg-dark-fi a:hover, .section.bg-dark-fi .current-menu-item a { color: #ffffff; }
}
/*
.GlossButton {
  background-color: #800080;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.GlossButton:hover {opacity: 1}
*/

/* Search --------------------------------------- */

.post-content .searchform { position: relative; }
.post-content .searchform input { height: 60px; }
.post-content .searchform input#s {
	-webkit-appearance: none;
	width: 99%;
	padding: 18px 95px 18px 18px;
	background: #FFF;
	border: 1px solid #DDD;
	border-right: none;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	border-radius: 3px 0 0 3px;
}
.post-content .searchform #s:focus { 
	outline: none; 
	background: #EEE;
	color: #444;
}
.post-content .searchform #searchsubmit {
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
	line-height: 1;
	border: none;
	background: #be141f;
	border: 1px solid #be141f;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-family: 'Lato', sans-serif;
	border-radius: 0 3px 3px 0;
}
.post-content .searchform #searchsubmit:hover, .widget_search .searchform #searchsubmit:hover {
	cursor: pointer;
	background-color: #a7121b;
	border-color: #a7121b;
}
.widget_search form { position: relative; }
.widget_search input { height: 52px; }
.widget_search input#s {
	-webkit-appearance: none;
	width: 99%;
	padding: 18px 95px 18px 18px;
	background: #FFF;
	border: 1px solid #DDD;
	border-right: none;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	border-radius: 3px 0 0 3px;
}
.widget_search #s:focus { 
	outline: none; 
	background: #EEE;
	color: #444;
}
.widget_search #searchsubmit {
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
	line-height: 1;
	border: none;
	background: #be141f;
	border: 1px solid #be141f;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-family: 'Lato', sans-serif;
	border-radius: 0 3px 3px 0;
}
.widget_search #searchsubmit:hover {
	cursor: pointer;
	background-color: #a7121b;
	border-color: #a7121b;
}

@media (max-width: 800px) {
	.navigation.section.no-padding.bg-dark-hb div.toggle-container { background: #be141f !important; }
	.navigation.section.no-padding.bg-dark-tm div.toggle-container { background: #2e7e16 !important; }
	.navigation.section.no-padding.bg-dark-grl div.toggle-container { background: #3f7ce1 !important; }
	.navigation.section.no-padding.bg-dark-fi div.toggle-container { background: #BF5FFF !important; }

	.blog-search { padding: 8%; }
	.blog-search .searchform { position: relative; overflow: hidden; }
	.blog-search .searchform input#s { border-radius: 4px; }	
	.blog-search #s {
		width: 97.5%;
		padding: 18px 100px 18px 20px;
		background: #FFF;
		font-family: 'Lato', sans-serif;
		font-size: 1em;
		color: #444;
		border: none;
		border-radius: 4px;
		margin: 0;
	}	
	.blog-search #s:focus { outline: none; }	
	.blog-search .searchform #searchsubmit {
		-webkit-appearance: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 90px;
		padding: 20px 0;
		line-height: 1;
		border: none;
		margin: 0;
		background: #be141f;
		border: 1px solid #be141f;
		color: #FFF;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.8rem;
		font-family: 'Lato', sans-serif;
		border-radius: 0 4px 4px 0;
	}	
	.blog-search .searchform #searchsubmit:hover { 
		cursor: pointer;
		background-color: #a7121b;
		border-color: #a7121b;
	}
}