/*
Theme Name: Spitfiregirl Design
Theme URI: https://www.spitfiregirldesign.com
Description: Theme created for Spitfiregirl Design
Author: Example7
Author URI: https://www.example7.com
Version: 3.0

  Colors
  ------
  Black   000
  Gold    bf9a47   191 154 71
  Peach   fd9084   253 144 132
  Red     fc5f63   252 95 99
  Lime    d1ed63   209 237 99
  Lav     dfb7da   223 183 218
  Purple  591a63   89 26 99
  Pink    f30ca6   243 12 166
  Grey    ceced0   206 206 208

  Webfonts
  --------
  BrandonGrotW01-Regular
  Brandon Grot W01 Medium
  Didot W01 Italic
  Voga W00 Regular

*/





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

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

#header { 
  position: fixed; top: 0; z-index: 100;
  width: 100%; height: 75px; margin: 0 0 70px 0;
  background-color: #FFF;
}

#header-home { 
  position: relative;
  left: 0; right: 0; z-index: 100;
  height: 70px;
  background-color: #FFF;
}

#wrap {	
  position: relative;
  width: 100%; min-height: 100%;
}

#content { 
  clear: both; overflow: auto;
  width: 94%; max-width: 1000px; min-height: 600px; margin: 0 auto; padding: 120px 0 600px 0;
}

#content-home { 
  clear: both; overflow: hidden;
  width: 100%; margin: 0 auto; padding: 30px 0 600px 0;
}

#content-audit { 
  clear: both; overflow: hidden;
  width: 100%; margin: 0 auto; padding: 120px 0 600px 0;
}

#post { 
  clear: both; float: left;
  width: 740px; margin: 0; padding: 0;
}

#side { 
  float: right;
  width: 210px; margin: 0; padding: 0;
}

#footer { 
  position: absolute; bottom: 45px; left: 0; 
  width: 100%; 
}

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

body, html { 
  color: #000; font-family: "BrandonGrotW01-Regular", serif; font-size: 16px; line-height: 28px; 
}

/* -------------------[ Links ]------------------- */

a { 
  transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;
}

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

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

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

/* -----[ Titles ]----- */

h1 { 
  margin: 0 0 30px 0; padding: 0;
  font-family: "Voga W00 Regular"; font-size: 40px; line-height: 45px; letter-spacing: 0.05em; text-align: center;
}

#post h1 { 
  margin: 0 0 5px 0; 
  font-family: "Voga W00 Regular"; font-size: 30px; line-height: 35px; letter-spacing: 0.05em; 
}

h2 { 
  margin: 0 0 15px 0; padding: 0;
  font-family: "Voga W00 Regular"; font-size: 30px; line-height: 35px; letter-spacing: 0.05em; 
}

h3 { 
  margin: 0 0 15px 0; padding: 0;
  font-family: "Voga W00 Regular"; font-size: 25px; line-height: 30px; letter-spacing: 0.05em; 
}

/* -----[ Titles with Green Lines ]----- */

h4 {
  margin: 0 0 15px 0; padding: 0;
  font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.05em; text-align: center; 
}

h4:after {
  clear: both; display: block; 
  width: 60px; height: 2px; margin: 10px auto;
  background-color: #FD9084;
  content: "";
}

/* -----[ Quotes ]----- */

h5 { 
  margin: 0 0 20px 0; padding: 0;
  font-family: "Didot W01 Italic"; font-size: 18px; line-height: 28px; letter-spacing: 0.02em; text-align: center;
}

h6 { 
  margin: 0 0 20px 0; padding: 0;
  font-family: "Didot W01 Italic"; font-size: 18px; line-height: 26px; letter-spacing: 0.03em; text-align: center;
}

/* -------------------[ Images ]------------------- */

.tiled-gallery-caption, 
.jp-carousel-image-meta,
.jp-carousel-left-column-wrapper { 
  display: none !important;
}

.default-image-space { 
  width: 229px; height: 229px;
  border: 1px solid #ceced0;
}

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

#cta-bar-wrap { 
  position: fixed; bottom: 0; left: 0; z-index: 99999;
  width: 100%; height: 45px;
  background-color: #fd9084;
}

#cta-bar { 
  clear: both; 
  width: 100%; max-width: 900px; height: 45px; margin: 0 auto; padding: 0;
  color: #FFF; font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 45px; letter-spacing: 0.05em; text-align: center;
}

#cta-post { 
  clear: both; 
  width: 80%; max-width: 730px; margin: 50px auto; padding: 25px 5%;
  border: 2px solid #d1ed63;
  background-image: url(images/cta-post-left.png), url(images/cta-post-right.png);
  background-repeat: no-repeat;
  background-position: left center, right center; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 18px; line-height: 26px; letter-spacing: 0.05em; text-align: center;
}

#cta-side { 
  clear: both; 
  width: 180px; height: 190px; margin: 0 0 50px 0; padding: 210px 15px 0 15px;
  border: 2px solid #d1ed63;
  background: url(images/cta-side.png) no-repeat 0 0; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 18px; line-height: 26px; letter-spacing: 0.05em; text-align: center;
}

#cta-bar .copy { 
  float: left;
}

#cta-bar .copy span { 
  margin: 0 25px;
  color: #591a63;
}

#cta-bar input.cta-email {  
  float: left;
  width: 180px; margin: 10px 0 0 0; padding: 0 5px;
  border: none; 
  background-color: #FFF; 
  font-family: "Didot W01 Italic"; font-size: 14px; line-height: 25px; letter-spacing: 0.02em; text-align: left; 
}

#cta-post input,
#cta-side input {  
  clear: both; display: block;
  padding: 3px 5px;
  border: 1px solid #dfb7da; 
  background-color: #FFF; 
  text-align: center; 
}

#cta-post input.cta-email,
#cta-side input.cta-email { 
  width: 280px; margin: 15px auto 10px auto; 
  font-family: "Didot W01 Italic"; font-size: 16px; letter-spacing: 0.02em; 
}

