@charset "UTF-8";
/* CSS Document */
/**
* Theme Name: melted
* Theme URI: 
* Description: A Site for Melted Away
* Version: 0.1
* Author: Lotus + Pixel
* Author URI: http://lotusandpixel.com
* Tags: 
* Template: twentytwelve
*/
/* Get base CSS */

@import url('../twentytwelve/style.css');

.category-sticky{border-top:none!important;}

/*- - - new june 30- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.archive-header, .page-header {
    margin-bottom: 1rem;
    padding-bottom: 1rem;}

.entry-content h2 {
    font-size: 1.1rem!important;
    font-weight: bold!important;
	line-height:1.6!important;}

.entry-content h5, .comment-content h5 {
    font-size: 1rem;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
    font-family: 'museo500';
    src: url('font/museo500-regular-webfont.woff2') format('woff2'),
         url('font/museo500-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    line-height: 1.6;
    margin: 0 0 1.6rem;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0!important;
}

.size-thumbnail{
border: 1px solid #ccc;}

.size-thumbnail {
    height: auto;
    margin-right: 2%!important;
    width: 22%;
}

hr{
margin:30px 0 30px 0!important; border: 0; width:100%!important;  height: 2px;  }

/*dawn team*/
#pg-18-0, #pg-18-1, #pg-18-2{
margin-bottom:0!important;}

/*morning in america kickstarter*/
#pg-142-0{
margin-bottom:0!important;}

/*american dream kickstarter*/
#pg-193-0{
margin-bottom:0!important;}

.category-sticky{
	
        padding-bottom:0!important;}

.category-sticky .entry-title{
	}

.category-sticky .entry-meta{display:none!important;}

.category-sticky .synved-social-button{
	display:none;}


	
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
    	margin-bottom: 1.71429rem;
	margin-bottom: 1.21429rem!important;
margin-top:1.41429rem;}


body{
	background:#dfe3e4;}
	
	
.nav-single{
	font-size:.9rem;line-height:1.1!important;}
	
#announce{
	position:absolute;
	z-index:120;
	top:14px;
	right:0;
	width:95%;
	max-width:438px;
	height:auto;}

a {
    color: #3a62aa;}

.single .site-content, .search .site-content, .error404 .site-content {
    margin: 0 3% 0 3%;
	float:left;
	max-width:640px!important;
	width:94%!important;}
	
.site {
    background-color: #fff;
    padding: 0 1rem;}
	
.home .entry-header{display:none;}

.site-content article {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;}
.archive .site-content article{	
	border-bottom:1px solid #ededed!important;}

.site-content {
    margin: 0 0 0;}

.widget-area {
    margin:0 0 0;}	

#main{
	margin-top:20px;}

.home #primary .entry-title{display:none;}
		
.site-header{padding-bottom:0;}
	
/* ###############################  banner and main menu ############################### */	


#masthead{
	background: #fff url(http://meltedaway.com/wp-content/uploads/2016/05/banner-n1.jpg) no-repeat 0 top;
	width:100%;
	height:185px;
	margin:0;
	padding:0;
	position:relative;}

.site-header h1 a:hover, .site-header h2 a:hover{
	color:#9fd2e3;}
	
hgroup{
	margin-left:15px;
	padding-top:100px;
	padding-bottom:24px;
	width:290px;}
	
.site-header h1 {
	text-align:left;
    font-size: 1.47rem;
    line-height: 1.3;
	margin-bottom:0;}

.site-header h1 a, .site-header h2 a{
    color: #fff;
    font-weight:normal;
    text-transform:uppercase;
	font-family: 'museo500';
	letter-spacing:.4rem;
	
	margin: 0}
	
.site-header h2 {
	text-align:left;
	color:#fff;
    font-family: 'museo500';
    
	font-size:1.10rem;
	letter-spacing:.3rem;
    font-weight: normal;
    line-height: 1.3;
	margin: 0 0 0 0;}	
	
	
	
.menu-toggle {
	display: none!important;}
	


#wprmenu_menu .current-menu-item, #wprmenu_menu .current_page_item{
	background:none!important;
	padding-left:0;}
	

.main-navigation {
    margin-top: 0rem;}
	
.nav-menu .current-menu-item{
	background:none;
	font-weight:normal!important;} 
	
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    /*color:red;*/
    font-weight: normal;}


