/*

 Theme Name:   Twenty Fifteen Child for Wild Things Community
 Theme URI:    http://www.wildthingscommunity.org/twentyfifteenchild-wildthings
 Description:  Twenty Fifteen WordPress Child Theme for Wild Things Community
 Author:       Marilyn Schweitzer
 Author URI:   http://www.wildthingscommunity.org
 Template:     twentyfifteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild-wildthings
*/

/* Don't forget to add pertinent styles to the visual editor-style.css file! */

/* These child theme styles override the ones in the parent theme */
body { background-color: #ccccb3; }
a:hover, .required { color: #cc6600; }
.site-header {
	background-position: 100% 0% !important;
	background-repeat: no-repeat;
}
.site-info {
	text-align:center;
}
.textwidget a { border-bottom-color:#CCC; }

/* Remove automatic hyphenation */
.site-content article { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.widget-area .widget { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }

/* Map reachout forn to mail icon in side bar */
.social-navigation a[href*="/reachout"]:before {
	content: "\f410";
}
/* meant to be no shifting for hovering over a button? */
input[type="submit"]:hover {
background-position: 0 0;
}
/* display a caption on an iframe or embed similar to a regular figure */
.wtc-iframe {
	margin-bottom: 0;
}
.wtc-iframe iframe {
	margin-bottom: 0;
}
.checkforminputpersonvalid { /* avoild spam from forms */
	visibility: hidden;
	display: none;
}
.wtc-site-extra {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.wtc-site-extra a {
	text-decoration: underline;
}
.wtc-site-extra a:hover {
	text-decoration: none;
	color: #cc6600;
}

/* Adjustment for customer header */
.custom-logo {
	max-height: 200px;
	width: auto;
}

/* Adjustments for more appealing spacing */
.social-navigation { margin: 4.54545% 0; }
.widget-title { margin-bottom: .5em; }
.widget-area { padding-bottom: 4.54545%; }

/* Will apply on small tablets and up */
@media screen and (min-width: 46.25em) {
.widget-title { margin-bottom: .5em; }
}

/* Will apply on large moblie and up */
@media screen and (min-width: 38.75em) {
.main-navigation, .social-navigation, .widget { margin-bottom: 4.54545%; }
.main-navigation ul { border-top: none; }
.main-navigation ul { border-bottom: none; }
.secondary { padding-top: 3.8461%; }
}
/* These changes will apply to Desktops small through X Large. Anything larger than 955px */

@media screen and (min-width: 59.6875em) {
.secondary { padding-top: 0; }
body:before { width: 30%; }
.site { max-width: 1320px; }
.sidebar {
	max-width: 396px;
	width: 30%;
}
.site-main { padding: 7.1428% 0; }
.site-content {
	margin-left: 30%;
	width: 70%;
}
.main-navigation, .social-navigation { margin: 0 16.6666% 4.1666%; }
.widget {
		margin: 0 0 4.1666%;
		padding: 0 16.6666%;
	}
.post-navigation { margin: 7.1428% 7.1428% 0; }
.post-navigation a { padding: 4.1666% 8.3333%; }
.pagination { margin: 7.1428% 7.1428% 0; }
.image-navigation { padding: 0 16.6666%; }
.site-header {
	margin: 16.6666% 0 4.1666%;
	padding: 0 16.6666%;
}
.hentry, .page-header, .page-content { margin: 0 7.1428%; }
.hentry { padding-top: 5.3571%; }
.hentry + .hentry, .page-header + .hentry, .page-header + .page-content { margin-top: 7.1428%; }
.entry-header { padding: 0 8.3333%; }
.entry-content, .entry-summary { padding: 0 8.3333% 4.1666%; }
.author-info {
	margin: 0 8.3333%;
	padding: 4.1666% 0;
}
.entry-footer { padding: 4.1666% 8.3333%; }
.page-header { padding: 3.5714% 7.1428%; }
.page-content { padding: 7.1428%; }
.comments-area {
	margin: 7.1428% 7.1428% 0;
	padding: 7.1428%;
}
.site-footer {
	margin: 0 0 0 35%;
	width: 60%;
}
.site-info { padding: 4.1666% 8.3333%; }
.widecolumn {
	margin: 7.1428%;
	padding: 7.1428%;
}
}
@media screen and (min-width: 87.6875em) {
body:before {
	width: -webkit-calc(50% - 264px);
	width: calc(50% - 264px);
}
}
/* The following are new to the child theme and do not override existing styles. */

.drafttext {
	font-size: small;
	color: #c00;
}
.smalltext { font-size: small; }
.accenttext { color: #cc6600; }
.hotbox {
	width: auto;
	margin: .5em 0 1.5em;
	padding: .5em .5em 0 .5em;
	background: #f7f7f7; /* same as textarea */
	border: medium #707070 double;
}
p.hotboxheading {
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
}
.hotbox ul {
	margin-left: 1em;
	margin-bottom: 1em;
}