#cta-post input.cta-email { 
  width: 280px;  
}

#cta-side input.cta-email { 
  width: 160px; 
}

#cta-bar input.cta-submit { 
  float: left;
  width: 25px; margin: 10px 0 0 0; padding: 0;
  border: none; 
  background-color: #FFF; 
  color: #fd9084; font-size: 14px; line-height: 25px;
}

#cta-post input.cta-submit,
#cta-side input.cta-submit { 
  width: 150px; margin: 0 auto;
  border: 1px solid #dfb7da; 
  background-color: #dfb7da; 
  color: #FFF; font-size: 16px; 
}

#cta-post input.cta-submit:hover,
#cta-side input.cta-submit:hover { 
  width: 150px; 
  border: 1px solid #dfb7da; 
  background-color: #FFF; 
  color: #000; font-size: 16px; 
}

#cta-post input[type=text]:focus,
#cta-side input[type=text]:focus {
  border: 1px solid #fd9084;
  box-shadow: 0 0 5px #fd9084;
}

#cta-post .peach { 
  color: #fd9084;
}

#cta-post .lav { 
  color: #dfb7da;
}

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

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








/* ====================================================================
   Header
   ==================================================================== */

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

.nav-header {
  display: inline-block; 
  width: 100%; margin: -10px 0 0 0; padding: 0;
  text-align: center; 
}

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

.nav-header a {
  height: 50px; padding: 0; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 15px; line-height: 50px; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

.nav-header a:hover, 
.nav-header li.current_page_item a,
.nav-header li.current-menu-item a,
.nav-header li.current-menu-parent a, 
.nav-header li.current-menu-ancestor a,
.nav-header li.current-category-ancestor a,
body.menu-item-branding li.menu-item-branding a,
body.menu-item-about li.menu-item-about a,
body.menu-item-press li.menu-item-press a { 
  color: #bf9a47;
}

.nav-header ul li:nth-child(-n+3) a { 
  width: 120px; 
}

.nav-header ul li:nth-child(1) a { 
  margin-left: -60px; 
}

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

.nav-logo,
.nav-logo a { 
  display: block;
  width: 36px; height: 48px; 
}

.nav-logo { 
  background: url(images/logo_nav.png) no-repeat center top; 
}

li.nav-logo-home { 
  visibility: hidden; display: none; 
}

.is-sticky li.nav-logo-home { 
  visibility: visible; display: inline-block; 
}

.mobile-logo { 
  display: none;
}

/* -------------------[ Mobile Menu ]------------------- */

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

#click-menu,
#header-home #click-menu,
.is-sticky #header-home #click-menu { 
   position: absolute; top: 20px; right: 10px; z-index: 9999; 
}

.menu-link {
  position: relative; display: inline-block;
  width: 25px; height: 16px !important; margin-right: 0.3em;
  border-top: 2px solid #676767; border-bottom: 2px solid #676767;
  font-size: 12px !important; 
}

.menu-link:before {
  position: absolute; top: 7px; left: 0px;
  width: 100%;
  border-top: 2px solid #676767;
  content: "";
}

/* -----[ Panel ]----- */

.panel {
  position: fixed; right: -220px; z-index: 9999; 
  width: 220px;
  background: #fd9084;
}

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

.mobile-social { 
  width: 100%; margin: 70px 0 0 35px;
}

.mobile-social a img {
  float: left; 
  width: 30px; height: auto; margin: 0 10px 0 0;
}

.mobile-social img:hover {
  opacity: 0.9; 
}

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

ul#menu-mobile {
  clear: both; display: block;
  margin: 0 0 0 40px; padding: 40px 0 50px 0;
  list-style-type: none;
}

ul#menu-mobile a {
  clear: both; display: block;
  margin: 0; padding: 0; 
  color: #FFF; font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 40px; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

ul#menu-mobile a:hover { 
  color: #000;
}

/* -----[ Copy ]----- */

.mobile-copy { 
  margin: 0 0 0 40px;
  color: #FFF; font-family: "Brandon Grot W01 Medium"; font-size: 12px; line-height: 14px; font-style: italic;
}

/* -------------------[ Well ]------------------- */

#header-well {
  width: 100%; max-height: 400px; 
  text-align: center;
}

#header-well img { 
  width: 100%; max-width: 3000px; height: auto; max-height: 400px; padding-top: 75px; margin-bottom: -50px;
}








/* ====================================================================
   Home
   ==================================================================== */

/* -------------------[ Well ]------------------- */

.home-well {
  position: relative; 
  width: 100%; height: auto; max-height: 580px;
  text-align: center;
}

.home-well img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; margin: 0 auto; 
}

.home-well .home-well-logo img { 
  position: absolute; top: 8%; left: 5%; vertical-align: middle;
  width: auto; height: 20%; margin: auto; 
}

/* -------------------[ Welcome ]------------------- */

.home-welcome { 
  clear: both; position: relative; z-index: 1;
  width: 88%; max-width: 775px; margin: 0 auto; padding: 30px 6%;
  background-color: #F9F6F1;
  font-size: 18px; line-height: 32px; text-align: left; 
}

.home-welcome:before {
  position: absolute; z-index: 999; left: 10px; bottom: -60px;
  width: 133px; height: 148px;
  background: url(images/home-welcome.svg) no-repeat left bottom; 
  content: "";
}

.home-welcome:after {
  position: absolute; z-index: 9999; left: 100%; top: 0;
  width: 500%; height: 100%;
  background-color: #F9F6F1;
  content: "";
}

.home-welcome a { 
  display: block;
  color: #bf9a47; font-size: 19px; text-align: center !important;
}

.home-welcome a:hover { 
  color: #000;
}

/* -------------------[ Services ]------------------- */

