/*
Theme Name: The Geocaching Blog | New Standard Child Theme
Theme URI: http://themehaus.net/themes/new-standard/
Description: New Standard Child Theme customized for geocaching.com/blog
Author: Bri Suffety, 2015
Author URI: https://geocaching.com
Template: new-standard
Version: 1.0.0
*/

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

/* Linking Images: url(../new-standard-child/images/topo-tile.jpg) */

/* Colors */
/*
	Greens ---
	$evergreen: 	#004D2B;
	$emerald: 	#02874D;
	$sea: 		#00b265;

	Supporting ---
	$sunshine: 	#E0B70A;
	$poppy: 	#F35C00;
	$dark-seas: 	#2b7277;
	$glacier:	#04C8D6;
	$sky:		#4687DF;
	$sunset:	#F38B00;

	Grays
	$cotton: 	#EFEFEF;
	$cloud:		#DFDFDF;
	$storm:		#9B9B9B;
	$ash:		#7E7D7A;
	$charcoal:	#4A4A4A;
*/


/* GENERAL */
body {
	background-color: #f6f6f6;
	color: #4a4a4a;
	font-family: 'Noto Sans',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.375em;
}

@media screen and (max-width: 782px) {
	body {
		font-size: 16px;
	}
}

h1,h2,h3,h4,h5,h6 {
	color: #4a4a4a;
	font-family: 'Noto Sans',Arial,Helvetica,sans-serif;
	letter-spacing: initial;
	line-height: 1.375em;
	margin-top: 1.875rem;
    	margin-bottom: .65rem;
}

h1 {	
	font-size: 44px;
	font-weight: 700;	
}
h2 {
	font-size: 32px;
	font-weight: 700;
}
h3 {
	font-size: 28px;
	font-weight: 700;
}
h4 {
	font-size: 24px;
	font-weight: 700;
}
h5 {
	font-size: 22px;
	font-weight: 700;
}
h6 {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

hr {
	background-color: #9B9B9B;
	height: 2px;
}


/* LINKS */
a {
	color: #2B7277;
}
a:hover,
a:focus {
	color: #2B7277;
	text-decoration: underline;
}

.entry-content 		a, 
.entry-summary 		a, 
.page-content 		a, 
.author-description a, 
.comment-content 	a, 
.pagination 		a, 
.post-navigation 	a {
	color: #2B7277;
	text-decoration: none;
}

.entry-content 		a:hover,
.entry-summary 		a:hover,
.page-content 		a:hover,
.author-description a:hover,
.comment-content 	a:hover, 
.pagination 		a:hover, 
.post-navigation 	a:hover {
	color: #2B7277;
	text-decoration: underline;
}


/* Buttosn */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background-color: #00b265; /* sea */
	border-radius: 0;
}
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background-color: #02874D; /* emerald */
}


/* LISTS */
ol {
	margin-left: 1.4em;
}
ul {
	margin-left: 1.25em;
}
dl {
	margin: 0 0 1.5em 0;
}
dd + dt {
	margin-top: 1.5em;
}
dd {
	margin-left: 0;
	margin-bottom: 0;
}



/* Forms */
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
textarea {
	color: #4A4A4A;
}

::-webkit-input-placeholder {
   color: #9B9B9B;  
}
:-moz-placeholder { /* Firefox 18- */
   color: #9B9B9B;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #9B9B9B;  
}
:-ms-input-placeholder {  
   color: #9B9B9B;  
}




/* HEADER */
.site-top {
	padding-bottom: 24px;
	padding-top: 8px;
	text-align: left;
}

.site-logo {
	margin-top: 0;
}

.site-logo a {
	display: inline-block;
	position: relative;
	top: 8px;
	width: 265px;
}

.site-logo svg {
	fill: #02874D;
}

.site-title {
	font-size: 24px;
}

.site-title a {
	color: #004d2b;
	margin-top: 0;
}

.site-title a:hover {
	color: #004d2b;
	opacity: 1;
	text-decoration: none;
}
.site-description {
	color: #7e7d7a;
	font-size: 1em;
}

.site-bar {
	background-color: #fff;
	border-top: 2px solid rgb(216,216,216);
	border-bottom: 2px solid rgb(216,216,216);
}
.main-navigation a {
	color: #004d2b;
	text-transform: capitalize;
}
.main-navigation a:hover {
	color: #00b265;
	text-decoration: none;
}
.main-navigation .current-menu-item > a {
	color: #00b265;
}

/* TODO: make this info text and not a link */
#menu-item-31546 a {
	color: #7e7d7a;
}
.menu-main_nav-container {
	font-size: 1rem;
}

.menu-toggle {
	color: #4A4A4A;
	text-transform: capitalize;
}
.menu-toggle:hover {
	color: #9B9B9B;
}

