/* ~~~ CUSTOM CSS FOR EARTHVILLE.ORG ~~~ */


/* ~~~~~~~~~~ HEADER ~~~~~~~~~~ */


/* MAIN CONTAINER, BODY & SIDEBAR WIDTHS */


#main.fullwidth, .layout-full #main, .col-full { max-width: 1000px; }
#main { width: 60%; }
#sidebar { margin-top: 0; width: 33%; }

.otw-column, .otw-columns {
  float: left;
  min-height: 1px;
  padding: 0;
  position: relative;
}

/* TRIM HEADER'S TOP & BOTTOM MARGINS */
#header { padding: 1em 0 0;  }
.home #header #header-inside, #header #header-inside { margin: 0 0 .3em;}

/* TOPNAV - FLOAT RIGHT */
#top #top-nav, #top .top-navigation { display: block; float: right; }

/* SHRINK FEATURE MESSAGE'S CONTAINER FOR BETTER COMPOSITION */
#intro-message .col-full {width: 60%; margin-top: 3em; }

/* CHANGE FEATURED SLIDER TEXT TO WHITE */
#featured-slider ul.slides li .slide-content .entry p:last-child { color:#f8f8f8; }

/* BUTTON COLOR FOR HEADER MESSAGE */
#intro-message .button {background:#999443;}



/* ~~~ MAIN NAV ~~~ */


/* SHRINK MAIN NAV PADDING */
#navigation ul.nav li a { padding: 1.3em 1em 1.6em 1.1em; }

/* FLOAT "My Account" TO THE RIGHT */
#menu-item-3848 { float: right; }

/* TWEAK MAIN NAV STYLING */

#navigation { border: 0; }
#navigation .menus {
    border-top: 2px solid #f8f8f8;
    border-color: rgba(160, 160, 160, 0.3);
}

#navigation ul.nav > li:hover > a {
  border-color: rgba(160, 160, 160, 0.3);
}

#navigation ul.nav > li > a {
    border: 2px solid transparent;
    border-width: 2px 0 0;
}

/* Submenus */ 
#navigation ul.nav ul {  
  background: #fff;
  width: 18em; 
  top: 93%;
  border: 0px;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); 
  -webkit-background-clip: padding-box; /* partly fixes booger edge on round corners */
  left: auto;
  right: auto;
  padding: 1em;
}

/* Remove submenus' down-pointers from main nav, then restore the right-pointers to the submenus */
#navigation ul.nav li.parent > a:after {display: none;}
#navigation ul.nav ul li.parent > a:after {display: block;}


#navigation ul.nav ul li a {
  padding: .618em .6em;
  color: rgb(133, 133, 133);
  border: 0;
}
#navigation ul.nav ul li:last-child a {
  border-bottom: 0;
}

#navigation ul.nav li.current-menu-item > a, #navigation ul.nav li.current_page_item > a {
    color: #b98146;
}


@media only screen and (max-width: 768px) {
  #navigation ul.nav {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
    
    padding-left:30px;
  }

  #navigation ul.nav ul li a {
    color:#444;
    font-weight:normal;
  }
}




/* ~~~~~~~~~~~~~ GLOBAL TWEAKS ~~~~~~~~~~~~~ */



/* IMAGES: ROUNDED & SHADOWED */
img { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; /* partly fixes booger edge on round corners in webkit */ }

/* IMAGES THAT SHOULD *NOT* BE ROUNDED OR SHADOWED */
#logo img, .home-list img, .wp-caption img, .post-808 img, .wp-image-1693, .wp-image-3425 { 
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-background-clip: padding-box; 
}


.post .wp-caption,
.type-page .wp-caption,
.type-feature .wp-caption,
.type-testimonial .wp-caption,
.search-results .page .wp-caption,
.search-results .type-product .wp-caption,
.search-results .type-feature .wp-caption,
.search-results .type-testimonial .wp-caption {
  padding: .077em;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ebebeb;
  max-width: 100%;
}
.post .wp-caption img,
.type-page .wp-caption img,
.type-feature .wp-caption img,
.type-testimonial .wp-caption img,
.search-results .page .wp-caption img,
.search-results .type-product .wp-caption img,
.search-results .type-feature .wp-caption img,
.search-results .type-testimonial .wp-caption img {
  margin: 0;
  padding: .327em .327em 0;
  background: none;
  border: 0;
  max-width: 98%;
}

.widget_woodojo_tabs ul.nav-tabs,
.woocommerce_tabs ul.nav-tabs,
.woocommerce-tabs ul.nav-tabs,
.widget_woodojo_tabs ul.tabs,
.woocommerce_tabs ul.tabs,
.woocommerce-tabs ul.tabs {
  margin-bottom: 1.618em;
  list-style: none;
  border-bottom: 1px solid #ebebeb;
  font-size: .9em;
}