#home-services { 
  clear: both; display: block; 
  width: 100%; max-width: 900px; margin: 120px auto 0 auto; padding: 0;
  text-align: center; 
}

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

.home-services-1 { 
  float: left;
  width: 40%; height: auto; margin-bottom: 40px; 
}

.home-services-2 { 
  float: right; position: relative; top: -5px;
  width: 55%; height: auto;
}

.home-services-3 { 
  float: left; position: relative; left: -50px;
  width: 40%; height: auto; margin-bottom: 80px; 
}

.home-services-2 h2 { 
  margin-bottom: 50px;
  text-align: left; 
}

h2.services-mobile-h2 {
  display: none;
}

.home-services-1 h4,
.home-services-3 h4 {
  text-align: right;
}

.home-services-2 h4 {
  text-align: left;
}

.home-services-1 h4:after,
.home-services-3 h4:after {
  width: 55%; height: 2px; margin: 10px 0 0 45%;
  text-align: right;
}

.home-services-2 h4:after {
  width: 50%; height: 2px; margin: 10px 50% 0 0;
  text-align: left;
}

#home-services a { 
  color: #000; 
}

#home-services a:hover { 
  color: #bf9a47;
}

/* -------------------[ Meet ]------------------- */

.home-meet { 
  clear: both; position: relative; z-index: 1; left: 100px;
  width: 80%; max-width: 720px; height: 367px; margin: 0 auto; padding: 30px 2%;
  background-color: #fff4f2;
}

.home-meet:before {
  position: absolute; z-index: 9999; left: -48%; top: -30px;
  width: 590px; height: 534px;
  background: url(images/home-meet.png) no-repeat left top; 
  content: "";
}

.home-meet:after {
  position: absolute; z-index: 999; right: 100%; top: 0;
  width: 500%; height: 100%;
  background-color: #fff4f2;
  content: "";
}

.home-meet h2 { 
  text-align: center;
}

.home-meet-text h5 {
  text-align: left;
}

.home-meet-text { 
  display: inline-block;
  padding: 0 0 0 17%;
  font-size: 18px; line-height: 32px; text-align: left;
}

.home-meet-text h4:nth-child(1n) { 
  float: left;
  margin-left: 10%;
}

.home-meet-text h4:nth-child(2n) { 
  float: right;
  margin-right: 10%;
}

.home-meet-text a { 
  color: #000; 
}

.home-meet-text a:hover { 
  color: #bf9a47;
}

/* -------------------[ Testimonials ]------------------- */

#home-testimonials {
  clear: both; display: block;
  width: 100%; max-width: 800px; min-height: 220px; margin: 150px auto 0 auto;
}

#home-testimonials .testimonial-box { 
  padding: 10px 0 !important;
}

#home-testimonials .testimonial-box .box-content p,
#home-testimonials .testimonial-box h3 {
  width: 80%; padding: 0 10%;
  color: #000 !important; text-align: left !important;
}

#home-testimonials .testimonial-box .box-content p { 
  font-family: "Didot W01 Italic" !important; font-size: 18px !important; line-height: 28px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; 
}

#home-testimonials .testimonial-box h3 { 
  margin: 7px 0 0 0;
  font-family: "Brandon Grot W01 Medium" !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: 0.05em !important; 
}

#home-testimonials .gs_testimonial_container .cycle-nav #prev,
#home-testimonials .gs_testimonial_container .cycle-nav #next {
  width: 21px; height: 21px;
}

#home-testimonials .gs_testimonial_container .cycle-nav #prev {
  background: url(images/testimonials_prev.png) no-repeat;
}

#home-testimonials .gs_testimonial_container .cycle-nav #next {
  background: url(images/testimonials_next.png) no-repeat;
}

#home-testimonials .testimonial-box h3.box-title,
#home-testimonials .testimonial-box .box-image,
#home-testimonials .testimonial-box .box-companyinfo { 
  display: none !important;
}











/* ====================================================================
   Branding
   ==================================================================== */

/* -------------------[ Intro ]------------------- */

.portfolio-intro { 
  width: 90%; max-width: 900px; margin: 0 auto;
  text-align: center;
}

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

.portfolio-nav {
  display: inline-block; 
  width: 100%; margin: 0; padding: 0;
  text-align: center; 
}

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

.portfolio-nav a {
  height: 30px; padding: 0; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

.portfolio-nav a:hover, 
.portfolio-nav li.current_page_item a,
.portfolio-nav li.current-menu-item a,
.portfolio-nav li.current-menu-parent a, 
.portfolio-nav li.current-menu-ancestor a,
.portfolio-nav li.current-category-ancestor a { 
  color: #bf9a47;
}

/* -------------------[ Excerpts ]------------------- */

#portfolio-excerpts { 
  clear: both; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#portfolio-excerpts ul li {
  display: inline-block; position: relative; vertical-align: top;
  width: 300px; margin: 0 15px 25px 15px; padding: 0 0 10px 0; 
  list-style: none; 
}

#portfolio-excerpts ul li div {
  overflow: hidden;
  width: 300px; height: 232px; 
}

#portfolio-excerpts ul li img {
  width: 300px; height: 232px; margin: 0 0 5px 0; padding: 0; 
  transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition:all 0.5s ease-out;
  opacity: 0.9; filter: alpha(opacity=90);
}

#portfolio-excerpts ul li img:hover {
  transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.0); -ms-transform:scale(1.0);
  opacity: 1; filter: alpha(opacity=100);
}

#portfolio-excerpts ul li a { 
  color: #000;
}

#portfolio-excerpts ul li a:hover { 
  color: #bf9a47;
}

/* -------------------[ Single ]------------------- */

#portfolio-mobile { 
  display: none;
}

#portfolio-side { 
  float: left;
  width: 200px; margin: 10px 0 40px 0;
  font-size: 14px; line-height: 22px; 
}

#portfolio-side-wrap { 
  margin: 0 0 15px 0; padding: 15px 0;
  border-top: 1px solid #000; border-bottom: 1px solid #000; 
}

