/*
Theme Name: Civil Eats
Theme URI: http://www.civileats.com
Description: Theme created for Civil Eats
Author: Example7
Author URI: http://www.example7.com
Version: 1.0

  Colors
  ------
  Black    #000     #010101
  Orange   #f24d1b  #f58360  #fc9f83
  Gray     #aaa6a3  #c8bdb9  #f3f3f2

  Webfonts
  --------
  Open Sans   "open-sans"   600/700

*/





/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

body { 
  background-color: #f3f3f2;
}

#wrap { 
  position: relative;
  width: 100%; max-width: 1450px;
}

#header-wrap {
  position: fixed; top: 0; left: 0; right: 0; z-index: 999;
  width: 100%; height: 110px; margin: 0 auto; padding: 15px 0 0 0;
  background: #FFF; 
}

#header {
  position: relative;
  width: 96%; max-width: 1200px; margin: 0 auto; padding: 0 2%;
}

#header-break { 
  clear: both; display: block;
  width: 100%; height: 125px;
}

#content { 
  clear: both; position: relative; z-index: 1; overflow: auto; 
  width: 96%; min-height: 800px; max-width: 1200px; margin: 0 auto; padding: 30px 2%;
}

#footer { 
  position: relative; 
  width: 100%; margin: 0; padding: 0; 
  background-color: #FFF;
}

/* -------------------[ Type ]------------------- */

body, html { 
  color: #000; font-family: "open-sans", sans-serif; font-size: 15px; line-height: 21px; font-weight: 400; 
}

a:link, a:visited, a:active { 
  color: #f24d1b; text-decoration: none; 
}

a:hover { 
  color: #000; text-decoration: none; 
}

a {
  cursor: pointer;
}

/* -----[ Headers ]----- */

h1 { 
  margin: 0 0 15px 0; 
  font-size: 35px; line-height: 40px; font-weight: 700; letter-spacing: 0.03em; 
}

h2 { 
  margin: 0 0 15px 0; 
  font-size: 19px; line-height: 26px; font-weight: 600; letter-spacing: 0.03em; 
}

h3 { 
  margin: 0 0 15px 0; 
  font-size: 16px; line-height: 26px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; 
}

h4,
h5,
h6 { 
  font-size: 15px; line-height: 20px; font-weight: 400; 
}

/* -------------------[ Header ]------------------- */

/* -----[ Logo ]----- */

.logo { 
  display: inline-block; 
}

.logo img { 
  width: auto; height: 90px; 
}

/* -----[ Nav ]----- */

.panel { 
  display: none;
}

/* layout */

.nav-header { 
  position: relative; display: inline-block; top: -36px; 
  margin: 0; padding: 0;
  text-align: center; 
  cursor: default;
}

.nav-header ul { 
  margin: 0 0 0 -40px;
}

.nav-header li {
  display: inline-block; 
  margin: 0 30px 0 15px; 
}

/* top */

.nav-header a {
  height: 20px; margin: 0; padding: 0 0 50px 0;
  color: #010101; font-size: 20px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; text-decoration: none; 
}

.nav-header a:hover,
.nav-header a:focus,
.nav-header .current a { 
  color: #aea498; 
}

.nav-header a.orange,
.nav-header .current-orange a { 
  color: #f24d1b !important; 
}

.nav-header a.orange:hover,
.nav-header .current-orange a:hover { 
  color: #010101 !important;
}

/* drop */

.nav-header-mega-menu {
  position: fixed; top: 110px; left: 0; right: 0; visibility: hidden;
  height: auto; margin: 15px 0 0 0; padding: 0;
  background-color: rgb(0,0,0); background-color: rgba(0,0,0, 1); 
  opacity: 0;
  transition: 0.1s;
  color: #FFF;
}

li:hover > .nav-header-mega-menu {
  overflow: visible; visibility: visible;
  opacity: 1;
}

.nav-header-categories {
  overflow: visible;
  width: 90%; max-width: 780px; padding: 25px 5% 35px 5%; margin: 0 auto;
  text-align: left;
}

.nav-header-categories ul { 
  margin: 0; padding: 0;
  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
  -webkit-column-gap: 50px; moz-column-gap: 50px; column-gap: 50px; 
  -webkit-column-rule: none; -moz-column-rule: none; column-rule: none;
  -moz-column-fill: balance;
}

