/*

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 Renew in this child theme.
Version: 1.0.0
Template: x

*/

/* General */
p {margin:1em 0}
.p-meta > span > a {color:#000eaa !important}
.p-meta > span > a:hover, .p-meta > span > a:focus {color:#999 !important}
ul ul {list-style:inside circle}
.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {border-top:1px solid rgba(0,0,0,.5) !important}
.x-scroll-top, .x-scroll-top:hover, .x-scroll-top:focus {border-color:#333;opacity:1 !important;color:#333}
tbody tr:nth-child(odd) {background:#EFEFEF}
.shadow {background:#fff;border:1px solid rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 5px 5px #333;-moz-box-shadow:0 5px 5px #333;box-shadow:0 5px 5px #333;padding:1em}

/* Forms & Buttons */
.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover {text-shadow:0 0 !important;text-transform:uppercase;letter-spacing:3px;font-family:Merriweather;padding:.75em}
.x-sidebar .widget .x-btn {color:#999;text-decoration:none}
#wpcf7-f160-p159-o1 form input[type="text"], #wpcf7-f160-p159-o1 form input[type="email"], #wpcf7-f160-p159-o1 form input[type="tel"] {height:2em;width:60%}
#wpcf7-f160-p159-o1 form select, #wpcf7-f160-p159-o1 form textarea {width:60%} 
input[type="radio"], input[type="checkbox"] {margin:.5em 0 .5em 1em}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{-webkit-box-shadow:0 0 5px #333 inset;-moz-box-shadow:0 0 5px #333 inset;box-shadow:0 0 5px #333 inset;border:1px solid #333;color:#333}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color:#000eaa !important;-moz-box-shadow:0 0 5px #000eaa inset;-webkit-box-shadow:0 0 5px #000eaa inset;box-shadow:0 0 5px #000eaa inset;color:#000eaa}
select.wpcf7-not-valid, textarea.wpcf7-not-valid, input.wpcf7-not-valid, .uneditable-input {-webkit-box-shadow:0 0 5px red inset;-moz-box-shadow:0 0 5px red inset;box-shadow:0 0 5px red inset;border:1px solid red}
span.wpcf7-not-valid {color:red}
.wpcf7-not-valid-tip, .screen-reader-response {color:red;margin-left:1em}

/* Blog */
a.entry-thumb {border:1px solid #DDD}
.blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {border:1px solid #999;-webkit-box-shadow:0px 5px 5px #999;-moz-box-shadow:0px 5px 5px #999;box-shadow:0px 5px 5px #999;padding:3%}
.x-recent-posts a {border:1px solid rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 5px 5px #333;-moz-box-shadow:0 5px 5px #333;box-shadow:0 5px 5px #333}

/* Events */
.type-event .entry-thumb {float:left;margin-right:1em}
.type-event .p-meta {display:none}
li.event {background:#FFF;padding:1em;list-style:none;border-top:1px solid #BABABA}

/* Upcoming Events Sidebar Widget */
#em_widget-3 {background:#fff;-webkit-box-shadow:0 5px 5px #333;-moz-box-shadow:0 5px 5px #333;box-shadow:0 5px 5px #333}
#em_widget-3 h4 {font-size:1.65em;background:#000;padding:.34em 1em;margin:0;position:relative;color:#FFF;display:inline-block;-webkit-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4)}	
#em_widget-3 li {border-top:0 none;padding:1em 2em;border-bottom:1px solid #BABABA}

/* Comments */
.x-comments-area {padding:1em;background:#DDD}
li.comment {margin:2em 1em}
.x-comment-content-wrap {padding:1em;margin:1em}

/* Callouts & Upcoming Events*/
.x-callout {background:#EFEFEF !important;-webkit-box-shadow:0 5px 5px #333;-moz-box-shadow:0 5px 5px #333;box-shadow:0 5px 5px #333}
.h-callout {font-size:1.25em !important;background:#000;padding:.34em 1em;margin:0;margin-top:5%;position:relative;color:#FFF !important;display:inline-block;-webkit-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4)}	
.h-callout::before, .h-callout::after, #em_widget-3 h4::before, #em_widget-3 h4::after {content: "";width:.2em;bottom:-.5em;position:absolute;display:block;border: .9em solid #000}
.h-callout::before, #em_widget-3 h4::before {left:-1.35em;border-right-width:.75em;border-left-color:transparent}
.h-callout::after, #em_widget-3 h4::after {right:-1.35em;border-left-width:.75em;border-right-color:transparent}
.p-callout {font-size:.875em !important}

/* Portfolio */
.flex-direction-nav a {opacity:.8;font-size:4rem;text-shadow:0 2px 2px rgba(0, 0, 0, 1);background:#000;width:45px;height:45px;line-height:45px}
.format-link .link a, .x-portfolio .entry-extra .x-ul-tags li a {color:#000EAA !important}
.format-link .link a:hover, .x-portfolio .entry-extra .x-ul-tags li a:hover, .format-link .link a:focus, .x-portfolio .entry-extra .x-ul-tags li a:focus {color:#999 !important}

/* Sidebar */
#em_widget-3 {text-align:center}
#text-5 .lshowcase-logos {background:#FFF;text-align:center;padding:1em;-webkit-box-shadow:0 5px 5px #333;-moz-box-shadow:0 5px 5px #333;box-shadow:0 5px 5px #333}
#text-5 h2 {font-size:1.65em;background:#000;padding:.34em 1em;margin:0;margin-top:5%;position:relative;color:#FFF;display:inline-block;-webkit-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4);box-shadow:0px 5px 5px 0 rgba(0,0,0,0.4)}	
#text-5 h2::before, #text-5 h2::after {content: "";width:.2em;bottom:-.5em;position:absolute;display:block;border: .9em solid #000}
#text-5 h2::before {left:-1.35em;border-right-width:.75em;border-left-color:transparent}
#text-5 h2::after {right:-1.35em;border-left-width:.75em;border-right-color:transparent}
.lshowcase-wrap-responsive img {padding:.5em}
.lshowcase-wrap-responsive img:hover, .lshowcase-wrap-responsive img:focus {opacity:.8}

/* Footer */
.x-colophon.top, .x-colophon.bottom {padding:2%}
.x-social-global a i {font-size:200%}