.portfolio-side-title { 
  margin: 0 0 3px 0; padding: 0;
  color: #917b4f; font-family: "Brandon Grot W01 Medium"; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: 0.03em; 
}

#portfolio-side-wrap ul { 
  margin: 0 0 0 -40px;
}

.portfolio-side-back { 
  padding: 0 0 0 25px; 
  background: url(images/portfolio_icon-back.png) no-repeat 0 0; 
  color: #ceced0; font-family: "Brandon Grot W01 Medium"; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; 
}

#portfolio-side-back a { 
  color: #ceced0 !important; 
}

#portfolio-side a { 
  color: #000; 
}

#portfolio-side a:hover { 
  color: #bf9a47; 
}

#portfolio-main { 
  float: right;
  width: 100%; max-width: 730px; 
}

#portfolio-main h1 { 
  margin: 0 0 15px 0;
  text-align: left;
}

#portfolio-main img { 
  max-width: 100%; height: auto; 
}

/* -------------------[ Testimonials ]------------------- */

.portfolio-testimonial {
  clear: both; display: block;
  width: 90%; margin: 80px auto 0 auto; padding: 40px 5%;
  border-top: 1px solid #ceced0; border-bottom: 1px solid #ceced0; 
  font-family: "Didot W01 Italic"; font-size: 18px; line-height: 28px; letter-spacing: 0.02em; text-align: center;
}

.portfolio-testimonial-name {
  font-family: "BrandonGrotW01-Regular"; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase;
}










/* ====================================================================
   Brand & SEO Audit
   ==================================================================== */

/* -------------------[ Well ]------------------- */

#audit-well {
  position: relative; z-index: 1; overflow: hidden;
  width: 100%; height: auto; max-height: 700px; 
  text-align: center;
}

#audit-well img { 
  display: block; position: relative; top: 0; 
  width: 100%; max-width: 3000px; height: auto; max-height: 700px; padding-top: 75px; margin-bottom: -50px;
}

#audit-well .audit-well-overlay { 
  position: absolute; left: 0; bottom: 50px; right: 0; z-index: 999; vertical-align: middle;
  width: auto; height: auto; margin: auto; 
}

#audit-well .audit-well-overlay .audit-title { 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 85px; line-height: 85px; text-transform: uppercase; letter-spacing: 0.03em; 
}

#audit-well .audit-well-overlay .audit-byline { 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 30px; line-height: 40px; text-transform: uppercase; letter-spacing: 0.03em; 
}

#audit-well .audit-well-overlay .audit-text { 
  color: #000; font-family: "BrandonGrotW01-Regular"; font-size: 18px; line-height: 24px; letter-spacing: 0.03em; 
}

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

a.audit-button { 
  clear: both; display: block; 
  width: 100%; max-width: 333px; height: 71px; margin: 0 auto; padding: 0; 
  background: url(images/audit-background.png) no-repeat 0 0; 
  color: #FFF; font-family: "Brandon Grot W01 Medium"; font-size: 18px; line-height: 71px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em; text-align: center;
}

a.audit-button:hover { 
  color: #000;
}

/* -------------------[ Sections ]------------------- */

.audit-what,
.audit-who,
.audit-details,
.audit-faq { 
  clear: both; 
  width: 90%; max-width: 900px; margin: 0 auto; padding: 0 5% 90px 5%;
}

.audit-what h2,
.audit-who h2,
#audit-testimonials h2,
.audit-details h2,
.audit-faq h2 { 
  margin: 0 0 30px 0; padding: 0;
  font-family: "Voga W00 Regular"; font-size: 40px; line-height: 45px; letter-spacing: 0.05em; text-align: center;
}

.audit-faq { 
  padding-bottom: 40px;
}

/* -------------------[ What ]------------------- */

.audit-what { 
  position: relative; top: -40px;
}

/* -------------------[ Who ]------------------- */

.audit-who img { 
  position: relative; display: inline-block; 
  width: 28%; height: auto; margin: 0 2.666%;
}

ul#audit-who-list {
  width: 100%; max-width: 600px; margin: 0 auto; padding: 0 0 25px 0;
  font-size: 16px; line-height: 25px; 
  column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; 
  column-rule: none; -webkit-column-rule: none; -moz-column-rule: none; 
}

ul#audit-who-list li { 
  margin: 0; padding: 0 0 3px 60px;
  list-style-position: inside; 
  list-style: inside disc; 
}

/* -------------------[ Testimonials ]------------------- */

#audit-testimonials {
  clear: both; display: block;
  width: 100%; min-height: 220px; margin: 0 auto 70px auto; padding: 40px 0;
  background-color: #fff4f2;
}

#audit-testimonials .gs_testimonial_container { 
  max-width: 990px; margin: 0 auto; padding: 0 !important;
}

#audit-testimonials .testimonial-box .box-image,
#audit-testimonials .testimonial-box .box-image img { 
  width: 203px; height: 203px; margin: -5px auto 0 auto;
  border: none;
}

#audit-testimonials .testimonial-box .box-content { 
  margin: 30px 0 0 0; 
}

#audit-testimonials .testimonial-box .box-content p,
#audit-testimonials .testimonial-box h3 {
  width: 80%; padding: 0 10%;
  color: #000 !important; text-align: left !important;
}

#audit-testimonials .testimonial-box .box-content p { 
  font-family: "Didot W01 Italic" !important; font-size: 18px !important; line-height: 28px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; 
}

#audit-testimonials .testimonial-box h3 { 
  margin: 7px 0 0 0;
  font-family: "Brandon Grot W01 Medium" !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: 0.05em !important; 
}

#audit-testimonials .gs_testimonial_container .cycle-nav #prev,
#audit-testimonials .gs_testimonial_container .cycle-nav #next {
  position: relative; top: 100px;
  width: 21px; height: 21px;
}

