/*  
Theme Name: UTM Responsive
Theme URI: http://wordpress.org/
Description: Kubrick, hacked up for use on UTM, re-hacked for new style
Version: 3.0
Author: Neale Van Fleet & Paul Kafasis
Author URI: http://rogueamoeba.com/

*/

body {
	width: 100%;
	background: #fff !important;
}

.column.two-thirds {
	padding: 0 10px;
}

.summary-headline {
	margin: 0px 0 5px;
	display: block;
	float: left;
	width: 100%;
}

.summary-headline h5 {
	margin: 0;
	font-weight: 300;
	font-family: '.SFNSText-Regular', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 18px;
	float: left;
	width: 75%;
}

.summary-headline .postdate {
	font-size: 12px;
	font-weight: 200;
	font-family: '.SFNSText-Light', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
	line-height: 16px;
	text-align: right;
	
	float: right;
	width: 25%;
}

.summary-headline a {
	text-decoration: none;
}

.post {
	margin: 30px 0 90px;
}

.post a {
	text-decoration: none;
}

.post a:hover {
	text-decoration: underline;
}

.post p {
	font-size: 18px;
	line-height: 26px;
}

.post h2 {
	margin: 0;
}

h2.blog-post-title {
	font-size: 36px;
	line-height: 42px;
}

.post h2 a {
	text-decoration: none;
	margin: 15px 0 0;
}

h3 {
	font-size: 24px;
	line-height: 24px;
}

p.postmetadata {
	font-weight: 300;
	font-family: '.SFNSText-Light', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
}

.postdate {
	color: #859398;
	font-size: 14px;
	margin-bottom: 10px;
}

.sideicon-right {
	float: right;
	margin: 0 0 15px 15px;
}

.sideicon-left {
	float: left;
	margin: 0 15px 15px 0;
}

p.centeredimage {
	width: 100%;
	font-style: italic;
	color: #859398;
	align-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
}

p.centeredimage img {
	align-content: center;
	align-items: center;
	margin: 0 auto 10px;
}

/* Navigation Buttons */

.navbutton a {
	color: #fff;
	background: #2F72C0;
	width: 100%;
	min-height: 50px;
	display: block;
	border-radius: 6px;
	padding: 5px 15px;
	margin: 0px 0 45px;
	text-decoration: none;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
}

.navbutton a:hover {
	color: #fff;
	background: #223940;
}

.wp-login-form label {
	display: block;
}

/* Search */

span.search-term {
	background: #e5f1f9;
}

/* App Sidebar */

.app-sidebar {
	background: #f8f8f8;
	float: right;
	margin: 82px -15px 30px 0;
	padding: 15px;
	font-size: 12px;
	border-radius: 10px;
	width: 14.5%;
}

.app-sidebar a {
	text-decoration: none;
	color: #333;
	display: block;
}

.app-sidebar h5 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 800;
	font-family: '.SFNSText-Bold', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
	margin: 0 0 15px;
}

.app-sidebar h6 {
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 0px;
	text-transform: none;
	font-weight: 800;
	font-family: '.SFNSText-Bold', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
}

.app-sidebar p {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 30px;
	width: 100%;
}

   /* Airfoil */
   .app-sidebar .airfoil a:hover {
	   color: #0571a3;
   }
   
   /* Audio Hijack */
   .app-sidebar .audiohijack a:hover {
	   color: #dd6e27;
   }
   
   /* Fission */
   .app-sidebar .fission a:hover {
	   color: #C18831;
   }
   
   /* Loopback */
   .app-sidebar .loopback a:hover {
	   color: #3cbfbf;
   }
   
   /* Nicecast */
   .app-sidebar .nicecast a:hover {
	   color: #FB110F;
   }
   
   /* Piezo */
   .app-sidebar .piezo a:hover {
	   color: #C1773E;
   }

/* Footer */

#blog-footer {
	background: #e5f1f9;
	padding: 0px 0 30px;
}

#blog-footer a {
	text-decoration: none;
}

#blog-footer ul {
	padding: 0;
	margin: 0;
}

#blog-footer ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.archive-column li {
	list-style: none;
}


