/*  
Theme Name: March 2018 2.0
Theme URI: http://wordpress.org/
This Update: Sharing Buttons on posts, social media metadata
Description: Kubrick, hacked up for use on UTM, re-hacked for new style
Version: 3.3.2
Author: Neale Van Fleet & Paul Kafasis
Author URI: https://rogueamoeba.com/

*/

body {
	width: 100%;
	background: #fff !important;
	-webkit-font-smoothing: antialiased;
}

.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: -apple-system, '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;
	line-height: 16px;
	text-align: right;
	
	float: right;
	width: 25%;
}

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

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

.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;
}

.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: 16px;
	line-height: 22px;
}

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

ol.footnotes p, p.footnotesheader {
	font-size: 16px !important;
	line-height: 24px !important;
}

blockquote {
	border-left: 4px solid #f4f4f4;
	padding-left: 30px;
	margin-left: 15px;
	color: #777;	
}

/* 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;
}

pre {
	font-weight: 700;
}

/* 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;
	margin: 0 0 15px;
}

.app-sidebar h6 {
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 0px;
	text-transform: none;
	font-weight: 800;
}

.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;
   }

   /* Farrago */
   .app-sidebar .farrago a:hover {
	   color: #7234DC;
   }
   
   /* 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;
   }

   /* SoundSource */
   .app-sidebar .soundsource a:hover {
	   color: #219850;
   }

/* 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 - https://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%);	
}

/* Social Links for 15th Anniversary */

a.15y-social-link {
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.15y-social-link:hover {
	filter: brightness(120%);
    -webkit-filter: brightness(120%);
    -moz-filter: brightness(120%);
    -o-filter: brightness(120%);
    -ms-filter: brightness(120%);
    
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a.15y-social-link:active {
	filter: brightness(90%);
    -webkit-filter: brightness(90%);
    -moz-filter: brightness(90%);
    -o-filter: brightness(90%);
    -ms-filter: brightness(90%);
   
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}


/* 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;
	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;
}

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('https://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('https://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('https://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('https://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 Airfoil */

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

a.bloggetsoundsource {
	width: 600px !important;
	height: 64px;
	max-width: 100% !important;
	background: url('https://weblog.rogueamoeba.com/wp-content/uploads/images/20170214soundsource/download-soundsource-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.bloggetsoundsource 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.bloggetsoundsource {
		background: url('https://weblog.rogueamoeba.com/wp-content/uploads/images/20170214soundsource/download-soundsource-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.bloggetsoundsource: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 SoundSource */

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

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

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

/* ==========================================================================
   Sharing-Buttons
   ========================================================================== */
   
.sharing-buttons-container {
	background: #F3F7FC;
	padding: 15px 20px 20px;
	margin-bottom: 30px;
	border-radius: 8px;
}
   
 a.sharing-button { 
	display: block;
	background: url('images/sharing-envelope.png') no-repeat 10px center, #2F72C0;
	padding: 8px 5px 10px 53px;
	margin-right: 10px;	
	border-radius: 8px;
	width: 178px;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	float: left;
	
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

 a.sharing-button.twitter { 
	background: url('images/sharing-twitter.png') no-repeat 10px center, #1CA1F2;
}

 a.sharing-button.facebook {
	 background: url('images/sharing-facebook.png') no-repeat 10px center, #3B5A97;
	 margin-right: 0;
 }

 a.sharing-button:hover { 
	display: block;
	background: url('images/sharing-envelope.png') no-repeat 10px center, #000;
	
	-webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

a.sharing-button.twitter:hover {
	background: url('images/sharing-twitter.png') no-repeat 10px center, #333;
}

a.sharing-button.facebook:hover {
	background: url('images/sharing-facebook.png') no-repeat 10px center, #333;
}
 
 
@media (max-width: 600px) {
	a.sharing-button {
		margin-bottom: 15px;
		clear: left;
	}
}
 
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	a.sharing-button { 
		background: url('images/sharing-envelope@2x.png') no-repeat 10px center, #2F72C0;
		background-size: 32px 32px;
	}
	
	 a.sharing-button.twitter { 
		background: url('images/sharing-twitter@2x.png') no-repeat 10px center, #1CA1F2;
		background-size: 32px 32px;
	}
	
	 a.sharing-button.facebook {
		background: url('images/sharing-facebook@2x.png') no-repeat 10px center, #3B5A97;
		background-size: 32px 32px;
	 }
	
	 a.sharing-button:hover { 
		background: url('images/sharing-envelope@2x.png') no-repeat 10px center, #000;
		background-size: 32px 32px;
	}
	
	 a.sharing-button.twitter:hover {
		background: url('images/sharing-twitter@2x.png') no-repeat 10px center, #333;
		background-size: 32px 32px;
	 }
	
	 a.sharing-button.facebook:hover {
		background: url('images/sharing-facebook@2x.png') no-repeat 10px center, #333;
		background-size: 32px 32px;
	}
}


/* ==========================================================================
   Action Buttons
   ========================================================================== */

	.utm-actions { 
		background: #F3F7FD;
		padding: 15px 15px 0;
		border-radius: 8px;
	}
	
	.utm-actions .column {
		padding: 5px;	
	}
	
	a.utm-action-button {
		padding: 5px 15px 5px 30px;
		background: #2F72C0;
		display: inline;
		float: left;
		width: 100%;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		margin-bottom: 15px;
	}
	
	a.utm-action-button:hover {
		background: #333;
	}
	
	/* Buttons */
	a.utm-action-button.download {
		background: url('images/actions-download.png') no-repeat 10px 50%, #2F72C0;
	}
	
	a.utm-action-button.info {
		background: url('images/actions-info.png') no-repeat 10px 50%, #2F72C0;
	}
	
	a.utm-action-button.store {
		background: url('images/actions-store.png') no-repeat 10px 50%, #2F72C0;
	}
	
	/* Button Hover States */
	a.utm-action-button.download:hover {
		background: url('images/actions-download.png') no-repeat 10px 50%, #333;
		text-decoration: none;
	}
	
	a.utm-action-button.info:hover {
		background: url('images/actions-info.png') no-repeat 10px 50%, #333;
		text-decoration: none;
	}
	
	a.utm-action-button.store:hover {
		background: url('images/actions-store.png') no-repeat 10px 50%, #333;
		text-decoration: none;
	}
	
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
		/* 2x Buttons */
	    a.utm-action-button.download {
			background: url('images/actions-download@2x.png') no-repeat 10px 50%, #2F72C0;
			background-size: 18px 18px;
		}
		
		a.utm-action-button.info {
			background: url('images/actions-info@2x.png') no-repeat 10px 50%, #2F72C0;
			background-size: 18px 18px;
		}
		
		a.utm-action-button.store {
			background: url('images/actions-store@2x.png') no-repeat 10px 50%, #2F72C0;
			background-size: 18px 18px;
		}
		
		/* 2x Button Hover States */
	    a.utm-action-button.download:hover {
			background: url('images/actions-download@2x.png') no-repeat 10px 50%, #333;
			background-size: 18px 18px;
		}
		
		a.utm-action-button.info:hover {
			background: url('images/actions-info@2x.png') no-repeat 10px 50%, #333;
			background-size: 18px 18px;
		}
		
		a.utm-action-button.store:hover {
			background: url('images/actions-store@2x.png') no-repeat 10px 50%, #333;
			background-size: 18px 18px;
		}
	}

/* ==========================================================================
   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;
		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 */