#audit-testimonials .gs_testimonial_container .cycle-nav #prev {
  background: url(images/testimonials_prev.png) no-repeat;
}

#audit-testimonials .gs_testimonial_container .cycle-nav #next {
  background: url(images/testimonials_next.png) no-repeat;
}

#audit-testimonials .testimonial-box h3.box-title,
#audit-testimonials .testimonial-box .box-companyinfo { 
  display: none !important;
}

/* -------------------[ Details ]------------------- */

.audit-details-bottom h2 { 
  padding: 20px 0;
  font-family: "Brandon Grot W01 Medium"; font-size: 24px; line-height: 20px; font-weight: 400; letter-spacing: 0.01em; text-align: center; 
}

.audit-details-d1,
.audit-details-d2 { 
  float: left;
  width: 40%; padding: 0 3% 0 7%;
}

.audit-details-d3,
.audit-details-d4 { 
  float: right;
  width: 40%; padding: 0 3% 0 7%;
}

.audit-details-d5 { 
  clear: both; 
  width: 93%; padding: 0 0 0 7%;
}

.audit-details-d1 { background: url(images/audit-details-background-1.png) no-repeat 0 6px; background-size: 35px auto; }
.audit-details-d2 { background: url(images/audit-details-background-2.png) no-repeat 0 4px; background-size: 40px auto; }
.audit-details-d3 { background: url(images/audit-details-background-3.png) no-repeat 0 7px; background-size: 40px auto; }
.audit-details-d4 { background: url(images/audit-details-background-4.png) no-repeat 0 4px; background-size: 40px auto; }
.audit-details-d5 { background: url(images/audit-details-background-5.png) no-repeat 0 5px; background-size: 40px auto; }

ul#audit-details-list {
  width: 100%; margin: 0 auto; padding: 0 0 25px 0;
  font-size: 16px; line-height: 25px; 
  column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; 
  column-rule: none; -webkit-column-rule: none; -moz-column-rule: none; 
}

ul#audit-details-list li { 
  margin: 0; padding: 0 0 3px 0;
  list-style-position: inside; 
  list-style: inside disc; 
}














/* ====================================================================
   Consulting
   ==================================================================== */

/* -------------------[ Intro ]------------------- */

.consulting-intro { 
  width: 90%; max-width: 900px; margin: 0 auto;
}

/* -------------------[ Sections ]------------------- */

.consulting-1,
.consulting-2,
.consulting-3 {
  clear: both;
  max-width: 900px; margin: 0 auto;
}

.consulting-1 .consulting-text {
  float: right; 
  width: 55%; margin-top: 100px;
}

.consulting-2 .consulting-text {
  float: left; 
  width: 55%; margin-top: 100px;
}

.consulting-3 .consulting-text {
  float: right; 
  width: 55%; margin-top: 95px;
}

.consulting-1 .consulting-image {
  float: left; 
  width: 40%; max-width: 410px; margin-top: 50px;
}

.consulting-2 .consulting-image {
  float: right; 
  width: 40%; max-width: 410px; margin-top: 50px;
}

.consulting-3 .consulting-image {
  float: left; 
  width: 40%; max-width: 410px; margin-top: 70px;
}

.consulting-image img { 
  width: 100%; height: auto;
}










/* ====================================================================
   Speaking
   ==================================================================== */

/* -------------------[ Intro ]------------------- */

.speaking-intro { 
  width: 90%; max-width: 900px; margin: 0 auto;
}

/* -------------------[ Topics ]------------------- */

.speaking-topics {
  clear: both; 
  width: 90%; max-width: 800px; margin: 0 auto; padding: 50px 0 80px 0;
}

.speaking-topics h3 { 
  text-align: center;
}

.speaking-topics-list {
  font-size: 16px; line-height: 25px; 
  column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; 
  column-rule: none; -webkit-column-rule: none; -moz-column-rule: none; 
}

.speaking-topics-list ul { 
  margin: 0 0 10px 50px; padding: 0;
}

.speaking-topics-list ul li { 
  margin: 0; padding: 0 0 3px 0;
  list-style-position: outside; 
}

.speaking-topics-list ul li {
  list-style: disc; 
}

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

.speaking-video { 
  width: 90%; max-width: 750px; margin: 0 auto; 
  text-align: center;
}

/* -------------------[ Logos ]------------------- */

.speaking-logos { 
  clear: both; display: block;
  width: 100%; max-width: 800px; margin: 120px auto 0 auto;
}

#speaking-item-excerpts { 
  clear: both; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#speaking-item-excerpts ul li {
  display: inline-block; position: relative; vertical-align: top;
  width: 200px; margin: 0 15px 25px 15px; padding: 0; 
  line-height: 18px; list-style: none; 
}

#speaking-item-excerpts ul li img {
  width: 200px; height: 127px; margin: 0 0 5px 0; padding: 0; 
}

#speaking-item-excerpts h2 { 
  margin: 0; padding: 0;
  font-family: "Brandon Grot W01 Medium"; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: 0; 
}














/* ====================================================================
   About
   ==================================================================== */

/* -------------------[ Intro ]------------------- */

.about-intro { 
  width: 90%; max-width: 900px; margin: 0 auto;
}

#content .about-intro h3 { 
  text-align: center;
}

/* -------------------[ Heidi ]------------------- */

.heidi-image { 
  float: left; 
  width: 50%; max-width: 500px; margin-top: 20px;
}

.heidi-image img { 
  width: 100%; height: auto;
}

.heidi-text { 
  float: right;
  width: 48%; max-width: 500px; margin-top: 150px;
}

/* -------------------[ Team ]------------------- */

.about-team { 
  clear: both; 
  width: 100%; padding: 50px 0 0 0;
}

#content .about-team h2 { 
  text-align: center;
}

#team-excerpts { 
  clear: both; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#team-excerpts ul li {
  display: inline-block; position: relative; vertical-align: top;
  width: 312px; margin: 0 8px 18px 8px; padding: 0;
  list-style: none; 
}

