/*

Theme Name: X - Child Theme: Ethos
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Ethos in this child theme.
Version: 1.0.0
Template: x

*/

@import url( '../x/framework/css/site/stacks/ethos.css' );

@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic);

/* Top Bar Styles */

.x-topbar  .p-info {
color: #fff !important;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
font-size: 11px;
margin-top: 12px;
}

.x-topbar .p-info a {
padding: 0 5px 0;
}

.x-topbar a {
color: #fff !important;
}

.x-topbar a:hover {
color: #dddddd !important;
}



/* Logo - Footer */

@media (min-width: 980px) {
      .x-colophon img {
      max-width: 80%;
      }
}

@media (min-width:768px) and (max-width:979px) {
      .x-colophon img {
      max-width: 60%;
      }
}

@media (max-width:767px) {
      .x-colophon img {
      max-width: 80%;
      }
}



/* Top Navigation */

.x-navbar { 
border-bottom:2px solid #000000;
}

.x-btn-navbar .x-icon-bars {
color:#000000
}

.x-navbar .desktop .x-nav li>a>span:after {
display: none;
}

.menu-item {
font-size: 12px;
text-transform: uppercase;
}

.offset-anchor {
	display: block;
	position: relative;
	visibility: hidden;
}

@media (min-width: 980px) {
	.offset-anchor {
		top: -50px;
	}
}

.x-navbar .desktop .x-nav > .current-menu-item > a {
font-weight: 700;
}

.current-menu-item a {
color: #000 !important;
}

.current-menu-item a:hover {
color: #159a40 !important;
}

.desktop li.current-category-ancestor> a {
font-weight: 700 !important;
}

.x-navbar .desktop .x-nav > li > a {
box-shadow: none !important;
font-size: 14px;
letter-spacing: 2px;
}



/* Featured Overlay & Menus */

.photomenu {
position: relative;
}

.pmoverlay {
position: static;
height: 50px;
width: 100%;
margin-top: -15px;
border: 1px solid #000;
background-color: #FFF;
padding-top: 0px;
display: table;
}

.pmtext {
display: table-cell; 
vertical-align: middle; 
text-align: center;
text-transform: uppercase;
line-height: 13px;
letter-spacing: 1px;
color: #000;
}

.photomenu:hover {
cursor: pointer;
cursor: hand;
}

.photomenu:hover .pmoverlay {
border: 1px solid #000;
background-color: #000;
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

.photomenu:hover .pmtext {
color: #FFF;
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

@media (min-width:768px) {

.homesection {
position: relative;
top: -35px;
height: 425px;
background-image: url("http://tarynwilliford.com/wp-content/uploads/2015/04/TarynFiolWilliford_atlanta_editor_creativedirector.jpg");
background-position: center;
}

.overlay {
position:absolute;
height: 200px;
width: 500px;
top: 50%;
margin-top: -130px;
left: 50%;
margin-left: -250px;
text-align: center;
}

.overlay h1 {
color: #000;
font-size: 42px;
}

.overlay p {
text-align: center;
font-size: 24px;
color: #000;
line-height: 30px;
font-family: 'Lora', serif;
}

.overlay .x-btn {
color: #000;
border-color: #000;
}

.overlay .x-btn:hover {
background-color: #000;
border-color: #000;
color: #FFF;
}

}

@media (max-width:767px) {

.overlay {
max-width: 350px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.overlay h1 {
color: #000;
font-size: 24px;
margin-top: 0;
text-align:center;
}

.overlay p {
font-size: 16px;
color: #000;
line-height: 18px;
text-align:center;
font-family: 'Lora', serif;
}

}

/* Headers */

.x-header-landmark {
text-align: center;
}

.h-landmark.entry-title {
padding: 0px 0 0;
margin-bottom: -20px;
}

@media (min-width:980px) {
     .x-header-landmark {
     padding-top: 3em;
     }
}



/* General Styles */

p {
margin: 0 0 1em;
text-align: justify;
}

.x-columnize {
text-align: justify;
}



/* Button & Search Form Styles */

#searchform input {
text-transform: uppercase;
letter-spacing: 3px;
}

.x-btn, .button, [type="submit"] {
padding: 0.6em 1.125em 0.8em;
border-width:2px !important;
}

.x-btn.x-btn-mini {
padding: 0.5em 0.8em 0.6em;
font-size: 1.1rem;
}


/* Index Page Featured Box Style */
.x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured {
margin-right: 0;
}



/* Contact Page - Envelope Icon */

#contactenvelopeicon {
padding-right: 10px;
font-size: 70%;
}

@media (max-width:419px) {
     #contactenvelopeicon {
     display:none;
     }
}



