/*

============================================
Custom child theme styles go into this file.
============================================

Styles already included:
- Foundation 5.2.2
- FontAwesome 4.0.3
- Modernizr (w/ body classes) 2.7.2

Colors:
primary: rgb(7, 75, 55) // #074b37
secondary: rgb(13, 132, 96) // #0d8460
body background (cream): rgb(249, 247, 238) // #f9f7ee
accent: rgb(254,207,92) // #fecf5c

Image directories:
theme images: ../images/
parent theme images: ../../../vfh/theme/images/

*/

#page {
	border-top: 3px solid rgb(14, 125, 92); /* not exactly the secondary color, but better matches the pattern w/ a solid color */
}

.callout-button {
	background:
		url('../images/callout-button.png') 0 0 no-repeat;
}
#sidebar .widget .widget-title{
	background:#2a2119;	
}
#sidebar .widget_vabc_callout_widget{
	background-color:#eaeaea;
	padding: 0.5rem 1rem;
}
#sidebar .widget_vabc_callout_widget a{
	color:#822f1a;
	text-decoration:none;
}
#sidebar .widget_vabc_callout_widget .widget-title{
	background: none;
	padding:0px 0px 1rem 0px;
	color:#822f1a;
	font-size:1.8em;
}
#sidebar .widget_vabc_2col_widget{
	background-color:#7d2d19;
	padding: 0.5rem 1rem 2rem 1rem;
	color:#eeb43a;
}
#sidebar .widget_vabc_2col_widget .widget-title{
	background: none;
	padding:0px 0px 1rem 0px;
	color:#fff;
	font-size:1.8em;
}
#sidebar .widget_vabc_2col_widget #col-left{
	width:40%;
	float:left;
	padding-right:5%;
	margin-right:5%;
	border-right:1px #975e4f solid;
}
#sidebar .widget_vabc_callout_widget + .widget_vabc_2col_widget{
	margin-top:-1.875rem;	
}
.entry-content #apprentice-meta{
	width:100%;		
}
.entry-content #apprentice-meta dl{ 
	width:100%;
	display:block;
	font-size:.8em;
	margin-bottom:0;
}
.entry-content #apprentice-meta dt{ 
	text-align:center;
	background-color:#dfddd5;
	margin:0;
	padding:.2em 0;
}

.entry-content #apprentice-meta dd{ 
	text-align:center;
	background-color:#e7e5dd;
	margin:0;
	padding:.2em 0;
}
.entry-content #apprentice-meta dl:last-of-type{
	margin-bottom:.5em;
}

.ytcplayer-wrapper iframe{
	margin-top:0;
}

body .credits-overlay {
	margin: 0;
	padding: 5px 10px;
	background-color: transparent;
	opacity: 0.25;
	text-align: right;
	box-sizing: border-box;
	display: none;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	text-shadow: 1px 1px #FFFFFF;
}

body .credits-overlay:hover {
	opacity: 0.25;
}

body .credits-overlay p {
	margin: 0;
}

body .image-credits {
	clear: both;
}
.single-event .entry-footer .button{
	margin-top:1em !important;
	background:#FECF5C !important;
	color:#171614;	
}

#eventdetails{
	background:#e9e9e9;
	padding:10px;
	font-size:.8em;	
	width:100%;
}
#eventdetails dt{
	float:left;
	clear:left;	
	height:.9em;
}
#eventdetails dt::after{
	content: ": ";	
}
#eventdetails dd{
	padding-left:.25em;
	float:left;
	height:.9em;
	
}
.single-event #eventdetails{
	background:none;
	padding:0px;
	font-size:1em;	
	width:100%;
}
.single-event #eventdetails h2{
	background:#ededed;	
	font-size:1.2em;
	font-weight:bold;
	padding:.5em;
}
.single-event #eventdetails dt{
	float:left;
	width:25%;
	color:#666666;
	font-weight:normal;
	border-bottom:solid #ccc 1px;	
	padding-bottom:6px;
	height:1.5em;
}
.single-event #eventdetails dd{
	float:left;
	width:75%;
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
	height:1.5em;
}
.event .entry-header .entry-tags a{
	color:#772b1b;
	text-decoration:none;
}
.event .entry-header .entry-tags{
	color:#772b1b;
	background-color:#ededed;
	padding:.6rem .235rem;
}

@media only screen and (min-width: 48em) {
    .entry-content #apprentice-meta dl{ 
		width:24%;
		float:left;
		margin-right:1%;
		margin-bottom:.5em;
	}
	.entry-content #apprentice-meta dd{ 
		height:4.5em;
		margin-bottom:.5em;		
	}
	
	.sidebar .youtubechannelgallery ul.ytchagallery{		
		padding-top:.5em !important;
	}
}