#team-excerpts ul li img {
  width: 312px; height: 314px; margin: 0 0 5px 0; padding: 0; 
}

#team-excerpts ul li .team-info { 
  overflow: hidden;
  position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  width: 312px; height: 314px;  
  background: none; 
  font-size: 0;
}

#team-excerpts ul li .team-info:hover { 
  background: rgba(223, 183, 218, 0.9); 
  transition: background .2s linear; -webkit-transition: background .2s linear; -moz-transition: background .2s linear;
  font-family: "Brandon Grot W01 Medium"; line-height: 20px; text-transform: uppercase; text-align: center;
}

#content #team-excerpts ul li .team-info:hover .team-name { 
  margin-top: 40%;
  color: #FFF; font-size: 20px; letter-spacing: 0.05em; 
}

#content #team-excerpts ul li .team-info:hover .team-title { 
  margin-top: 20px;
  color: #000; font-size: 18px; letter-spacing: 0; 
}

/* -------------------[ Internships ]------------------- */

.about-internships { 
  width: 90%; max-width: 700px; margin: 0 auto; padding: 50px 0 0 0;
}

#content .about-internships h2,
#content .about-internships h3 { 
  text-align: center;
}

body.page-id-10790 #content { 
  width: 100%; max-width: 740px; margin: 0 auto;
}

body.page-id-10790 #content img { 
  width: 100%; height: auto; margin-bottom: 25px;
}













/* ====================================================================
   Press
   ==================================================================== */

/* -------------------[ Intro ]------------------- */

.press-intro { 
  width: 90%; max-width: 900px; margin: 0 auto;
  text-align: center;
}

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

.press-nav {
  display: inline-block; 
  width: 100%; margin: 0; padding: 0;
  text-align: center; 
}

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

.press-nav a {
  height: 30px; padding: 0; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; 
}

.press-nav a:hover, 
.press-nav li.current_page_item a,
.press-nav li.current-menu-item a,
.press-nav li.current-menu-parent a, 
.press-nav li.current-menu-ancestor a,
.press-nav li.current-category-ancestor a { 
  color: #bf9a47;
}

/* -------------------[ Excerpts ]------------------- */

#press-excerpts { 
  clear: both; display: inline-block; 
  width: 100%; 
  text-align: center;
}

#press-excerpts ul li {
  display: inline-block; position: relative; vertical-align: top;
  width: 280px; margin: 0 15px 25px 15px; padding: 0 0 10px 0; 
  list-style: none; 
}

#press-excerpts ul li div {
  overflow: hidden;
  width: 280px; height: 340px; 
  border: 1px solid #ceced0;
}

#press-excerpts ul li img {
  width: 280px; height: 340px; margin: 0 0 5px 0; padding: 0; 
  transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out;
  opacity: 0.9; filter: alpha(opacity=90);
}

#press-excerpts ul li img:hover {
  transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02);
  opacity: 1; filter: alpha(opacity=100);
}

#press-excerpts h2 { 
  margin: 0; padding: 0;
  font-family: "BrandonGrotW01-Regular"; font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: 0.03em; text-align: center; 
}

#press-excerpts ul li a { 
  color: #000;
}

#press-excerpts ul li a:hover { 
  color: #bf9a47;
}

/* -------------------[ Single ]------------------- */

#press-side { 
  float: left;
  width: 200px; margin: 10px 0 40px 0;
  font-size: 14px; line-height: 22px; 
}

.press-side-back { 
  padding: 0 0 0 25px; 
  background: url(images/portfolio_icon-back.png) no-repeat 0 0; 
  color: #ceced0; font-family: "Brandon Grot W01 Medium"; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; 
}

#press-side-back a { 
  color: #ceced0 !important; 
}

#press-main { 
  float: right;
  width: 100%; max-width: 730px; 
}

#press-main h1 { 
  margin: 0 0 15px 0;
  text-align: left;
}

#press-main img { 
  max-width: 100%; height: auto; 
}












/* ====================================================================
   Contact
   ==================================================================== */

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

.contact-page { 
  text-align: center;
}

#content .contact-post,
#content .contact-side {
  margin-top: 20px;
  font-size: 16px; line-height: 28px; 
}

#content .contact-post { margin-top: -50px;
  text-align: left;
}

#content .contact-side { 
  text-align: right;
}

#content .contact-side .social-side { 
  text-align: right;
}

/* -------------------[ Form ]------------------- */

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

#contact-form { 
  clear: both; overflow: hidden; 
  margin: 0; padding: 0; 
  text-align: left; 
}

/* -----[ Field ]----- */

#contact-form .form-title,
#contact-form .form-field { 
  clear: both; float: left; 
  width: 98%; margin: 0; padding: 0; 
  text-align: left; 
}

#contact-form input,
#contact-form textarea { 
  width: 92%; max-width: 600px; margin: 5px 0 15px 1px; padding: 6px 1% !important; 
  border: 1px solid #fafafa !important;
  background-color: #fafafa !important; 
}

/* -----[ List ]----- */

#contact-form .form-list { 
  clear: both; float: left; 
  width: 98%; margin: 0 0 15px 0;padding: 0; 
  text-align: left; 
}

#contact-form .wpcf7-list-item { 
  clear: both; display: block;
  margin: 0; padding: 0;
}

#contact-form .wpcf7-list-item label { 
  clear: both; float: left;
  width: 100%; margin: 0; padding: 0;
}

#contact-form .wpcf7-list-item label input { 
  position: relative; top: 1px;
  width: 12px; height: 12px; margin: 0 7px 0 0;
}

/* -----[ Textarea ]----- */

#contact-form textarea { 
  height: 180px; 
}

/* -----[ Focus ]----- */

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

/* -----[ Required ]----- */

#contact-form .required { 
  position: relative; top: -4px;
  color: #ceced0; font-size: 12px; 
}