/* Pages - Link Sidebar Styling */

@media (max-width:767px) {
     .linksidebar, .linksidebar p {
     text-align: center;
     }
}



/* Archive Page */

.archivedescription {
margin-top: 5px;
}

.archivedescription p {
text-align: center;
font-family: 'Lora', serif;
font-size: 20px;
color: #000;
line-height: 22px;
}

.h-custom-headline {
letter-spacing: 2px;
}



/* Meta on Index, Posts and Slider */

.featured-meta {
text-transform: uppercase;
font-size: 20px;
letter-spacing: 3px;
}

.x-post-slider-entry .featured-meta {
font-size: 24px;
}

a.entry-thumb {
min-height: 200px;
}

.p-meta {
margin-top: 0px !important;
margin-bottom: 10px !important;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Karla, 'Helvetica Neue', Helvetica, sans-serif;
}

.post-featured-img {
padding-top: 20px;
}

@media (max-width:979px) {
.offset.cf {
margin-top: 0px;
}
}

.single .entry-header {
max-width: 400px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.single .p-meta {
margin: 0;
text-align: center;
}

.single .after-category {
width: 250px;
border-bottom: 1px solid #E9E9EA;
margin: 0 auto 20px auto;
}

.meta-extra {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.2rem;
padding-top: 10px;
color: #a8a8a8;
}

.single .meta-extra {
text-align: center;
}

.entry-content.excerpt {
margin-top: 10px;
}

.x-nav-articles {
display: none;
}

h1.entry-title {
font-size: 160%;
}



/* Headline Link Styles */

.type-post > .entry-wrap > .entry-content h1 a,
.type-post > .entry-wrap > .entry-content h2 a,
.type-post > .entry-wrap > .entry-content h3 a,
.type-post > .entry-wrap > .entry-content h4 a,
.type-post > .entry-wrap > .entry-content h5 a,
.type-post > .entry-wrap > .entry-content h6 a {
color: #159a40;
}

.type-post > .entry-wrap > .entry-content h1 a:hover,
.type-post > .entry-wrap > .entry-content h2 a:hover,
.type-post > .entry-wrap > .entry-content h3 a:hover,
.type-post > .entry-wrap > .entry-content h4 a:hover,
.type-post > .entry-wrap > .entry-content h5 a:hover,
.type-post > .entry-wrap > .entry-content h6 a:hover {
color: #8e8e8e;
}


/* Browse Categories Accordion */

.x-nav-tabs {
border: 0;
border-bottom: 2px solid #000;
padding-bottom: 10px;
}

.x-nav-tabs li {
border:0;
}

.x-nav-tabs li a {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 16px;
}

.x-nav-tabs-item.active:after {
content: url("http://tarynwilliford.com/wp-content/uploads/2015/03/activedownarrow1.png");
position: absolute;
z-index: 99 !important;
bottom: -18px;
margin-left: -10px;
}

.x-tab-content {
z-index: 0;
}

.browselist h6 {
margin-top: 10px;
}

.browselist p {
margin: 0;
}

.browselist p a {
color: #7a7a7a;
}

.browselist p a:hover {
color: #159a40
}

@media (max-width:768px) {
      .browselist {
      text-align:center;
      padding-bottom: 25px;
      }
     .browselist p {
     text-align:center;
}
}

.browselist .x-btn.x-btn-mini {
margin-top: 10px;
}




/* Custom Pagination */

.custom_pagination {
padding: 30px 0 0px;
}

.custom_pagination p {
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
}

.custom_pagination .fa {
font-size: 14px;
padding: 0 5px 0;
}

.custom_pagination p a {
color: #000 !important;
}

.custom_pagination p a:hover {
color: #159a40 !important;
}

.paginationspace {
padding: 0 20px 0;
}


/* Latest Find */

.latestfind {
border: 1px solid #E9E9EA;
padding: 20px 30px 10px 30px;
margin-top: 40px;
}

.latestfind p.headline {
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid #E9E9EA;
padding-bottom: 15px;
}

.latestfind p.category {
text-align: center;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}

.latestfind p.item {
text-align: center;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
letter-spacing: 2px;
}

.latestfind p.item a {
color: #000;
}

.latestfind p.item a:hover {
color: #159a40;
}

.latestfind p.blurb {
font-size: 13px;
line-height: 18px;
}


/* Instagram Bar */

.instagrambar {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 0 0 30px 0;
text-align: center;
margin: 30px 0 70px 0;
}

.instagrambar p {
text-align: center;
}

.iboverlay {
height: 40px;
width: 300px;
max-width: 88%;
color: #FFF;
background-color: #000;
border: 2px solid #000;
text-transform: uppercase;
letter-spacing: 1px;
margin: -2px auto 30px auto;
padding-top: 5px;
}


/* Home Email Form */

@media (min-width: 980px) {
.homeemailform {
background-color: #000;
height: 70px;
color: #FFF;
padding: 15px 15px 15px 15px;
margin-bottom: 40px;
}

.homeemailform #mc_slimemail, .homeemailform form {
margin: 0;
}

.homeemailform p {
color: #FFF;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
letter-spacing: 2px;
font-weight: bold;
margin: 3px 0px 3px 10px;
-moz-text-align-last: justify;
text-align-last: justify;
}
}