.nav-header-categories li {
  display: inline-block; 
  -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column;
  width: 100%; height: 20px; margin: 0; padding: 10px 0;
}

.nav-header-categories a {
  height: auto; margin: 0; padding: 0;
  color: #FFF !important; font-size: 16px !important; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; text-decoration: none; 
}

.nav-header-categories a:hover {
  color: #f24d1b !important;
}

/* -------------------[ Social ]------------------- */

/* -----[ Fontello ]----- */

@font-face {
  font-family: 'fontello';
  src: url('images/social/fontello.eot?73493280');
  src: url('images/social/fontello.eot?73493280#iefix') format('embedded-opentype'),
       url('images/social/fontello.woff2?73493280') format('woff2'),
       url('images/social/fontello.woff?73493280') format('woff'),
       url('images/social/fontello.ttf?73493280') format('truetype'),
       url('images/social/fontello.svg?73493280#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello"; 
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  font-size: 110%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-mail:before { content: '\e802'; } /* '' */
.icon-rss:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */

/* -----[ CE Styles ]----- */

.social {
  float: right; position: relative; display: inline-block; overflow: hidden; 
  height: 30px; padding: 0;
  list-style:none;
}

#header .social {
  margin: 38px 0 0 0; 
}

.social li {
  display: inline-block; 
}

.social .icon-fb-spacing,
.social .icon-rss-spacing { 
  position: relative; left: -4px;
}

.social .icon-rss-spacing { 
  position: relative; left: -6px;
}

#header .social li a {
  color: #aaa6a3;
}

#footer .social li a {
  color: #fc9f83;
}

/* -------------------[ Search ]------------------- */

/* -----[ Button ]----- */

.search-button { 
  float: right; 
  margin: 37px 0 0 0; padding: 0 0 0 4px;
  border-left: 1px solid #ccc;
  color: #aaa6a3; 
  cursor: pointer;
}

/* -----[ Overlay ]----- */

.search-overlay {
  position: fixed; top: 0; left: 0; z-index: 1; overflow-y: hidden; 
  width: 100%; height: 0%; padding: 0;
  background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); 
  color: #FFF;
  transition: 0.3s; 
}

.search-overlay-content {
  position: relative; 
  width: auto; max-width: 1200px; margin: 50px auto 0 auto; padding: 0 0 0 40px; 
  text-align: center; 
}

.search-overlay-content input[type=search] {
  width: 70%; padding: 10px 0;
  border: none; border-bottom: 1px solid #FFF; 
  background: none;
  color: #FFF; font-size: 25px; 
}

.search-overlay-content input.icon-search { 
  color: #FFF; 
  cursor: pointer;
}

.search-overlay-content .search-submit {
  overflow: hidden; position: relative; top: 15px; left: -40px;
  width: 35px; height: 35px; 
  font-size: 180%; 
}

.search-overlay .closebtn {
  position: absolute; top: 16px; right: 70px;
  color: #FFF; font-size: 30px;
}

.search-overlay-content .search-submit:hover,
.search-overlay a:hover, 
.search-overlay a:focus {
  color: #f24d1b;
}

/* -------------------[ Pagination ]------------------- */

#pagination { 
  clear: both; display: block;
  width: 100%; max-width: 1050px; margin: 40px auto; 
  text-transform: uppercase; 
}

/* -------------------[ Footer ]------------------- */

/* -----[ Mailing List / Social ]----- */

.news-follow-wrap {
  display: block; overflow: auto; 
  width: 100%; height: auto; padding: 40px 0 30px 0;
  background-color: #f24d1b;
}

.news-follow {
  width: 90%; max-width: 840px; margin: 0 auto; padding: 0 5%;
  color: #FFF; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; 
}

.footer-newsletter { 
  float: left;
}

.footer-follow { 
  float: right;
}

.footer-newsletter div,
.footer-follow div,
.footer-follow ul.social { 
  float: left;
}

.footer-mailchimp input { 
  position: relative; top: -4px; left: 10px;
  width: 230px; margin: 0; padding: 0 0 2px 0;
  border: none; border-bottom: 1px solid #f58360;
  background: none;
  color: #FFF; font-size: 14px; line-height: 18px; letter-spacing: 0.03em; text-align: left; 
}

