/*
Theme Name: RoadTrip Twentyfifteen Child Theme
Theme URI: http://waytoofunkc.com
Author: Bryan Mace
Author URI: http://bryanmace.com/
Description: Child theme for RoadTrip Twentyfifteen
Template: twentyfifteen 
*/


body {
	background-color:#000000;
}
a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover, a:focus {
	color: #DB5300;
}

.site {
	background-color: #FD6000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}
.site-title a, .widget-title, .site-description, .widget_pages a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .post-navigation .post-title {
	color: #FFFFFF;
	text-shadow: 1px 3px 1px #000;
}
.site-description {
    opacity: 1;
    font-size: 0.80em;
    text-shadow: -1px 2px 0px rgba(133, 251, 4, 0.95);
    font-variant: small-caps;
}
.site-title a {
	font-family: 'Slackey', cursive;
	text-shadow: 0px 1px 0px #453C3C, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.site-title {
	font-size: 1.7em;
}
.widget-title {
	font-size: 1.3em;
}

#sidebar {
	background-image: url(../../uploads/2015/09/wtf.gif);
	background-size: cover;
	color: #FFF;
	border-left-width: 10px;
	border-left-style: dotted;
	border-left-color: #000;
	border-right-width: 10px;
	border-right-style: dotted;
	border-right-color: #000;
	background-repeat: no-repeat;
	background-position: 66%;
}
#sidebar a:hover {
	color: #FD6000;
	text-shadow: 3px -8px 3px #000;
}
#sidebar .widget-area a:hover {
	color: #fff;
	text-shadow: 6px 8px 2px #000;
	padding-left: 10px;
	display:block;
}
.site-branding {
	font-size: 3.7rem;
	border-radius: 25px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.site-header {
	background-color: rgba(34, 1, 69, 0.76);
}
#masthead {
	margin-top: 0px;
	margin-bottom: 0px;
}
.widget-area {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: rgba(255, 0, 0, 0.76);
}
#masthead, .widget-area, .site-header {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	box-shadow: 0px 9px 44px #000;
}
.hentry, .comments-area, .post-navigation, .page-header, #colophon, input[type="submit"], .nav-links {
	box-shadow: -4px 8px 24px #000;
	border-radius: 15px;
}
.page-header {
	border-left: 15px solid #C3810A;
	margin-top: -45px;
	margin-bottom: -40px;
}
.entry-content{
	line-height: 2.7em;
}
#colophon {
	margin-bottom: 40px;
	margin-top: 40px;
	background-image: url(../../uploads/2016/03/evolution.gif);
	background-repeat: no-repeat;
	background-position: 156% center;
	background-color: #000;
	border: 2px dotted #CC3600;
	padding-top: 23px;
	padding-bottom: 23px;
}
.site-info a {
	color: rgba(181, 69, 0, 0.9);
}
input[type="submit"] {
    background-color: #E62900;
}
input[type="submit"]:hover {
	background-color: #737600;
}
.secondary {
	margin:0;
	padding:0;
	background-color: transparent;
}
.secondary-toggle, .secondary-toggle:focus, .secondary-toggle:visited {
	background-color: white;
	color:#333333;
	border: 1px solid #000000;
	border-radius: 10px;
}
.secondary-toggle:before {
	color: #333;
	content: "\f419";
	line-height: 40px;
	width: 40px;
}
.secondary-toggle:hover {
	background-color: #FF721B;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	outline: 0;
}
.secondary-toggle.toggled-on:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: 1px;
	left: -1px;
}
.secondary.toggled-on {
	border-top: none;
	border-bottom: none;
}
.secondary.toggled-on .widget-area {
	padding-left: 70px;
}
.secondary-toggle {
	height: 66px;
}
.post-navigation div + div {
	border-top: 10px solid #FD6000;
}
.image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty) {
	margin-bottom: 0em;
}
.image-navigation a, .comment-navigation a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding-left: 20px;
}
nav#image-navigation {
	padding-bottom: 30px;
}
.comments-area {
	margin-bottom: 15px;
}
figcaption.wp-caption-text, .entry-caption {
	font-style: oblique;
}
table.hc_rse_events_table {
	background-image: url(../../uploads/2015/01/backfire.gif);
	border-radius: 9px;
	padding-left: 9px;
	padding-right: 11px;
	padding-top: 24px;
	border: 4px double #936A00;
	background-repeat: no-repeat;
	background-position: 63% 10%;
}
.wp-playlist.wp-audio-playlist {
	background-color: rgba(254, 210, 255, 0.7);	
	border: 4px double #FFA500;
	border-radius: 15px;
	box-shadow: -2px 16px 195px #82B116;
}
.site {
    background-color: #FD6000;
   /*  /* -webkit-animation: fancy ease-in-out 10s infinite alternate;
    -moz-animation: fancy ease-in-out 10s infinite alternate;
    -o-animation: fancy ease-in-out 10s infinite alternate;
    animation: fancy ease-in-out 10s infinite alternate;
}
	@keyframes fancy {
		100% {background-color: #A2FF03;}
	}
	@-webkit-keyframes fancy {
		100% {background-color: #A2FF03;}
	}
	@-moz-keyframes fancy {
		100% {background-color: #A2FF03;}
	}
	@-o-keyframes fancy {
		100% {background-color: #A2FF03;} */ */
	}