@media (min-width:768px) and (max-width:979px) {
.homeemailform {
background-color: #000;
height: 70px;
color: #FFF;
padding: 15px 15px 15px 15px;
margin-bottom: 40px;
}

.homeemailform #mc_slimemail, .homeemailform form {
margin: 0;
}

.homeemailform p {
color: #FFF;
font-size: 11px;
text-transform: uppercase;
line-height: 18px;
letter-spacing: 2px;
font-weight: bold;
margin: 3px 0px 3px 10px;
-moz-text-align-last: justify;
text-align-last: justify;
}
}

@media (max-width:767px) {
.homeemailform {
background-color: #000;
color: #FFF;
padding: 15px 30px 15px 30px;
margin-bottom: 40px;
}

.homeemailform #mc_slimemail, .homeemailform form {
margin: 0 auto 0 auto;
}

.homeemailform p {
color: #FFF;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
letter-spacing: 2px;
font-weight: bold;
margin: 20px 0 20px 0;
text-align: center;
}
}




/* Footer Styles */

@media (max-width: 979px) {
.x-colophon.top .x-column .widget:first-child {
margin-top: 1em;
}
}

.x-colophon.top {
padding: 2% 0 3%;
margin: 30px 0 0;
}

@media (max-width:979px) {
     .x-colophon.top {
     padding-bottom: 8%;
     }
}

.widget_search {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}

.socialfooter {
text-align: center;
margin-top: 5%;
}

.socialfooter p {
text-align: center;
}

#backtotop {
margin-top: -25px;
margin-bottom: 20px;
}

.socialfootertop {
background-color: #000;
color: #FFF;
padding: 0 0 20px 0;
}

.socialfootertop i {
color: #FFF;
padding: 0 8px 30px;
}

.socialfootertop i:hover {
color: #DEDEDD;
}

.socialfooterbottom {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
margin: 30px 0 30px 0;
}

.socialfootertop .pmoverlay {
border: 1px solid #FFF;
background-color: #000;
}

.socialfootertop .pmtext {
color: #FFF;
}
.socialfootertop .photomenu:hover .pmoverlay {
border: 1px solid #FFF;
background-color: #FFF;
}

.socialfootertop .photomenu:hover .pmtext {
color: #000;
}



/* Sidebar Styles */
.about-sidebar a:hover, .about-social-icons a:hover, .post-sidebar-menu a:hover {
text-decoration: none;
color: #159A40 !important;;
}