.footer-mailchimp input.cta-submit { 
  display: none;
}

.footer-mailchimp input::-webkit-input-placeholder { color: #f58360; }
.footer-mailchimp input::-moz-placeholder { color: #f58360; }
.footer-mailchimp input:-ms-input-placeholder { color: #f58360; }


.footer-follow ul.social { 
  margin: 0 -10px 0 10px;
}

.footer-follow ul.social li { 
  font-size: 90%;
}

/* -----[ Nav ]----- */

.nav-footer {
  clear: both; position: relative; display: inline-block; 
  width: 100%; margin: 0; padding: 40px 0;
  text-align: center;
}

.nav-footer ul { 
  margin: 0 0 0 -40px;
}

.nav-footer li {
  display: inline-block; 
  margin: 0 40px; 
}

.nav-footer a {
  height: 20px; padding: 0; 
  color: #f24d1b; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

.nav-footer a:hover { 
  color: #aea498; 
}

.nav-footer li.current_page_item a,
.nav-footer li.current-menu-item a,
.nav-footer li.current-menu-parent a, 
.nav-footer li.current-menu-ancestor a,
.nav-footer li.current-category-ancestor a { 
  color: #aea498; 
}

/* -----[ Break ]----- */

.footer-break { 
  clear: both; display: block;
  width: auto; max-width: 850px; height: 1px; margin: 0 auto; 
  background-color: #aaa6a3; 
}

/* -----[ Badges ]----- */

.footer-badges {
  width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 0 50px 0;
  text-align: center;
}

.footer-badges img { 
  max-width: 18%; margin: 0 3%;
}

img.footer-badge-1 { 
  margin-bottom: -37px;
}

img.footer-badge-2 { 
  margin-bottom: 0;
}

/* -------------------[ Scroll To Top ]------------------- */

.scroll-to-top { 
  display: none; position: fixed; right: 10px; bottom: 10px; text-indent: -9999px; z-index: 9999999999;
  width: 50px; height: 82px; 
  background: url(images/back_to_top.png) no-repeat center center; 
  font-size: 0; 
  cursor: pointer; 
  outline: 0px none; 
}











/* ====================================================================
   Pages
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#page { 
  clear: both; position: relative; z-index: 1; overflow: auto; 
  width: 92%; max-width: 990px; min-height: 600px; margin: 0 auto; padding: 50px 4%;
  background-color: #FFF;
}

#page h1 { 
  margin: 0 0 15px 0; 
  font-size: 25px; line-height: 35px; font-weight: 700; text-transform: uppercase; 
}

#page h2 { 
  margin: 50px 0 15px 0;
}

/* -------------------[ Home ]------------------- */

/* -----[ Global ]----- */

#home-featured-spotlight { 
  margin-bottom: 0;
}

#home-featured {
  margin-bottom: 65px;
}

#home-cta,
#home-subscribe,
#home-latest,
#home-featured-category,
#home-video {
  margin-bottom: 75px;
}

#home-featured, 
#home-featured-category {
  position: relative; display: inline-block; 
  width: 100%; 
  text-align: center;
}

h2.home-h2 { 
  margin: 0 0 10px 0; 
  font-weight: 700; text-align: center;
}

/* -----[ Featured Spotlight ]----- */

#home-featured-spotlight {
  position: relative; overflow: hidden; top: -30px; 
  width: 100%; height: auto; max-height: 750px; 
  text-align: center;
}

#home-featured-spotlight img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; margin: 0 auto; 
}

#home-featured-spotlight #posttop { 
  position: absolute; top: 44%; left: 50%; 
  max-width: 700px;
  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}

#home-featured-spotlight #posttop h1 { 
  max-width: 800px; margin: 0 0 15px 0; 
  color: #FFF; font-size: 65px; line-height: 61px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
}

#home-featured-spotlight #posttop h2 { 
  max-width: 800px; margin: 0 0 15px 0; 
  color: #FFF; font-size: 19px; line-height: 26px; font-weight: 400; letter-spacing: 0.03em; 
}