/* Download button for Audio Hijack 3 - http://weblog.rogueamoeba.com/2015/01/20/audio-hijack-3-has-arrived/ */
.downloadButton 
{
	border-style: solid;
	border-width: 3px;
	border-color: rgb( 16, 116, 195 );
	border-radius: 12px;
	background-image: -moz-linear-gradient( 90deg, rgb(234,239,243) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(234,239,243) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(234,239,243) 0%, rgb(255,255,255) 100%);
	width: 500px;
	height: 50px;
	font-size: 24px;
	font-family: "Gill Sans", sans-serif;
	font-weight: bold;
	color: #1074c3;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
}

.downloadButton img
{
	vertical-align: middle;	
}

.entry p a.downloadButton, .entry p a.downloadButton:visited
{
	text-decoration: none;
	color: #1074c3;	
}

.entry p a.downloadButton:hover
{
	text-decoration: none;
	color: #0a92fa;	
	background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(237,242,246) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(237,242,246) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(237,242,246) 100%);	
}

/* Comments */

ol.commentlist {
	list-style: none;
	border: 0;
	padding: 0 0 0 0px;
}

.commentmetadata a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: 200;
	font-family: '.SFNSText-Light', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
	display: block;
	margin: 0 0 15px;
	
	position: absolute;
	top: 16px;
	right: 15px;
}

ol.commentlist li {
	background: #f8f8f8;
	padding: 15px 30px 1px;
	border-radius: 10px;
	margin: 0 0 30px;
	position: relative;
}

ol.commentlist li.authcomment {
	background: #e5f1f9;
	
/* 	border: 2px solid #2F72C0; */
	color: #333;
}

ol.commentlist h5 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 800;
	font-family: '.SFNSText-Bold', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
}

ol.commentlist li.authcomment h5, ol.commentlist li.authcomment .commentmetadata a {
	color: #2F72C0;
}

.comment-edit-link {
	position: relative;
	top: -15px;
	text-decoration: none;
}

/* End Download Button for Audio Hijack 3 */

/* Download button for Loopback - URL GOES HERE */

a.bloggetloopback {
	width: 600px !important;
	height: 64px;
	max-width: 100% !important;
	background: url('http://weblog.rogueamoeba.com/wp-content/uploads/images/20160111loopback/getloopback-hover.png') no-repeat center center;
	background-size: contain;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
	text-align: center;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.bloggetloopback img {
	padding: 0 !important;
	margin: 0 !important;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    a.bloggetloopback {
		background: url('http://weblog.rogueamoeba.com/wp-content/uploads/images/20160111loopback/getloopback-hover@2x.png') no-repeat center center;
		background-size: contain;
		
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
}

a.bloggetloopback:hover img {
	opacity: 0;
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

/* End Download Button for Loopback */

/* Download button for Airfoil */

a.bloggetairfoil {
	width: 600px !important;
	height: 64px !important;
	max-width: 100%;
	background: url('http://weblog.rogueamoeba.com/wp-content/uploads/images/20160218airfoilformac5/button-getairfoil-hover.png') no-repeat center center;
	background-size: contain;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
	text-align: center;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.bloggetairfoil img {
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    a.bloggetairfoil {
		background: url('http://weblog.rogueamoeba.com/wp-content/uploads/images/20160218airfoilformac5/button-getairfoil-hover@2x.png') no-repeat center center;
		background-size: contain;
		
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
}

a.bloggetairfoil:hover img {
	opacity: 0;
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

/* End Download Button for Loopback */

/* ==========================================================================
   Badges
   ========================================================================== */

.icon-container {
	position: relative;
	display: inline-block;
}

.icon-container .badge {
	position: absolute;
	bottom: 0;
	right: 0;
	vertical-align: bottom;
}

/* ==========================================================================
   Mobile Styles
   ========================================================================== */

@media (max-width: 600px) {
	
	
	a, p {
		word-wrap:break-word;
	}
	
	div {
		max-width: 100%;
	}
	
	.commentmetadata a {
		color: #333;
		font-size: 14px;
		text-decoration: none;
		font-weight: 200;
		font-family: '.SFNSText-Light', 'Source Sans Pro', 'Helvetica Neue',Helvetica, Sans-serif;
		display: block;
		margin: -12px 0 10px;
		
		position: relative;
		top: 0;
		right: 0;
	}
	
	a.bloggetairfoil img, a.bloggetloopback img {
		display: none !important;
	}
	
	.downloadButton {
		max-width: 100%;
		font-size: 14px;
	}
		
}


/* End Custom Mods */