.widget .x-btn {
color: #000 !important;
}

.widget .x-btn:hover {
color: #159a40 !important;
}

.post-sidebar-menu {
padding-bottom: 10px;
}

@media (max-width: 979px){
.post-sidebar-menu {
text-align: center;
}
.post-sidebar-menu-btn {
text-align: center;
}
}



/* Comments */

body .x-comment-content-wrap {
     float: right;
     width: 100%;
}

body .x-comments-list .children .x-comment-content-wrap {
    width: calc(100% - 50px );
}

.x-comment-author {
font-family: Karla, 'Helvetica Neue', Helvetica, sans-serif;
}



/* Content Block Styles */

.bottom-block {
background-color: #000;
color: #FFF;
padding: 10px 25px 20px;
}

.bottom-block h3 {
color: #FFF;
}

.bottom-nav {
margin: 5% 0 5% 0;
}

.footer-ad {
text-align: center;
}



/* MailChimp Form Styles */

.mc-field-group input {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}

#mc_contentblock {
text-align:center;
max-width: 550px;
margin-left:auto;
margin-right:auto;
}

#mc_contentblock .mc-btn {
padding: 0.5em 0.9em 0.6em;
font-size: 1.2rem;
letter-spacing: 1px;
height: 41px;
}

#mc_contentblock .mc-field-group {
display: inline-block;
}

#mc_contentblock .clear {
display: inline-block;
}

@media (min-width:427px) {
     #mc_contentblock .mc-btn {
     margin-top: -10px;
     }
}

#mc_slimemail, #mc_sidebar_blurb, #mc_contentblock_blurb, #mc_contentblock_blurb p {
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}

#mc_contentblock_blurb {
margin-bottom: 30px;
}

#mc_sidebar_blurb {
margin-top: 15px;
}

#mc_slimemail {
position: relative;
margin-top: 10px;
}

#mc_slimemail button {
position: absolute;
right: 5px;
top: 5px;
padding: 6px 8px 5px 9px;
border: none;
background-color: #8e8e8e;
color: #FFF;
}

#mc_slimemail button:hover {
background-color: #159a40;
}

#mc_slimemail #mce-EMAIL {
width: 100%;
margin: 0;
}

#mc_slimemail.mc_intext {
max-width: 350px;
margin: 0;
}

/* YumPrint Plugin Styles */

.blog-yumprint-recipe .blog-yumprint-action {
border-radius: 0;
}

.blog-yumprint-recipe .blog-yumprint-print {
margin-left: -15px;
margin-right: 0px;
margin-bottom: 10px !important;
}

.blog-yumprint-recipe .blog-yumprint-print {
background-color: #FFF !important;
color: #000 !important;
border: 2px solid #E9E9EA;
letter-spacing: 1px;
height: 40px;
}

.blog-yumprint-recipe .blog-yumprint-print:hover {
background-color: #FFF;
color: #159a40 !important;
border: 2px solid #159a40;
}

.blog-yumprint-recipe .blog-yumprint-header {
margin-left: auto;
margin-right: auto;
}

.blog-yumprint-recipe .blog-yumprint-recipe-title {
margin-bottom: 10px;
padding-top: 55px;
letter-spacing: 1px;
line-height: 24px;
text-align: center;
background-image: url("http://tarynwilliford.com/wp-content/uploads/2015/03/recipecardicon.png");
background-repeat: no-repeat;
background-position: center top; 
}

.blog-yumprint-recipe .blog-yumprint-serves {
font-size: 16px;
letter-spacing: 1px;
text-align: center;
}

.blog-yumprint-recipe .blog-yumprint-subheader {
letter-spacing: 3px;
font-weight: 700;
}

.blog-yumprint-methods li, .blog-yumprint-notes li {
text-align: justify;
}

.blog-yumprint-recipe .blog-yumprint-adapted, .blog-yumprint-recipe .blog-yumprint-author {
text-align: center;
}



/*Images*/

.entry-thumb {
text-align: center;
}

.border {
border: 1px solid #e9e9ea;
}

.alignnone, .aligncenter {
margin-bottom: 0px;
}