#home-featured-spotlight #posttop h3 { 
  margin: 0 0 15px 0; 
  color: #FFF; font-size: 14px; line-height: 15px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; 
}

#home-featured-spotlight a { 
  color: #FFF; 
}

#home-featured-spotlight a:hover { 
  color: #f24d1b;
}

/* -----[ Featured Posts ]----- */

#home-featured { 
  position: relative; display: inline-block; 
  width: 100%; 
  text-align: center;
}

.excerpt-home-featured { 
  position: relative; display: inline-block; vertical-align: top; 
  width: 508px; height: auto; min-height: 500px; margin: 0 15px 30px 15px; padding: 0;
  background-color: #FFF;
  text-align: center;
}

.excerpt-home-featured img { 
  width: 100%; height: auto; 
}

.excerpt-home-featured img:hover {
  opacity: 0.95;
}

.excerpt-home-featured span { 
  display: block;
  width: 90%; padding: 15px 5%;
  text-align: left;
}

.excerpt-home-featured h3,
.excerpt-home-featured h4 { 
  margin: 0 0 5px 0;
  font-size: 12px; line-height: 13px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; 
}

.excerpt-home-featured h3 { 
  font-weight: 700;
}

.excerpt-home-featured h4 { 
  color: #aaa6a3; text-transform: uppercase; 
}

.excerpt-home-featured a { 
  color: #000; 
}

.excerpt-home-featured a:hover {
  color: #f24d1b;  
}

/* -----[ CTA ]----- */

#home-cta { 
  overflow: hidden;
  width: 100%; max-width: 1050px; height: auto; margin-left: auto; margin-right: auto;
}

#home-cta img { 
  width: 100%; height: auto; 
}

/* -----[ Newsletter ]----- */

#home-subscribe { 
  clear: both; 
  width: 100%; max-width: 1050px; margin-left: auto; margin-right: auto; padding: 25px 0; 
  background-color: #c8bdb9;
  color: #FFF; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-align: center;  
}

#home-subscribe span { 
  margin: 0 0 0 20px; padding: 10px 20px; 
  background-color: #FFF;
  color: #f24d1b; letter-spacing: 0;
}

#home-subscribe span a:hover { 
  color: #000; 
}

/* -----[ Latest Spotlight ]----- */

#home-latest-spotlight {
  position: relative; overflow: hidden;
  width: 100%; max-width: 1050px; height: auto; max-height: 650px; margin-left: auto; margin-right: auto;
  text-align: center;
}

#home-latest-spotlight img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; margin: 0 auto; 
}

#home-latest-spotlight #posttop { 
  position: absolute; top: 35%; left: 50%; 
  -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0);
}

#home-latest-spotlight #posttop h1 { 
  max-width: 700px; margin: 0 auto;
  font-size: 40px; line-height: 48px; 
}

#home-latest-spotlight #posttop h2 { 
  max-width: 800px; margin: 0 0 15px 0; 
  color: #FFF; font-size: 45px; line-height: 55px; font-weight: 700; letter-spacing: 0.03em; 
}

#home-latest-spotlight a { 
  color: #FFF; 
}

#home-latest-spotlight a:hover { 
  color: #f24d1b;
}

/* -----[ Latest Posts ]----- */

#home-latest { 
  width: 100%; max-width: 1050px; height: auto; margin-left: auto; margin-right: auto;
}

.excerpt-latest { 
  clear: both; display: block; overflow: auto;
  height: auto; padding: 15px;
  background-color: #FFF;
  border-bottom: 1px solid #c8bdb9;
  text-align: left;
}

.excerpt-latest:nth-child(5n) { 
  border-bottom: none;
}

.excerpt-latest img { 
  float: left;
  width: 350px; height: 250px; margin: 0 30px 0 0;
}

.excerpt-latest img:hover {
  opacity: 0.95;
}

.excerpt-latest h2 { 
  margin: 15px 0; 
  font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: 0.03em; 
}

.excerpt-latest h3,
.excerpt-latest h4 { 
  margin: 0 0 5px 0;
  font-size: 12px; line-height: 13px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; 
}

.excerpt-latest h3 { 
  font-weight: 700;
}

.excerpt-latest h4 { 
  color: #aaa6a3; text-transform: uppercase; 
}