/* -----[ Captcha ]----- */

.recaptcha-wrap { 
  clear: both; display: block; position: relative; top: 5px;
  height: 150px; margin: 0; 
}

/* -----[ Submit ]----- */

#contact-form .wpcf7-submit { 
  clear: both; 
  width: 100px !important; margin: 15px 0 0 0; padding: 7px 15px !important; 
  border: 1px solid #fafafa !important; 
  background: #fafafa !important; 
  color: #000; text-transform: uppercase; 
}

#contact-form .wpcf7-submit:hover { 
  border: 1px solid #fafafa !important; 
  background-color: #fafafa !important; 
  color: #bf9a47;
}

/* -----[ Validation ]----- */

span.wpcf7-not-valid-tip { 
  clear: both; 
  margin: 0 0 10px 0; 
  color: #bf9a47 !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important;
}

div.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  margin: -5px 0 0 0; 
  text-transform: uppercase;
}

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

/* -------------------[ Thanks! ]------------------- */

.content-ty { 
  text-align: center;
}

.content-ty h1 { 
  font-size: 50px; line-height: 55px; 
}

.content-ty .ty-text { 
  width: 100%; max-width: 620px; margin: 0 auto 70px auto;
}

.content-ty .ty-text .purple { 
  color: #591a63;
}

.content-ty img.arrow { 
  clear: both; display: block;
  margin: 0 auto;
}

.content-ty h2 { 
  margin: 50px 0 0 0;
  font-size: 25px; line-height: 30px; 
}

.content-ty .ty-ctas { 
  position: relative; display: inline-block; 
  margin: 30px 0;
  text-align: center;
}

.content-ty .ty-cta { 
  display: inline-block; vertical-align: top;
  width: 28%; margin: 0 2.5%; padding: 0 0 40px 0;
}

.content-ty .ty-cta img { 
  width: 100%; height: auto;
}

.content-ty h3 { 
  margin: 15px 0 0 0;
  font-size: 22px; line-height: 30px; 
}










/* ====================================================================
   Blog
   ==================================================================== */

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

.posttop { 
  clear: both; 
  width: 100%; margin: 0 0 20px 0; padding: 0; 
  font-size: 12px; line-height: 14px; text-align: center; 
}

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

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

/* -------------------[ Bottom ]------------------- */

#post .postbottom {
  clear: both; display: block;
  margin: 40px 0; padding: 10px 0 0 0;
  border-top: 1px solid #d1ed63;
  font-size: 13px; line-height: 15px; text-transform: uppercase; text-align: left; 
}

#post .postbottom a { 
  color: #000; 
}

#post .postbottom a:hover { 
  color: #bf9a47; 
}

#post .postbottom .sharing { 
  float: right;
}

#post .postbottom .sharing a { 
  margin: 0 0 0 20px;
}

/* -------------------[ YARPP ]------------------- */

#post .yarpp-box { 
  clear: both; display: block; 
  width: 100%; margin: 80px 0 0 0; padding: 0; 
  text-align: center;
}

#post .yarpp-thumbnails-horizontal { 
  display: inline-block;
  text-align: center;
}

#post .yarpp-related h3 { 
  margin: 0 0 5px 0; padding: 0;
  font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; 
}

#post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 170px; height: auto; margin: 10px 6px; 
  border: none;
}

#post .yarpp-thumbnail > img, 
#post .yarpp-thumbnail-default {
  height: 170px; width: 170px; margin: 0; 
  border: 1px solid #d1ed63;
}

#post .yarpp-thumbnail-default > img:hover,
#post .yarpp-thumbnail > img:hover, 
#post .yarpp-thumbnail-default:hover {
  opacity: 0.9;
}

#post .yarpp-box .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  max-height: none; margin: 8px 0 0 0;
  font-size: 13px; line-height: 15px; font-weight: 400; text-transform: uppercase; text-align: center;
}

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

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

#respond input[type=text], 
#respond textarea {
  margin: 0 0 15px 0; padding: 3px;
  border: 1px solid #bf9a47;
  -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 #bf9a47;
  box-shadow: 0 0 5px #bf9a47;
}

.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: 5px 10px !important; 
  border: 1px solid #bf9a47; 
  background-color: #bf9a47 !important; 
  color: #FFF; font-size: 14px; line-height: 14px; text-decoration: none; text-transform: uppercase; text-align: center; 
} 

#submit:hover {
  border: 1px solid #bf9a47; 
  background-color: #FFF !important; 
  color: #000;
}

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

#comments ol.commentlist { 
  margin: 0;
}

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

.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;  
}

/* -------------------[ Excerpts ]------------------- */

.excerpt-wrap { 
  position: relative; display: inline-block; 
  text-align: center;
}

.post-excerpt { 
  float: none; display: inline-block; position: relative; vertical-align: top;
  width: 200px; height: auto; margin: 15px; padding: 0;
  text-align: center; 
}

.post-excerpt img { 
  width: 200px; height: 200px; 
}

.post-excerpt img:hover {
  opacity: 0.9;
}

.post-excerpt .default-excerpt-image-space { 
  display: block;
  width: 199px; height: 199px; margin: 0;
  border: 1px solid #ceced0;
}

.post-excerpt h2 { 
  margin: 7px 0 !important;
  font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 16px; font-weight: 400; letter-spacing: 0; text-align: center; 
}

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

.post-excerpt a:hover { 
  color: #bf9a47; 
}

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

#pagination { 
  clear: both; display: block;
  width: 90%; margin: 20px 0 0 0; padding: 0 5%;
  font-size: 13px; line-height: 15px; text-transform: uppercase; text-align: left; 
}

#pagination a { 
  color: #bf9a47;
}

#pagination a:hover { 
  color: #000;
}

/* -------------------[ Sidebar ]------------------- */

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

#side { 
  padding: 0 10px; 
  font-size: 15px; line-height: 20px; text-align: left; 
}