.h-landmark {
text-align: center;
}

.page-heading {
margin-top: 0px !important;
margin-bottom: 10px;
}

.call-out {
font-size: 22px;
line-height: 20px;
}

.x-entry-share .x-share {
background:none;
}

.x-entry-share .x-share a:hover {
background:none;
}

.x-entry-share p {
text-align: center;
}

.after-post {
margin-top: 30px;
}

.post-notes {
padding: 15px 0 30px;
border-top: solid 1px rgba(0,0,0,.1);
text-align: center;
font-size: 80%;
text-transform: uppercase;
}

.liner-notes {
font-size: 1.2rem;
letter-spacing: normal;
display: block;
margin-bottom: -5px;
}

.other-notes {
text-align: center;
font-size: 80%;
text-transform: uppercase;
letter-spacing: 1px;
}

.after-post-share {
padding: 0px 0 10px;
}

.after-post-ad {
    text-align:center;
   padding-bottom: 20px;
}

.before-footer-ad {
    text-align:center;
    padding-top: 20px;
}

.x-recent-posts-category {
text-transform: uppercase;
letter-spacing: 2px;
}

.h-recent-posts {
white-space: normal !important;
line-height: 120% !important;
}

.x-recent-posts {
margin: 0;
}

@media (min-width: 768px) {
.x-tab-content {
padding-bottom: 30px;
}
}

.x-header-landmark+.x-container>.offset>.x-sidebar {
margin-top: 0px;
}

.about-sidebar {
margin: 0 auto 0;
max-width: 300px;
}

.about-blurb {
display: block;
font-size: 100%;
line-height: 150%;
padding-top: 10px;
text-align: justify;
margin-top: 10px;
}

.welcome-blurb {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
}

.about-social-icons {
text-align: center;
}

.about-social-icons a {
color: #8e8e8e;
}

.about-social-icons a:hover {
color: #159a40;
}

.about-connect a {
border-left: solid 1px rgba(0,0,0,.1);
}

.about-social-icons .fa-lg {
padding: 20px 15px 0px 18px;
}

.sidebar-mini-link {
font-size: 80%;
font-weight: 400;
color: #000000 !important;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 5px;
}

.mini-text {
font-size: 80%;
font-weight: 400;
color: #000000 !important;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 30px;
}

.sidebar-ad {
text-align: center;
}

.x-sidebar .widget a {
text-decoration: none;
}

.x-sidebar .widget ul li, .x-sidebar .widget ol li {
border-top: none;
}

.pis-thumbnail {
margin: 0px;
}

.pis-categories-links {
margin: 0px;
line-height: 80%;
}

.pis-title {
margin: 0px;
line-height: 135%;
padding-bottom: 10px;
}

.pis-title-link {
padding: 0px;
}

.pis-li {
text-transform: uppercase;
letter-spacing: 2px;
}

.pis-categories-links {
font-size: 80%;
line-height: 10% !important;
padding-top: 5px;
}

.elsewhere {
max-width: 300px;
text-align: center !important;
}

.pis-title {
font-size: 110%;
}

.h-widget {
    color:#000000;
}

.textwidget {
   color: #000000;
}

.widget ul li a {
   color:#000000;
}

.widget ul li a:hover {
   color:#159A40 !important;
}

.x-colophon.top {
padding:2% 0 3%;
margin:5% 0 0;
border-top: 2px solid #000000;
}

.x-colophon.bottom {
letter-spacing: 1px;
}

.x-colophon-content {
font-size: 10px;
margin: 0 0 10px !important;
}

.copyright-symbol {
font-size: 14px !important;
}

.x-colophon.bottom .x-nav li a {
text-decoration: none;
}

.x-colophon.bottom a {
color: rgba(255,255,255,0.25) !important;
}

.x-colophon.bottom a:hover {
color:#FFF !important;
}

.top-banner-ad {
    text-align:center;
   border-top: 1px solid rgba(0,0,0,0.1);
   padding-top: 30px;
}

@media (max-width: 979px){
.x-navbar { 
border-bottom:none;
}

.x-colophon.top {
text-align:center;
}

.rsp-line {
display: none;
}
}