.excerpt-latest a { 
  color: #000; 
}

.excerpt-latest a:hover {
  color: #f24d1b;  
}

#home-latest .alm-btn-wrap {
  width: 100%; padding: 20px 0;
  background-color: #FFF;
  text-align: center;
}

#home-latest button#load-more { 
  padding: 10px 25px; margin: 0 auto;
  border: 1px solid #c8bdb9;
  background-color: #FFF;
  color: #f24d1b; font-size: 15px; line-height: 15px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; 
  cursor: pointer;
}

#home-latest button#load-more:hover { 
  color: #000;  
}

/* -----[ Home Featured Category ]----- */

#home-featured-category { 
  position: relative; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#home-featured-category ul li h2.widgettitle { 
  margin: 0 0 10px 0; 
  font-size: 19px; line-height: 26px; font-weight: 700; letter-spacing: 0.03em; 
}

#home-featured-category ul,
#home-featured-category ul li { 
  list-style: none; 
  margin: 0; padding: 0; 
}

#home-featured-category article { 
  position: relative; display: inline-block; overflow: hidden;
  width: 33%; max-width: 325px; height: auto; margin: 0 1.4%; padding: 0;
  text-align: center;
}

#home-featured-category article img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; margin: 0 auto; 
}

#home-featured-category .entry-image { 
  margin: 0; 
}

#home-featured-category ul li h4.entry-title { 
  position: absolute; bottom: 0; left: 50%; 
  -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0);
  width: 92%; max-width: auto; height: 70px; margin: 0; padding: 15px 4%;
  background: rgb(0,0,0); background: rgba(0,0,0, 0.2); 
  color: #FFF; font-size: 22px; line-height: 23px; font-weight: 700; letter-spacing: 0.03em; 
}

#home-featured-category a {
  color: #000;
}

#home-featured-category ul li h4.entry-title a { 
  color: #FFF; 
}

#home-featured-category ul li h4.entry-title a:hover { 
  color: #f24d1b;
}

.upw-posts .entry-title a:hover {
  text-decoration: none !important;
}

/* -----[ Video ]----- */

#home-video { 
  overflow: hidden;
  width: 100%; max-width: 1050px; height: auto; margin-left: auto; margin-right: auto;
  background-color: #FFF;
  text-align: center;
}

#home-video h2 { 
  width: 90%; max-width: 800px; margin: 0 auto; padding: 30px 5%;
  font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: 0.03em; 
}

/* -------------------[ About / Board ]------------------- */

#content .page-about h2 { 
  clear: both; display: block; 
  width: 100%; margin: 50px 0 0 0; padding: 0 0 15px 0;
  border-bottom: 1px solid #f1ebe8;
  font-size: 22px; line-height: 22px; font-weight: 600; letter-spacing: 0.03em; 
}

.team { 
  clear: both;
  width: 100%; margin: 0; padding: 30px 0;
  font-size: 15px; line-height: 21px; font-weight: 400; 
}

.team-image { 
  float: left;
  width: 30%; max-width: 200px; margin: 0 3% 0 0;
}

.team-info { 
  float: left;
  width: 65%; 
}

.team-image img { 
  width: 100%; height: auto; margin: 2px 0 0 0;
  -webkit-filter: grayscale(100%); filter: grayscale(100%);
}

.team-name { 
  margin: 0 0 2px 0; padding: 0;
  color: #000; font-size: 20px; line-height: 23px; 
}

/* -------------------[ Contact ]------------------- */

#contact-form { 
  clear: both; overflow: hidden; 
  width: 100%; max-width: 600px; margin: 30px 0; padding: 0; 
  text-align: left; 
}

#contact-form input,
#contact-form textarea { 
  width: 90%; margin: 3px 0 25px 1px; 
  border: 1px solid #aaa6a3 !important;
}

#contact-form input { 
  padding: 6px 2% !important; 
}

#contact-form textarea { 
  width: 90%; height: 240px; 
  padding: 10px 2% !important; 
}

#contact-form .form-title,
#contact-form .form-field { 
  clear: both; float: left; 
  width: 98%; margin: 0; padding: 0; 
  font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: left; 
}