.wp-playlist.wp-audio-playlist, .secondary-toggle:focus {
    background-color: #A2FF03;
    /* -webkit-animation: fancy ease-in-out 12s infinite alternate;
    -moz-animation: fancy ease-in-out 12s infinite alternate;
    -o-animation: fancy ease-in-out 12s infinite alternate;
    animation: fancy ease-in-out 12s infinite alternate;
}
	@keyframes fancy {
		100% {background-color: #FD6000;}
	}
	@-webkit-keyframes fancy {
		100% {background-color: #FD6000;}
	}
	@-moz-keyframes fancy {
		100% {background-color: #FD6000;}
	}
	@-o-keyframes fancy {
		100% {background-color: #FD6000;} */
	}
.wp-playlist .wp-playlist-tracks {
	margin-top: 10px;
}
.wp-playlist-light .wp-playlist-playing {
	border-radius: 10px;
	padding-left: 10px;
}
.wp-playlist-item-length {
	padding-right: 10px;
}
.wp-playlist-current-item .wp-playlist-item-title, .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 1.6em;
}
img.alignnone.size-full {
	border-radius: 10px;
	border: 3px double #8B8B8B;
	box-shadow: 0px 3px 2px #474545;

}
.post-navigation .nav-next, .post-navigation .nav-previous {
    background-color: #8CDE01;
}
/**
 *  #########   Mobile Styles start here   ########
 */
 
 
 /**
 * 15.1 Mobile Large 320px
 */
@media screen and (min-width: 320px) {
	.secondary-toggle {
		height: 62px;
		width: 56px;
	}
	.hentry {
		border-radius: 0px;
	}
	.entry-footer {
		margin-bottom: 40px;
	}
	#masthead {
		margin-bottom: -51px;
	}
	.secondary.toggled-on .widget-area {
		padding-left: 25px;
		padding-right: 25px;
	}
	.site-branding {
		padding-top: 0px;
		padding-bottom: 44px;
	}
			.site-title {
		line-height: 1.0;
	}
}


/**
 * 15.1 Mobile Large 620px
 */
@media screen and (min-width: 620px) {
	.secondary-toggle {
		height: 63px;
		width: 59px;
	}
	#masthead {
		margin-bottom: 0px;
	}
	.secondary.toggled-on .widget-area {
		padding-left: 40px;
		padding-right: 40px;
	}
	.site-branding {
		padding-top: 0px;
		padding-bottom: 0px;
	}

}

/**
 * 15.2 Tablet Small 740px
 */
@media screen and (min-width: 740px) {
	.secondary-toggle {
		height: 65px;
		width: 59px;
	}
	.site-branding {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.secondary.toggled-on .widget-area {
		padding-left: 70px;
		padding-right: 70px;
	}

}

/**
 * 15.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {
	.site-branding {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

/**
 * 15.4 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em) {
	.site-branding {
		padding-top: 35px;
		padding-bottom: 40px;
	}
}

/**
 * 15.5 Desktop Medium 1100px
 */
@media screen and (min-width: 68.75em) {

}

/**
 * 15.6 Desktop Large 1240px
 */
@media screen and (min-width: 77.5em) {

}

/**
 * 15.7 Desktop X-Large 1403px
 */
@media screen and (min-width: 87.6875em) {
	body:before {
		width: -webkit-calc(10% - 289px);
		width: calc(10% - 289px);
	}
}