/* ~~~ SIDEBAR ~~~ */
#sidebar #snippet-box {
	display: none;
}


/* ~~~ FOOTER ~~~ */

#footer-widgets { margin:auto; }

#em_widget-2 ul { color: #f8f8f8;  /* off white */ }

#footer-full { max-width: 1000px; margin:auto; }
#footer-full .col-full { padding: 1.5em 0 0; border-bottom: 2px solid #323232;}
#footer-full .otw-row { margin:auto; }
#footer-full p.homepage-button, #footer-full .widget { margin: 0; padding:0;}
#footer-full .homepage-button a.woo-sc-button {width:100%; padding: .5em 0; margin: 0 .4% 1em 0; }
#footer-full .fourcol-one {margin-bottom:0;}
#footer-full #text-4 .col-full { border-bottom: 0px; }

@media only screen and (max-width: 1280px) {
  #footer-full .col-full {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
  
    padding-left: 1em;
    padding-right: 1em;
  }
}


/* PREVENT SOUNDCLOUD WIDGET SLOT FROM BECOMING GINORMOUS IF FLASH PLUGIN NOT INSTALLED */
.footer-widget-2 {max-height:360px;}



/* ~~~~~~~ HOMEPAGE TWEAKS ~~~~~~ */



/* FEATURED SLIDER */
#header-right { width: 74.5%; height: auto; margin-top: 0.5em; }

/* Other homepage tweaks ~~~ */

.home-widgets .widget {
  padding: 3em 0;
  margin: 0;
  border-bottom: 0px;
  background: #f3f3f3 /*url('images/home-section-bg.png') bottom center repeat-x; */
}
.home-widgets a.woo-sc-button, .home-widgets .threecol-one, .home-widgets .last, .home-widgets p.homepage-last-line { margin-bottom: 0px; }
.home-widgets h3 a { line-height: 1.2em; font-size: 1em; color: #6e4c5b; }

.home #text-11 {padding: 2.2em 0 .7em;}
.home #text-11 .threecol-two {max-width: 656px;}
.home-widgets p.homepage-button { margin-bottom: 0.7em; } 
.home #text-5 a.woo-sc-button { margin:auto; }
.home #text-5 .otw-twentyfour .otw-columns, .home #text-11 .otw-twentyfour .otw-columns, .home #text-13 .otw-twentyfour .otw-columns { max-width:1000px; margin: 0 0 0 10px; } 

.home-widgets .shareaholic-share-buttons-container { margin-bottom: 30px; }

/* MAKE BACKGROUND COLORS ALTERNATE FOR EACH WIDGET (manual hack to mimic the stock functionality of the theme, which i broke by using text widgets instead of the expected components) */
.home #text-13, .home #text-5 { background: rgb(255, 255, 255); }

@media only screen and (max-width: 768px) {
  #header-right {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
    
    width:100%;
    margin: auto;
    padding: 0 1em;
    border:0;
  }
}




/* ~~~~~~~~~~~~~ POST CATEGORY PAGES ~~~~~~~~~~~~~ */

.read-more { float: right; }

.post .read-more a,
.type-page .read-more a,
.type-feature .read-more a,
.type-testimonial .read-more a,
.search-results .page .read-more a,
.search-results .type-product .read-more a,
.search-results .type-feature .read-more a,
.search-results .type-testimonial .read-more a {
  display: inline-block;
  background: #999443;
  color: #fff;
  font-weight: bold;
  padding: .618em 1em;
}
.post .read-more a:hover,
.type-page .read-more a:hover,
.type-feature .read-more a:hover,
.type-testimonial .read-more a:hover,
.search-results .page .read-more a:hover,
.search-results .type-product .read-more a:hover,
.search-results .type-feature .read-more a:hover,
.search-results .type-testimonial .read-more a:hover {
  background: #8d5f73;
  text-decoration: none;
}

/* BLOG/CATEGORY/SEARCH PAGES: FILTER POST METADATA */
body.archive .post .post-meta .post-category,
body.archive .post .post-meta .post-comments,
body.single-post .post .post-meta .post-category,
body.single-post .post .post-meta .post-comments,
body.search-results .page .post-meta .post-comments,
body.search-results .page .post-meta .post-category
{
display:none;
}

/* ADUST METADATA SIZE */
.post .post-meta,
.type-page .post-meta,
.type-feature .post-meta,
.type-testimonial .post-meta,
.search-results .page .post-meta,
.search-results .type-product .post-meta,
.search-results .type-feature .post-meta,
.search-results .type-testimonial .post-meta {
  margin: 0 0 .53em;
  font-size: .9em;
} 



/* ~~~~~~~~~~~~~ OTHER PAGES ~~~~~~~~~~~~~ */