#contact-form input[type=text]:focus, 
#contact-form input[type=email]:focus, 
#contact-form textarea:focus {
  border: 1px solid #c8bdb9;
  box-shadow: 0 0 5px #c8bdb9;
}

#contact-form .wpcf7-submit { 
  clear: both; 
  width: 150px; height: 59px; margin: 0; padding: 0; 
  border: none; 
  background: url(images/contact_submit.png) no-repeat 0 0; 
  color: #f24d1b; font-size: 15px; text-transform: uppercase; 
}

#contact-form .wpcf7-submit:hover { 
  color: #000;
  cursor: pointer;
}

span.wpcf7-not-valid-tip,
div.wpcf7-response-output {
  clear: both; 
  color: #f24d1b; font-size: 16px; font-weight: 600; text-transform: none;
}

span.wpcf7-not-valid-tip { 
  margin: -15px 0 40px 0; 
}

div.wpcf7-response-output {
  margin: 0 0 20px 0; padding: 0;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
  border: none;
}

div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked { 
  display: none !important;
}

/* -------------------[ Subscribe ]------------------- */

/* -----[ Tinypass ]----- */

a.tinypass-link {
  color: #f24d1b !important;
}

a.tinypass-link:hover {
  color: #000 !important;
}

/* -------------------[ Donate ]------------------- */

a.donate-button { 
  display: block;
  width: 100px; padding: 10px 0; margin: 10px 0;
  border: 1px solid #c8bdb9;
  background-color: #FFF;
  color: #f24d1b; font-size: 15px; line-height: 15px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; text-align: center; 
}

a.donate-button:hover { 
  background-color: #c8bdb9;
  color: #FFF; 
  cursor: pointer;
}







/* ====================================================================
   Subpage
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#subpage { 
  position: relative; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#subpage-title h1 { 
  margin: 0 0 30px 0; 
  font-size: 19px; line-height: 26px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; text-align: center;
}

/* -----[ Spotlight ]----- */

#subpage-featured-spotlight {
  position: relative; overflow: hidden;
  width: 100%; max-width: 1115px; height: auto; max-height: 650px; margin: 0 auto 30px auto;
  text-align: center;
}

#subpage-featured-spotlight img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; margin: 0 auto; 
}

#subpage-featured-spotlight #posttop { 
  position: absolute; top: 30%; left: 50%; 
  -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0);
}

#subpage-featured-spotlight #posttop h2 { 
  max-width: 800px; margin: 0 0 15px 0; 
  color: #FFF; font-size: 48px; line-height: 58px; font-weight: 700; letter-spacing: 0.03em; 
}

#subpage-featured-spotlight #posttop h3 { 
  margin: 0 0 15px 0; 
  color: #FFF; font-size: 14px; line-height: 15px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; 
}

#subpage-featured-spotlight a { 
  color: #FFF; 
}

#subpage-featured-spotlight a:hover { 
  color: #f24d1b;
}
/* -------------------[ Excerpts ]------------------- */

.excerpt-subpage { 
  position: relative; display: inline-block; vertical-align: top; 
  width: 350px; height: auto; min-height: 440px; margin: 0 15px 30px 15px; padding: 0;
  background-color: #FFF;
  text-align: center;
}

.excerpt-subpage img { 
  width: 100%; height: 250px; 
}

.excerpt-subpage img:hover {
  opacity: 0.95;
}

.excerpt-subpage span { 
  display: block;
  width: 90%; padding: 15px 5%;
  text-align: left;
}

.excerpt-subpage h3,
.excerpt-subpage h4 { 
  margin: 0 0 5px 0;
  font-size: 12px; line-height: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; 
}

.excerpt-subpage h3 { 
  font-weight: 700;
}

.excerpt-subpage h4 { 
  color: #aaa6a3; text-transform: uppercase; 
}

.excerpt-subpage a { 
  color: #000; 
}

.excerpt-subpage a:hover {
  color: #f24d1b;  
}

/* -------------------[ Ajax Load More ]------------------- */

#subpage .alm-btn-wrap {
  width: 100%; padding: 20px 0;
  text-align: center;
}

#subpage button#load-more { 
  padding: 10px 25px; margin: 0 auto;
  border: 1px solid #c8bdb9;
  background-color: #FFF;
  color: #f24d1b; font-size: 15px; line-height: 15px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; 
  cursor: pointer;
}