#side ul { 
  margin: 0; padding: 0; 
}

#side ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
}

#side ul li.widget_text { 
  margin: 0 0 40px 0; 
}

#side .side-bottom ul li { 
  margin: 0 0 20px 0; 
}

#side ul li .textwidget p { 
  clear: both;
  margin: 0 0 10px 0;
}

#side h4,
#side h2 {
  margin: 0 0 15px 0; padding: 0;
  font-family: "Brandon Grot W01 Medium"; font-size: 14px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-align: center; 
}

#side h4:after,
#side h2:after {
  clear: both; display: block; 
  width: 100%; height: 2px; margin: 5px auto;
  background-color: #FD9084;
  content: "";
}

/* -----[ Hello ]----- */

#side .side-hello img.sig-hello { 
  float: right;
  margin: 10px 0 0 0;
}

/* -----[ Cats / Archives / Tags ]----- */

#side .side-taxes { 
  padding: 40px 0 0 0;
}

#side .expand-collapse { 
  margin: 0 0 10px 0; 
}

#side .expand-collapse dt { 
  cursor: pointer; cursor: hand; 
  font-family: "Brandon Grot W01 Medium"; font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-align: left; 
}

#side .expand-collapse dt span { 
  margin: 0; padding: 0; 
}

#side .expand-collapse dd { 
  margin: 10px 0 30px 0; padding: 0; 
}

#side .expand-collapse dd li { 
  margin: 0 0 3px 0;  
}

html.isJS #side .expand-collapse dd { 
  display: none; 
} 

#side li.cat-item ul { 
  margin-top: 5px;
}

#side li.cat-item ul li a { 
  margin-left: 10px;
}

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

.side-search { 
  width: 90%; margin: 50px 0; padding: 0 5px 10px 5px;
  border-bottom: 3px solid #d1ed63;
}

.searchform { 
  display: inline; overflow: hidden; 
  margin: 0; padding: 0;
}

.searchbox { 
  display: inline; 
  width: 170px; margin: 0; padding: 0;  
  border: none;
  background: #FFF !important; 
  font-size: 14px; letter-spacing: 0.02em; 
}

.searchicon { 
  float: right;
  margin: 3px 0 0 0;
}

.search-results { 
  text-align: center;
}

.search-results h1 { 
  margin: 0 0 40px 0 !important;
}

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

.social-side {
  position: relative; display: inline-block; 
  width: 100%; margin: 0 0 50px 0; 
  text-align: center;
}

.social-side img {
  width: 22px; height: auto; 
}

.social-side a:nth-child(2) {
  margin: 0 10px 0 15px; 
}

.social-side img:hover { 
  opacity: 0.9;
}









/* ====================================================================
   Footer
   ==================================================================== */

/* -------------------[ Follow Along ]------------------- */

#follow-along { 
  clear: both; display: block;
  width: 100%; margin: 0 0 40px 0;
  text-align: center; 
}

#follow-along ul { 
  display: inline-block;
  margin: 0; padding: 0;
}

#follow-along ul li { 
  float: none; display: inline-block; position: relative; vertical-align: top; overflow: hidden;
  width: 230px; height: 230px; margin: 6px 4px;   
}

#follow-along ul li .follow-along-label { 
  position: absolute; top: 0; left: 0; 
  width:100%; height: 100%;
  background: rgba(0, 0, 0, 0.3); 
  color: #FFF; font-family: "Brandon Grot W01 Medium"; font-size: 16px; line-height: 230px; letter-spacing: 0.05em; text-align: center;
}

#follow-along ul li .follow-along-label:hover { 
  background: none;
  font-size: 0;
}

#follow-along ul img { 
  width: 230px; height: 230px;
}

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

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

#footer-bar-wrap { 
  width: 100%; height: 150px; 
  background-color: #F9F6F1; 
}

#footer-bar { 
  position: relative;
  width: 94%; max-width: 1000px; margin: 0 auto; 
  color: #000; font-family: "Brandon Grot W01 Medium"; font-size: 13px; line-height: 15px; text-transform: uppercase; text-align: left;
}

#footer-bar a { 
  color: #000;
}

#footer-bar a:hover { 
  color: #FFF;
}

.footer-left,
.footer-right { 
  width: 40%; max-width: 350px; margin: 30px 0 0 0;
}

.footer-left { 
  float: left; 
}

.footer-right { 
  float: right; 
}

#footer-bar hr { 
  clear: both; 
  width: 100%; height: 0px; margin: 0 0 15px 0; padding: 0 0 1px 0; 
  border: none;
  background-color: #000; 
}

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

.nav-footer-left,
.nav-footer-right {
  display: inline-block; 
  width: 100%; margin: 0; padding: 0;   
}

.nav-footer-left li,
.nav-footer-right li {
  display: inline-block; 
}

.nav-footer-left a,
.nav-footer-right a {
  height: 15px; margin: 0 30px 0 0; padding: 0; 
  text-decoration: none; 
}

.nav-footer-left a:hover, 
.nav-footer-right a:hover, 
.nav-footer-left li.current_page_item a,
.nav-footer-right li.current_page_item a { 
  color: #000 !important;
}

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

.footer-logo,
.footer-logo a { 
  position: absolute; top: 45px; left: 0; right: 0;
  width: 40px; height: auto; margin: 0 auto;
}

.footer-logo img { 
  width: 40px; height: auto; 
}

/* -----[ Copy ]----- */

.footer-copy { 
  font-style: italic; text-transform: none;
}

.footer-copy-mobile { 
  display: none;
}

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

.footer-social { 
  display: inline-block;
  margin: -5px 0 0 0;
}

.footer-social img {
  width: 20px; height: auto; margin: 0 0 -5px 10px;
}

.footer-social img:hover { 
  opacity: 0.9;
}


.footer-dmca {
  float: right; display: inline-block;
  margin: -3px 0 0 0;
}