html {background: #000;}

#html-body, h1, h2, h3, h4, h5 {
	/* default font */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

}


p {	font-size: 18px;}

body {

	color: #fff;
	background: #000;
    
}
a {

	color: #f63;
}

a:hover {

	color: #ccc;
	text-decoration: none;
}

a:active {color: #777}

header.uk-background-muted {background: #000; color: #fff;}

header, main {
	max-width: 1200px;
	margin: 0 auto;
}

#masthead h2{    text-transform: uppercase;
    letter-spacing: -1px;
    color: #fff;
    font-size: 40px;
    font-weight: 900;
     line-height: 40px;

	 font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Ubuntu', 'Helvetica Neue', 'sans-serif';
}

#masthead-logo img {
	/* image for masthead logo */
	width: 30px;
	vertical-align: inherit; 
}

.uk-navbar-container {

	display: inline;
	color: #fff;
     background: transparent;
}


.uk-container {max-width: 1200px; margin: 0 auto; padding: 0;}


.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true], .uk-navbar-nav>li.uk-active>a {color: #fff;} 


.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {    min-height: 40px;}


#edit-page {
	/* the edit page link that appears when page is editable */
	position: absolute;
	top: 10px;
	right: 10px
}

#offcanvas-toggle {
	/* the hamburger icon that toggles the mobile navigation */
	position: absolute;
	top: 10px;
	left: 15px; 
}

#offcanvas-nav .uk-search-input {
	/* the search box that appears in offcanvas nav */
	width: 100%;
}

img.uk-comment-avatar {
	/* avatar that appears in comments */
	width: 60px;
	height: 60px; 
}

@media only screen and (max-width: 959px) {
	/* custom adjustments for mobile layouts under 960px */
	#masthead {
		/* primary nav is not visible, so it needs some padding here */
		padding-bottom: 20px;
	}
}



/****---viasonde custom shit*/
@media only screen and (max-width: 1240px) { 

	header, main, footer {

		padding: 0 30px !important;
	}
}

.bandcamp-full-width {
	width: 100%; /* Ensures the container spans the full width */
	margin: 0 auto; /* Centers the container */
  }
  .bandcamp-full-width iframe #player {
	width: 100% !important; /* Overrides the iframe's default width */
  }

footer {padding-bottom: 50px !important;}

.blog-post-summary img {}

.shopify-buy-frame--product.shopify-buy__layout-horizontal iframe {
	max-width: 1200px !important; }

.shopify-buy__carousel {display: none !important;}	

blockquote {padding-left: 20px; border-left: solid 1px #333; color: #fff; 	font-size: 16px;}

#offcanvas-toggle {display: none;}

*+.uk-margin

 {
    margin-top: 0px !important;
}

/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.align_left {
	/* for images placed in rich text editor */ 
	float: left;
	margin: 0 1em 0.5em 0; 
	position: relative;
	top: 0.5em;
	max-width: 50%; 
}

.align_right {
	/* for images placed in rich text editor */ 
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%; 
}

.align_center {
	/* for images placed in rich text editor */ 
	display: block;
	margin: 1em auto; 
	position: relative;
	top: 0.5em;
}

figure {
	/* figure for image that has a caption */
	display: table;
	margin: 1em 0;
}

figure figcaption {
	/* display caption text below image contained to image width */
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 5px;
	color: #777;
}

@media only screen and (max-width: 767px) {
	/* common PW mobile layout adjustments for widths under 768px */ 

	.align_left, .align_right, .align_center {
		/* display images in center rather than aligned */
		display: block;
		float: none; 
		margin: 1em auto;
		max-width: 100%; 
	}
	
	figure,
    figure figcaption {
		/* let figcaption display as wide as needed below image */
	    display: block;
	    text-align: center;
    }
}


.uk-section-secondary, .uk-card-default {
	background: #000;
	color: #fff;
}

.blog-post h2 a, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {

	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
.uk-heading-divider {border-bottom: none;}

.uk-hr, hr,.uk-nav-default .uk-nav-divider {

	border-color: #333
}

.uk-breadcrumb {display: none;}