#subpage button#load-more:hover { 
  color: #000;  
}










/* ====================================================================
   Author Page
   ==================================================================== */

/* -------------------[ Top Meta ]------------------- */

#author-meta {
  width: 100%; max-width: 1050px; height: auto; margin: 0 auto 40px auto;
  text-align: left;
}

.author-title {
  margin: 0 0 20px 0;
  font-size: 13px; line-height: 15px; font-weight: 400;
}

#author-meta h1 { 
  margin: 0 0 20px 0; 
  font-size: 25px; line-height: 35px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; text-align: left;
}

.author-desc {
  width: 100%; max-width: 900px; height: auto; 
  font-size: 15px; line-height: 21px; font-weight: 400;
}











/* ====================================================================
   Article
   ==================================================================== */

/* -------------------[ Post Top ]------------------- */

#posttop {
  width: 92%; max-width: 800px; margin: 60px auto; padding: 0 4%;
  text-align: center;
}

#posttop h1 { 
  margin: 0 0 20px 0; 
}

#posttop h2 { 
  color: #c8bdb9; font-weight: 400;
}

/* -------------------[ Featured Image ]------------------- */

#postimg { 
  width: 100%; max-width: 1200px; height: auto; margin: 0 auto; padding: 0;
}

#postimg img { 
  width: 100%; height: auto; margin-bottom: -5px;
}

/* -------------------[ Article ]------------------- */

#article { 
  clear: both; position: relative; z-index: 1; overflow: auto; 
  width: 100%; max-width: 860px; margin: 0 auto; padding: 20px 0;
  background-color: #FFF;
}

#postmeta,
#post { 
  clear: both;
  width: 90%; max-width: 700px; margin: 0 auto; padding: 15px 5%;
}

/* -----[ Meta ]----- */

#postmeta { 
  color: #f24d1b; 
}

#postmeta span.postmeta-author { 
 text-transform: uppercase; font-weight: 600; 
}

#postmeta span.postmeta-date { 
 color: #aaa6a3; text-transform: uppercase; 
}

#postmeta .side-social {
  float: right; position: relative; top: -20px;
}

#postmeta .side-social a {
  color: #aaa6a3;  
}

#postmeta .side-social a:hover {
  color: #f24d1b;  
}

/* -----[ Post ]----- */

#post img,
#post div img,
#post p img { 
  max-width: 100%; height: auto; 
}

#post p { 
  margin: 0 0 15px 0; 
}

/* -----[ Comments ]----- */

#respond { 
  width: 100%; padding: 50px 0 0 0; 
}

#respond input[type=text], 
#respond textarea {
  margin: 0 0 15px 0; padding: 3px;
  border: 1px solid #f1ebe8;
  -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;
}

#respond input[type=text]:focus, 
#respond textarea:focus {
  border: 1px solid #f1ebe8;
  box-shadow: 0 0 5px #f1ebe8;
}

.comment-form-author label, 
.comment-form-email label, 
.comment-form-url label { 
  display: block; clear: both; float: left; 
  width: 80px; 
  font-size: 15px; line-height: 30px; 
}

.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input { 
  display: block; float: left; 
  width: 70%; max-width: 300px;
}

#respond textarea { 
  display: block; clear: both;
  width: 76%; max-width: 510px; margin: 0 0 0 80px; 
} 

#submit {
  clear: both; display: inline-block; 
  width: 80px !important; margin: 15px 0 0 80px; padding: 10px !important; 
  border: 1px solid #f1ebe8; 
  background: none; 
  color: #f24d1b; font-size: 14px; line-height: 14px; font-weight: 600; text-transform: uppercase; text-align: center; text-decoration: none; 
} 

#submit:hover {
  color: #000;
  cursor: pointer;
}

.collapseomatic { 
  clear: both; display: block;
  padding: 0; margin: 50px 0;
  background: none;
  color: #f24d1b; 
}

.collapseomatic:hover { 
  color: #000; text-decoration: none;
}

#the-comment-area { 
  clear: both; display: block;
  margin: 50px 0; 
}

#comments ol.commentlist { 
  margin: 0 0 0 -40px;
}