/*hilite the top menu for any anthropocene page*/
/*.category-dawn-of-the-anthropocene .menu-item-11 a, .page-id-47 .menu-item-11 a, .page-id-18 .menu-item-11 a, .page-id-67 .menu-item-11 a{color:red;}*/
	
	
/* = = = = = =  footer = = = = = = =*/

footer[role="contentinfo"] {
    padding: .9rem 0 0 0;}

#footerholder{
	margin-left:20px;}

.site-info{
	font-size:.75rem;
	letter-spacing:.02rem;
	background-color:#0e3460;
	margin-top:1.4rem;
	text-align:center;
	color:#cfd8de;
	padding: .4rem .7rem;}
	
.site-info a{
	color:#cfd8de!important;}
	
#footerholder, #footerholder a {
    color:#444!important;
	text-decoration:none;}
	
#footerholder a:hover{
	text-decoration:underline;}
		
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], .bypostauthor cite span {
    background-color: #2168ba;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 0.585714rem;
	text-transform:uppercase;
	letter-spacing:.087rem;
    line-height: 1.42857;
    padding: 0.379571rem 0.344286rem;}
	
button, input, select, textarea {
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: inherit;
    padding: 0.4428571rem;}
	
#colophon .widget-title{
	Margin:1.3rem 0 .3rem 0;
	font-size:.9rem; 
	font-weight:bold;}
		
#mfooter1, #mfooter2, #mfooter3, #mfooter4{
	width:46%;
	margin-right:3%;
	float:none;
	padding-bottom:6px;
	border-bottom:1px solid #bdc9d1;}
	
#colophon{
	background:#eaeef1;}
	

/*= = = = = = = = = = misc  = = = = = = = = = = = = = = = = = */

.size-thumbnail {
	width:22%;height:auto;
	margin-right:3%;}
	
.entry-content h2{
    font-size: 1.25rem;
    line-height: 1.2;
	font-weight:normal;}
	
body{
	font-size:1.1rem;}

body.custom-font-enabled{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:400;
	color:#555;}

body .site{border-top:2px solid red;}


.entry-content a {
	color:red!important;
	text-decoration:none;}

.site-content article {
    border-bottom: none;}
	
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    box-shadow: none;}
	
.archive-title{
	/*this is for the category/posts heading in project sections*/
	text-transform:none;
	font-weight:normal;
	font-size: 1.42857rem;
	line-height:1.2;
	color:#555;}


/*= = = = home = = = = */

.welcome{
	color:red;font-family: 'museo500';
	text-transform:uppercase;font-size:1.3rem;
	letter-spacing:.05rem;}

.intro{
	font-size:1.23rem;}
	
.home .details{
	font-size:1.07rem!important;}
	
.homerule{
	border-bottom:1px solid red;}
	
.home .widget-title{
	display:inherit;
	text-transform:none;
	letter-spacing:inherit;
	font-weight:normal;
	color:#555;
	font-size:1.36rem;
	margin-bottom:.7rem;
	line-height:1.2;}
	

/*  = = = = = = = =  = = = = = = = =  = = = = = = = =  */

.site-content article {
	hyphens: none;}


/*= = = =  pagebuilder stuff = = = = = = = = = = = = = */	

/* home fields spacing*/
#pg-4-0,#pg-4-2,#pg-4-4,#pg-4-6, #pg-4-8, #pg-4-10 {
   margin-bottom:0!important;}
   
/* home fields red rule spacing*/
#pg-4-1, #pg-4-3, #pg-4-5, #pg-4-7, #pg-4-9, #pg-4-11{margin-bottom:12px!important;} 


#pg-47-0, #pgc-47-1-0{
    margin-bottom: 0px!important;}

.details{
	font-size: .95rem;line-height:1.2;}
	
/*= = = = widgets and widget menu = = = = = = = = = = = = = */	
	

.widget-area .widget {
    margin-bottom: 2.42857rem;}

.widget-area {
    float: left;
	margin-left:0;
    margin-left:0%;
	margin-right:0px;
    margin-right: 0%;
    max-width: 300px;
	width:100%;}
	
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 1rem;
    line-height: 1.9rem;}
	
.current_page_item, .current-menu-item {
    background: rgba(0, 0, 0, 0) url("http://meltedaway.com/wp-content/uploads/2016/05/redTriangle.png") no-repeat scroll 0px 3px;
}
	
.widget_nav_menu ul li {
	padding-left:18px;}
	
