/*
Theme Name: East Lothian Orienteers
Description: Theme for ELO derived from Clean Retina (https://www.themehorse.com/themes/clean-retina)
Author: Michael Atkinson
Template: clean-retina
Version: 0.9
*/

/* Fix the padding at the top of the pages */
#site-logo {
	margin-top: 0;
}
body.home h1.entry-title {
	display: none !important;
}

/* Styling featured images to make them full width */
.post-featured-image img {
  width: 100%;
  box-shadow: 0 0 3px 3px rgba(100,100,100,0.75);
}
.post-featured-image a {
  border: none;
  padding: 0;
}
figure.post-featured-image {
  margin-right: 0;
}

.gallery {
  padding-bottom: 24px;
}

blockquote p {
	margin-bottom: 22px;
}

@media all {
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6,
	.su-box-title {
		font-family: 'Raleway', sans-serif !important;
		font-weight: bold !important;
		line-height: 1.2em;
	}
	h2#site-description, 
	h4#site-description {
		font-weight: normal !important;
	}
	#branding {
		background-image: url(/wp-content/themes/clean-retina-child/images/orienteer-forest.jpg);
		background-repeat: no-repeat;
		background-position: bottom 67px right !important;
	}
	#branding .header-image {
		visibility: hidden;
		display: none;
	}
	#branding h1 a,
	#branding h2,
	#branding h3 a,
	#branding h4,
	#branding .menu-toggle {
		color: white !important;
	}

	body, input, textarea, select {
		font-family: Lato, sans-serif !important;
		font-size: 18px;
		line-height: 1.4em;
		font-variant-ligatures: discretionary-ligatures;
	}
	h1, .entry-title {
		font-size: 2.0em;	
	}
	h2 {
		font-size: 1.7em;
	}
	h2:not(.entry-title):before {
		content: "\25EA  ";
		color: #D5612E;
	}
	#site-description:before {
		display: none;
	}
	h3{
		font-size: 1.2em;
		padding-bottom: 0 !important;
	}
	h4 {
		font-size: 1.2em;
		padding-bottom: 0 !important;
	}
	h5 {
		font-size: 1.2em;
		padding-bottom: 0 !important;
	}
	h6 {
		font-size: 1.2em;
		padding-bottom: 0 !important;
	}
	pre, code, kbd {
		font-size: 0.9em;
	}
	/* Superscript and Subscript */
	sup, sub {
		font-size: 0.6em;
	}
	sup {
		bottom: 1ex;
	}
	sub {
		top: .5ex;
	}
}

@media all and (max-width: 767px) {
	/* On mobile use a sans-serif font for headings ad */
	#branding {
/*		background-size: 100% 155px !important; */
		background-position: top -100px right !important;
	}
	#branding .hgroup-wrap {
		min-height: 145px;
	}
	#branding .hgroup-right {
		/*margin-bottom: -38px;*/
		position: relative;
		z-index: 999;
		right: 0px;
		top: 0px;
		padding: 5px;
		width: auto;
}
	#branding button.menu-toggle {
		height: 0;
		margin-top: -10px;
	}
	#site-logo h1,
	#site-logo h3 {
		margin-right: 34px;
	}
	#site-logo h2, 
	#site-logo h4 {
		line-height: 1.3em;
	}
}

@media all and (min-width: 767px) {
	#branding {
		background-size: cover;
		background-position: bottom 67px right;
	}
	h1#site-title, h3#site-title {
		font-size: 3em;
		padding-top: 0.3em
	}
	h2#site-description, h4#site-description {
		font-size: 1.5em;
	}
	.hgroup-wrap {
		min-height: 200px;
	}
}

#branding .hgroup-wrap img { 
	margin-bottom: 0;
	margin-top: 0;
}
#branding div.hgroup-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
nav#access {
	margin-bottom: 0;
}

#branding > .wrapper:first-child {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;  
}
#branding .hgroup-wrap {
  max-width: 978px;
  margin: 0 auto;
  width: 94%;  
} 
#branding #access ul {
  margin: 0 auto;
  max-width: 978px;
}

/* remove excess margin from the end of blockquotes */
blockquote p:last-child{
  margin-bottom: 0;
}

/* Hide number of comments from meta-data */
.entry-meta .comments {
	display: none
}
/* Hide next and previous navigation for upcoming events */
.single-post .category-club-events li.previous,
.single-post .category-club-events li.next {
	display: none;
}

/* Hide meta-data on mobile devices */
@media only screen and (max-width:320px) {
	.entry-meta {
		display: none
	}
}
/* Hide neta data for upcoming events */
.category-club-events .entry-meta,
.category-club-results.sticky .entry-meta {
	display: none;
}

.home .post-featured-image-full {
	display: none;
}
figure.post-featured-image-full {
    text-align: center;
}