.the-comment { 
  clear: both; 
  width: 100%; margin: 0 0 20px 0; padding: 0 0 15px 0; 
  border-bottom: 1px solid #f1ebe8;  
}

.comment-author { 
  margin: 0 0 5px 0;
  font-size: 16px; line-height: 18px; 
}
 
.comment-date { 
  clear: left; 
  font-size: 11px; line-height: 14px; text-transform: uppercase; 
}

.comment-text { 
  clear: left; 
  margin: 15px 0 0 0;
}

.commentlist li { 
  clear: both; 
  width: 100%; margin: 0 0 10px 0 !important; 
  list-style: none !important; 
}

ol.commentlist li ul.children .the-comment { 
  margin: 20px 0 0 0; 
  text-indent: 0; list-style: none; 
}

ol.commentlist li ul.children li.depth-2 { clear: both; float: right; width: 98%; }
ol.commentlist li ul.children li.depth-3 { clear: both; float: right; width: 92%; }
ol.commentlist li ul.children li.depth-4 { clear: both; float: right; width: 88%; }
ol.commentlist li ul.children li.depth-5 { clear: both; float: right; width: 82%; }

ol.commentlist li div.reply { 
  margin: 15px 0 0 0; 
  font-size: 13px; line-height: 15px; text-transform: uppercase; letter-spacing: 0.03em; text-align: right; 
}

#cancel-comment-reply-link,
#cancel-comment-reply-link small,
#cancel-comment-reply-link small a { 
  display: block; float: right; position: relative; top: 10px; 
  width: 150px; height: 15px; 
  font-size: 13px; line-height: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em; text-align: right;  
}

/* -------------------[ Related / Trending ]------------------- */

#article-bottom { 
  clear: both; position: relative; z-index: 1; overflow: auto; 
  width: 100%; max-width: 860px; margin: 0 auto; padding: 20px 0;
  background: #FFF;
}

#trending {
  margin: 20px 0 40px 0;
  text-align: center;
}

/* -----[ Contextly ]----- */

.ctx-module-container {
  width: 100% !important;
}  

.ctx-content-block2 .ctx-section {
  border-color: #FFF !important;
}

.ctx-content-block2 .ctx-sections-container {
  border-color: #FFF !important;
}

.ctx-module-container .ctx-content-block2 .ctx-links-header p {
  margin: 0 0 15px 0 !important;
  color: #000 !important; font-size: 16px !important; line-height: 26px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important;
}

.ctx-module-container .ctx-content-block2 .ctx-link-title p {
  color: #000 !important; font-size: 13px !important; line-height: 15px !important; font-weight: 700 !important; 
}

.ctx-branding { 
  display: none !important;
}

/* -----[ Trending ]----- */

#trending .pop-posts { 
  clear: both; display: inline-block; 
  width: 100%; max-width: 860px; margin: 0 auto; padding: 10px 0 15px 0;
  text-align: center;
}

#trending .pop-posts ul { 
  margin: 0; padding: 0;
}

#trending .pop-posts ul li { 
  clear: both; display: inline-block; 
  width: 100%; max-width: 860px; min-height: 360px; margin: 0 auto; margin: 0 0 15px 0;
  text-align: center;
}

#trending .pop-posts ul li ul li {
  width: 31.5%; height: auto; margin: 0; 
  background-color: #FFF;
  border: none;
  text-align: left;
}

#trending .pop-posts ul li ul li:nth-child(1) { margin: 0 2.5% 15px 0; }
#trending .pop-posts ul li ul li:nth-child(2) { margin: 0 2.5% 15px 0; }
#trending .pop-posts ul li ul li:nth-child(3) { float: right; margin: 0 0 15px 0; }

#trending .pop-posts img {
  width: 100%; min-width: inherit; height: auto; min-height: inherit; margin: 0 0 15px 0; 
}

#trending .pop-posts ul li ul li a.wpp-post-title {
  clear: both; display: block;
  width: 86%; min-height: 80px; max-height: none; margin: 15px 7%;
  color: #000; font-size: 15px; line-height: 18px; font-weight: 700; 
}

#trending .pop-posts ul li ul li a.wpp-post-title:hover {
  color: #f24d1b;
}