@media screen and (min-width: 783px) {
	.site-top {
		margin-top: 0;
	}
	.site-logo,
	.site-title {
		display: inline-block;
		margin: 0;
	}
	.site-logo {
		padding-bottom: 0;
	}
	.site-title {
		margin-left: .25em;
	}
	.menu-toggle {
		color: #7E7D75;
		display: block;
		float: left;
		padding: 0 2.25em 0 0;		
	}
	.menu-toggle:hover {
		color: #7E7D75;
		cursor: default;
	}
	.menu-toggle::before {
		content: none;
	}
	.menu-toggle::after {
		content: ":";
	}
}

@media screen and (min-width: 960px) {
	.logo-icon a {
		margin:0;
	}
}

/* Add border to all white content areas */
.page-header,
.page-content,
article.post,
.sidebar-area .widget,
nav.pagination,
.author-profile,
.post-navigation {
	border: 4px solid rgb(241,241,241);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
.sidebar-area .widget_new_standard_ad {
	background-color: #fff;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.sidebar-area .widget_new_standard_ad .widget-title {
	padding-bottom: 18px;
}
@media screen and (min-width: 680px) {
	.sidebar-area .widget_new_standard_ad {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}*/

.main-navigation .search-field {
	background-image: url(../new-standard-child/images/icon-search-charcoal.png);
}


/* Header Sidebar */
.before-header-sidebar .widget {
	margin-bottom: .25em;
}
.before-header-sidebar a {
	display: inline-block;
}


/* Header Back to Geocaching */
.site-top {
	position: relative;
}
.link__back-to {
	color: #4a4a4a;
	display: block;
	margin-top: .5em;
}
.link__back-to:hover {
	color: #02874D;
}

@media screen and (min-width: 960px) {
	.link__back-to {
		position: absolute;
		right: 30px;
		bottom: 30px;
	}
}


/* POSTS */
.featured-post article.post {
	border: none;
}

.featured-posts-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.featured-posts-date {
	font-size: .75rem;
}

.site-main > .post .post-thumbnail {
	max-height: 450px;
}

.site-main .author-avatar img {
	border-radius: 50%;
}

/* --- Post Title <h1> */
.entry-title {
    font-size: 44px;
    line-height: 1.15em;
}
.entry-title,
.entry-title a { 
	color: #02874d;
}
.entry-title a:hover { 
	color: #004d2b;
	text-decoration: none;
}

/* --- Post Meta Data (date, author, etc) <h1> */
.entry-header-meta {
	color: #9b9b9b;
	font-size: 12px;
}
.entry-header-meta a {
	color: #9b9b9b;
}
.entry-header-meta a:hover {
	color: #a4a4a4;
	text-decoration: none;
}

.entry-content a:hover {
	text-decoration: underline;
}

/* --- make blockquote stand out */
blockquote {
	color: #00b265; /* color: $sea */;
}
blockquote:before {
	color: inherit;
}

.wp-caption {
	color: #9B9B9B;
	font-size: .933em;
	font-style: normal;
	line-height: 1.375em;
}


/* TAG: Geocache of the Week */
.cache-of-the-week {
	border-bottom: solid 2px #eee;
    margin: 0 -16px 36px;
    padding: 0 16px 40px;
}
.site-main > .tag-geocache-of-the-week .entry-header {
	border-bottom: none;
	margin-bottom: .5em;
	padding-bottom: 0;
}
.cache-of-the-week dl {
	margin-bottom: .5em;
	line-height: 1.375em;
}
.cache-of-the-week dt {
	font-weight: 400;
}
.cache-of-the-week dd + dt {
	margin-top: 0;
}
.cache-of-the-week dt, .cache-of-the-week dd {
	display: inline-block;
}
.list__basic-info, 
.list__rating {
	display: inline-block;
}
.list__basic-info {
	margin-right: 10%;
}
.list__basic-info dt::after,
.list__rating dt:first-child + dd::after,
.list__loc dt:first-child + dd::after  {
	color: #9B9B9B;
	content:"|";
	display: inline-block;
	margin: 0 .4em 0 .5em;
}
.list__basic-info dd + dd::before {
	content: "-";
	display: inline-block;
	margin: 0 .5em 0 .25em;
}
.list__rating dt,
.list__loc dt {
	color: #9B9B9B;
}

.nominate {
	border-top: 2px solid #9B9B9B;
	font-size: 0.875em;
	margin-top: 7rem;
	padding-top: 1em;
	text-align: center;
}


/* TAG: GeoTours */
.list__geotour {
	border-bottom: solid 2px #eee;
	line-height: 1.375em;
    margin: 0 -16px 36px;
    max-width: 100%;  
    padding: 0 16px 40px;    
}
.site-main > .tag-geotours .entry-header {
	border-bottom: none;
	margin-bottom: .5em;
	padding-bottom: 0;
}
.list__geotour dt {
	color: #9B9B9B;
	font-weight: 400;
	margin-right: .5em;
}
.list__geotour dd + dt {
	margin-top: 0;
}
.list__geotour dd {
	margin-bottom: 0.4em;
}
.list__geotour dt, 
.list__geotour dd {
	display: inline-block;
}
.list__geotour dt:first-child + dd {
	margin-right: 10%;
}

@media screen and (min-width: 680px) {
	.list__geotour,
	.cache-of-the-week {
		margin-left: -72px;
		margin-right: -72px;
		padding-left: 72px;
		padding-right: 72px;
	}
}

    


/* MAPS */
#wpgmza_map {
	margin-bottom: 1.5em;
}

/* CENTER IMAGES ON MOBILE */
@media screen and (max-width: 480px) {
	.wp-caption {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	a[href*="uploads"] {
		display: block;
		text-align: center;
	}

	.site-main > .post img {
	    display: block;
	    float: none;
	    margin-right: auto;
	    margin-left: auto;
	}
}





/* SIDEBAR */

.sidebar-area .widget-title {
	color: #00b265;
}
.widget_new_standard_ad h1 {
	font-weight: 400;
	text-transform: uppercase;
}

/* TODO: jetpack button */
.textwidget button {
	border: 5px solid #fff;
    border-radius: 0;
    background: #00b265;
    color: #fff;
    font-size: 1em;
    width: 100%;
}
.textwidget button:hover {
	border-color: #00b265;
}



/* WIDGETS */
.widget {
	font-size: .875em;
}
.widget li a {
	color: #2B7277;
}
.widget li a:hover {
	text-decoration: underline;
}




/* BEFORE FOOTER || INSTAGRAM FEED */
.before-footer-sidebar {
	margin-top: 5em;
	text-align: center;
}
.before-footer-sidebar .widget {
	margin-top: 20px;
	margin-bottom: 0;
}

.before-footer-sidebar .widget-title {
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: .25em;
	text-transform: uppercase;
}
.before-footer-sidebar .textwidget > a {
	border-bottom: 1px solid transparent;
	color: #00b265;
	display: inline-block;
	margin-bottom: 2em;
	text-decoration: none;
	text-transform: uppercase;
}
.before-footer-sidebar .textwidget > a:hover { 
	border-color: currentColor;
}

#sbi_load {	/* Instagram feed plugin selector */
	display: none; /* empty div with padding on element causing a gap between images and footer */				
}







/* FOOTER */
.footer-area {
	border: none;
}

.site-footer {
    background: #5f452a;
    color: #f8edd4;
    font-size: 14px;
    line-height: 1.6;   
}

.site-footer .widget {
	font-size: inherit;
}
.site-footer .widget ul li {
	padding-top: 1em;
	padding-bottom: 1em;
}

.footer-widget .widget-title {
	border: none;
	color: #f8edd4;
    font-size: 1.28em;
    font-weight: normal;
}
.footer-widget .widget ul li {
	border: none;
}
.footer-widget .widget a,
.footer-widget .widget a:hover,
.footer-widget .widget a:focus  {
	color: #f8edd4;
}


/* Footer Bottom   i.e. copyright info and social links */
.footer-side .site-bottom {
	background: #83603f;
	color: #f8edd4;
    line-height: 1.5;
    margin: 0;
    max-width: none;
    padding: 1.425em 1em 0;
    text-align: center;
}
.site-bottom a {
	color: #f8edd4;
}
.site-bottom a:hover {
	color: inherit;
}
.footer-side .site-info {
	margin-right: 3em;
	margin-bottom: 1.5em;
}
.site-info,
.footer-social-link {
	vertical-align: middle;
}
@media screen and (min-width: 960px) {
	.footer-side .site-info,
	.footer-side .footer-social-link  {
	    display: inline-block;
	}
	.footer-side .footer-social-link {
	    float: none;
	}
}


/* Footer Social Icons */
.footer-social-link .menu a::before {
	content: none;
}
.footer-social-link a {
    background: url("../new-standard-child/images/sprite-social@2x.png") no-repeat 50% 0;
    background-size: 100% auto;
    display: block;
    margin-right: .75em;
    width: 22px;
}

.footer-social-link a:hover {
    margin-top: -5px;
    margin-bottom: 5px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.footer-social-link a[href*="facebook"] {
    background-position: 50% 0;
    height: 23px;
}
.footer-social-link a[href*="youtube"] {
    background-position: 50% -23px;
    height: 26px;
}
.footer-social-link a[href*="instagram"] {
    background-position: 50% -49px;
    height: 22px;
}
.footer-social-link a[href*="twitter"] {
    background-position: 50% -71px;
    height: 17px;
}



/* PLUGIN: JETPACK */
/* jetpack subscribe to posts in inbox */
.jetpack_subscription_widget input[type="submit"] {
	color: #fff;
	width: 100%;
}

/* jetpack share icons */
/* url(../new-standard-child/images/sprite-share-social-icons.png) */