/* styling links in lists */
#content ul a, 
#content ol a,
#content h2 a {
	color: #5f85b0;
}
#content h2 {
	padding-top: 30px;
}
.post-featured-image {
	float: none;
	margin-right: 12px;
}
.clearfix {
	clear: both;
}
.compact th {
	line-height: 1.2em;
}
/* Tightening up the space at the bottom of articles on index pages */
.more-link {
	margin-bottom: 0 !important;
}
#content .post {
	padding-bottom: 6px;
}
.sticky {
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.2);
}
.sticky + hr {
	visibility: hidden;
}
.rss-widget-icon {
	padding-top: 6px;
	padding-right: 12px;
}
.widget-title {
	padding-bottom: 15px !important;
}
@media print {
	body, input, textarea, select {
		font-size: 12pt;
	}
	#primary {
		width: 100%;
		float: none;
	}
	#main {
		padding-top: 2em;
	}
	#catapult-cookie-bar,
	nav#access,
	.entry-meta, 
	.tags, 
	.default-wp-page, 
	#comments, 
	#colophon,
	#secondary,
	.SiEntriesButtons,
	.social-container {
		display: none !important;
	}
	body {
		background-color: white !important;
	}
	hr:last-child {
		display: none;
	}
	h1#site-title, 
	h3#site-title {
		padding-top: 0.7em
	}
	.su-gmap {
		page-break-inside: avoid !important;
		width: 100%;
	}
	.su-gmap iframe {
		width: 100%;
	}
	h1, h2, h3, h4, h5, h6 { 
		page-break-after: avoid !important; 
		page-break-inside: avoid !important; 
	}
	table, tr { 
		page-break-inside: avoid !important; 
	}
	thead { 
		display: table-row-group;
	}
	img { 
		page-break-inside: avoid; 
		page-break-after: avoid; 
	}
	blockquote, table, pre { 
		page-break-inside: avoid; 
	}
	ul, ol, dl  { 
		page-break-before: avoid; 
		page-break-inside: avoid; 
	}
	p, table {
		orphans: 3;
		widows: 3;
	}	
	#primary a:link, 
	#primary a:visited { 
		color: #520; 
		background: transparent; 
		text-decoration: none; 
		font-weight: normal;
	}
	#primary a:link:after, 
	#primary a:visited:after { 
		content: " (" attr(href) ") "; 
		font-size: 75%; 
	}
	#primary .wp-caption a:link:after,
	#primary .wp-caption a:visited:after,
	#primary figure a:link:after, 
	#primary figure a:visited:after,
	#primary figure + a:link:after, 
	#primary figure + a:visited:after { 
		display: none;
		content: "";
	}
	#primary a:link:not(:after), 
	#primary a:visited:not(:after){ 
		text-decoration: underline;
	}
}

section.category-results p + ul,
section.category-club-results p + ul,
section.category-club-events p + ul {
	margin-top: -22px !important;
}

/*
 * social sharing buttons css derived from bootstrap 
 */
.social-container{ text-align: center; } 
@media only screen and (max-width: 479px) { .social-container{ padding-bottom: 24px; } }
@media only screen and (min-width: 480px) { .social-container{ float: right; } .social-container.center{ float: none; padding-bottom: 24px; } }
#content>.social-container{display: none;}
.entry-header+.social-container {text-align: left;}
.social-btn,.social-btn-group{display:inline-block;vertical-align:middle}
i.fb,span.fb{color:#3b5998;}
i.tw,span.tw{color:#00aced;}
i.wa,span.wa{color:#25d366;}
.social-btn{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.social-btn:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.social-btn:focus,.social-btn:hover{color:#333;text-decoration:none}
.social-btn.active,.social-btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.social-btn.disabled,.social-btn[disabled]{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.social-btn-default{color:#333;background-color:#fff;border-color:#ccc}
.social-btn-default.active,.social-btn-default:active,.social-btn-default:focus,.social-btn-default:hover{color:#333;background-color:#ebebeb;border-color:#adadad}
.social-btn-default.active,.social-btn-default:active{background-image:none}
.social-btn-group{position:relative}
.social-btn-group>.social-btn{position:relative;float:left}
.social-btn-group>.social-btn.active,.social-btn-group>.social-btn:active,.social-btn-group>.social-btn:focus,.social-btn-group>.social-btn:hover{z-index:2}
.social-btn-group-vertical>.social-btn:focus,.social-btn-group>.social-btn:focus{outline:0}
.social-btn-group .social-btn+.social-btn,.social-btn-group .social-btn+.social-btn-group,.social-btn-group .social-btn-group+.social-btn,.social-btn-group .social-btn-group+.social-btn-group{margin-left:-1px}
.social-btn-group>.social-btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.social-btn-group>.social-btn:first-child{margin-left:0}
.social-btn-group>.social-btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.social-btn-group>.social-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}

.hidden {
	display: none !important;
}