/* WOOSLIDER FORMATTING FIXES for STORIES page*/
.wooslider {margin: 0px; background: #fff; border: 0px; }
.slide-excerpt {margin-top: 12px; }
#wooslider-id-1 ul { margin-left: 0px; }

/* FOUNDER'S BLOG MAIN PAGE (CATEGORY ARCHIVE) */
.wp-image-2456 { float: left; margin-right: 20px; margin-bottom: 60px; }

/* DISPLAY-POSTS PLUGIN */
.display-posts-listing .listing-item { clear: both; }
.display-posts-listing img { float: left; margin: 0 2em 2em 0; }


/* LOGIN/LOGOUT/REG: HIDE DEFAULT TML LINKS SO WE CAN ADD OUR OWN */
.tml-action-links, .tml-action-links a, .tml-action-links a:hover, .tml-action-links a:active { color: #fff; }

/* LOGIN/LOGOUT/REG: SHRINK OVER-PADDED WOO BUTTONS CREATED BY NON-WOO SOURCES */
#registerform p.submit, #setupform p.submit, #loginform p.submit, #your-profile p.submit, #lostpasswordform p.submit, #form_contact2 p.submit { padding: 0px; }

/* FIX EVENTS PAGE LIST CANCEROUSLY REPLICATING ITSELF (unfortunately can't resurrect 4 action buttons) */
.page-id-313 #footer-full #em-wrapper, .single-event #text-4, .single-location #text-4, .single-location #text-6 {display: none; }




/* ~~~~~~~~ TYPOGRAPHY ~~~~~~~~~~~ */

body {font:normal 1.2em/1.5em 'Open Sans', arial, sans-serif;color:#111}

/* LINKS */
a {  font-weight: 600; color: #6a5f87;	/* lavender  */ }
a:hover {  color: #b98146;  }


/* HEADERS */

h1,h2,h3,h4,h5,h6 {font-family:Open Sans,arial,sans-serif}

h1 { color:#b98146; } 

.post header h1 a:link, .post header h1 a:visited { font:bold 0.9em/1em 'Open Sans', arial, sans-serif;color:#6e4c5b; }
.search-results .page header h1 a:link, .search-results .page header h1 a:visited { font:bold 0.9em/1em 'Open Sans', arial, sans-serif;color:#6e4c5b; }

h2 {
  color: #868249;  /* olive */
  font-size: 1.5em;
}

h3 {
  color: #956353;  /* rust */ 
  font-size: 1.2em;
}
.widget h3 {font:bold 1.4em/1em 'Open Sans', arial, sans-serif;color:#6e4c5b}

h4 {
  color: #6e4c5b;  /* plum */ 
  font-size: 1.1em;
}

h5 {
  color: #b98146;  /* burnt orange */
  font-size: 1 em;
}

h6 { 
  color: #777777; /* gray */
  font-size- 1 em;
} 


/* COLORZING CLASSES */

.burnt-orange { color: #b98146; }
.light-burnt-orange { color: #c28442; }
.olive { color: #868249; }
.light-olive { color: #4c6981; } 
.plum { color: #6e4c5b; }
.light-plum { color: #8d5f73; }
.rust { color: #956353; }
.light-rust { color: #a95e46; }
.slateblue { color: #4c6981; } 
.dark-gray  { color: #222222; }
.gray { color: #555555; }
.light-gray  { color: #777777; }
.off-white { #f5f4f3; }



/* BUTTONS */

.button .light-olive { background: #999443; }
.button .slate-blue { background: #4c6981; }



/* OTHER */

.nav a{font:bold 1.2em/1.4em 'Open Sans', arial, sans-serif;color:#f5f4f3}
.page header h1 {font:bold 2.5em/1em 'Open Sans', arial, sans-serif;color:#b98146}
.post header h1, .post header h1 a:link, .post header h1 a:visited {font:bold 2em/1em 'Open Sans',arial,sans-serif;color:#6e4c5b}
.post-meta {font:italic 1em/1em 'Open Sans', arial, sans-serif;color:#777}
.entry, .entry p{font:300 1.1em/1.5em 'Open Sans',arial,sans-serif;color:#222}
.archive-description p { font-size: 1.2em; }
.widget p {color: #111;}


/*SHRINK BLOG POST TITLES */
.post header h1 a:link, .post header h1 a:visited { font:bold 0.9em/1em 'Open Sans', arial, sans-serif;color:#6e4c5b; }


/* TURN ON FULL JUSTIFICATION & TURN OFF HYPHENATION FOR HOMEPAGE WIDGETS */
.home-widgets p {
word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
        text-align: justify;
}

/* ...BUT TURN HYPHENATION BACK ON FOR BLOG EXCERPTS */
.article-content p {
word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
        text-align: justify;
}