.widget-area .widget h3 {
    margin-bottom: .5rem;}
	
#main .page-template-project .widget-title, #main .category .widget-title{
	/*small letter-spaced title over the menu on project pages*/
    color: #888;
	letter-spacing:.2rem;
    font-size: 0.785714rem;
	font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;}

.widget-title{
	font-weight:normal; 
	text-transform:inherit;}
	
	
	
.widget-area .widget a {
    color: #3a62aa!important;
	text-decoration:none;}
	

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/


	
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/


@media only screen and (min-width: 320px) and (max-width: 400px) {

	#mfooter1, #mfooter2, #mfooter3, #mfooter4{
		width:80%;
		float:left;}	
}


@media only screen and (min-width: 600px) and (max-width: 768px) {


.single .site-content, .search .site-content, .error404 .site-content {
    float:left;
	margin: 0 3% 0 3%;
	max-width:640px!important;
	width:90%!important;}

	.main-navigation{display:none;}

}

@media screen and (min-width: 600px){
	
	
	.home img{margin-bottom:10px;}

#main{
	margin-top:60px;}

hgroup{
	margin-left:30px;
	width:300px;}
	
.site-header h1{
	font-size:1.7rem;}
	
.site-header h2 {
    font-size:1.10rem;}	

/* for menus on project pages*/	
.page-template-project #main .widget-title, .category #main .widget-title{
	display:none;}

body .site {
	
	box-shadow:none;
    margin-bottom: 3.42857rem;
    margin-top: 0;
	padding: 0;
	max-width:940px;}
	
body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content, #footerholder{
    max-width:800px;
	width: 85.1064%;
	margin: 0 70px;
	margin: 0 7.4468%;}
	
.site-content {
    float: left;
	width:640px;
	width:68.0851%;}

#main .widget-area {

    float: left;
	margin-left:40px;
    margin-left: 2.9553%;
	margin-right:30px;
    margin-right: 3.4915%;
    width: 160px;
	width:18.6213%;

	}
	
#main .widget-area .widget p, #main .widget-area .widget li, #main .widget-area .widget .textwidget {
    font-size: 1.07rem;
    line-height: 2.2rem;}
	
.current_page_item, .current-menu-item {
	background:url(http://meltedaway.com/wp-content/uploads/2016/05/redTriangle.png) no-repeat 0 7px;}

.archive-title{
	font-size: 1.57143rem;}	
	
}

@media screen and (min-width: 768px){
	.single .site-content, .search .site-content, .error404 .site-content {
    margin: 0 6.9149% 0 25.1063%;
	max-width:640px!important;
	width:100%!important;}
.main-navigation li ul {
	z-index: 200;}

	
.main-navigation {
	background:#000;
    margin-top: 0;
	padding-right:1rem;}
	
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-bottom:none;
    border-top:none;
    display: inline-block !important;
    text-align: right;}
	
.main-navigation li {
    font-size: 1rem;
	letter-spacing:.05rem;
   	margin: 0 0 0 0;
	padding:0;
    position: relative;}

.main-navigation li a {
	
	color:#ccf1fa;
	line-height: 2.6;
    text-transform:inherit;
	padding:0 .65rem;}
	
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color:#fff;
	font-weight: normal;}
	
.main-navigation li ul li a {
	border-bottom:none!important;
    border-top:none!important;
    font-size: 1rem;
    line-height: 2.6!important;
	 padding: 0 .5rem!important;
    width: 14rem;
	text-align:left;}
	
.main-navigation li a:hover, .main-navigation li a:focus{
	background:black;
	color: #9fd2e3;}


.main-navigation li ul li a, .main-navigation li ul li a {
	background: #000;
	color:#ccf1fa;}		
.main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
	background: #19548c;
	color: #fff ;}
	

	
#mfooter1, #mfooter2, #mfooter3, #mfooter4{
	/*width:23.5%;
	margin-right:2%;
	border-bottom:none;
	float:left;*/}

#mfooter1, #mfooter2, #mfooter3{
	width:22.5%;
	margin-right:2%;
	border-bottom:none;
	float:left;}
	
#mfooter4{
       width:26.5%;
	margin-right:0;
       float:left;
     border-bottom:none;}

}
@media screen and (min-width: 800px){

	

	}

/* rule for hiding #tags in instagram feed */

.wdi_header_user_text.wdi_header_hashtag { display:none !important; }