/*
Theme Name: Monkeyshine
Theme URI: 
Author: Monkeyshine
Description: A child of the Analogue Theme by Station Seven http://stnsvn.com
Template: analogue
Version: 1.0.0
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monkeyshine
Tags:
*/


/* nav bg #dbebf9 */

body {
  color: #222;
}

body, p {
  letter-spacing: 0;
}


#main #infinite-handle span button, #main #infinite-handle span button:hover, #main #infinite-handle span button:focus, 
button, input[type="button"], input[type="reset"], input[type="submit"], 
.small-button a, .read-more a {
  font-weight: 400;
}

.site-description,
strong,
h5, .landing-slider h5,
.upper-nav-container, 
#primary-menu, #footer-menu, 
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"],
.entry-meta, .entry-footer, 
.nav-links, .nav-links a, .small-button a, .read-more a, 
.comment-author, .comment-author b, a.comment-reply-link, 
.stnsvn-rp-container #jp-relatedposts .jp-relatedposts-items p, 
.share-button, .cat-item a, .textwidget a {
  font-weight: 500;
}

h1, h2, h3, blockquote, q, 
.stnsvn-rp-container #jp-relatedposts h3.jp-relatedposts-headline, 
.stnsvn-rp-container #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  font-weight: 400;  
  -webkit-font-smoothing: auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 500;
  font-size: 0.8em !important;
}

p, #content .lgc-column p,
input, select, textarea, ol, ul, .widget ul,
.product_meta {
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 1.33em;
}

.search-results .entry-content p {
  margin-bottom: 1rem;
}

.entry-content a,
.content-area p a,
.text-content-full-width p a {
  position: relative;
  color: #222;
  text-decoration: none;
}
.content-area p a:hover,
.text-content a:hover, .text-content-full-width a:hover {color: #111; }
.widget a:hover {border-bottom: 2px solid #93e5df; }

.entry-header h4 a, .entry-header a h2, .entry-header .entry-title h2 a, 
.entry-content h2 a, .entry-content h3 a {
  display: inline;
  background-image: linear-gradient(to right, #fff 50%, #fff 0%);
  background-size: 200% 99%;
  background-repeat: no-repeat;
  background-position: 100% bottom;
  transition: background-position 0.4s ease;
}
.entry-header h4 a:hover, .entry-header a h2:hover, .entry-header .entry-title a:hover,
.entry-content h2 a:hover, .entry-content h3 a:hover {
  background-image: linear-gradient(to right, #fffe94 50%, #fffe94 0%);  
  background-position: 100% bottom;
} 

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

.content-area p a, .content-area li a {
  background-image: linear-gradient(to right, #fff 50%, #93e5df 0%);
  background-size: 200% 2px;
  background-repeat: repeat-x;
  padding-bottom: 1px;
  background-position: 100% bottom;
  transition: background-position 0.3s ease;
}

.content-area p a:hover, .content-area li a:hover {
  background-image: linear-gradient(to right, #222 50%, #5bd7cf 0%);
  background-position: 0% bottom;
}

.content-area .products li a, .content-area .products li a:hover {
  background-image: none;
}

a:focus {
   outline: none !important;
}

h1, h2, h3, .entry-title {
  color: #2d3340;
}

h1, .entry-title {
  line-height: 1.283; /* base line-height 1.75 x font-size em 2.2 / 3  */
  margin-bottom: 1rem;
}

.sub-title {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 0.8125em;
  letter-spacing: 2px;
  font-weight: 500;
  margin: 0 auto 1rem;
  max-width: 540px;
}

.landing-slider .entry-title, .full-slide .entry-title {
  font-size: 1.625em;
}

h2 {
  font-size: 1.8em;
  margin: 2.625rem 0 1.31rem;
}
.landing-latest-posts .entry-header h2 {
  font-size: 1.2em;
}
.row-article h2 {
  font-size: 1.6em;
}
.entry-header h2 {
  margin-top:0;
}
.term-description h2 {
  margin-top: 0;
}
.ms-archive-product .lgc-column h2 {
  font-size: 1.5em;
  line-height: 1.6;
} 

h3 { line-height: 1.3; margin-bottom: 1rem;}

h4 {
  margin-bottom: 0.9em;
  font-weight: 500;
}

.entry-meta {
  font-size: 0.75em;
}

.site-footer #footer-menu, .site-copyright {
  font-size: 0.7rem;
}

.aff-disclosure {
  font-size: 0.875em;
  background-color: #dff8f6;
  margin-bottom: 2rem;
  padding: 25px;
}
.aff-disclosure p {
  margin-bottom: 0;
}

.recommendation {
  border-top: 3px solid #333;
  margin: 2.4rem 0;
}

.recommendation.first-in-cat {
  border-top: 0;  
  margin-top: 1.2rem;
}

.first-in-cat .wp-caption {
  margin-top: 0;
}

.recommendation.last {
  border-bottom: 3px solid #333;
}

.content-area p .amz-img-link, .content-area p .amz-img-link:hover {
  display: block;
  margin: 2rem auto;
  background-image: none;
}
.amz-img-link img {
  display: block;
  margin: 0 auto;
}

.guide-category h2 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.3;
}

.shop-on-etsy .solid-button {
  display: inline-block;
  margin: 0.8rem 1rem 2.1rem 0;
}

.solid-button {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.solid-button a {
  /* background: #945b4c; */
  background: #3EBDB4;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #1E9D94;
  -moz-box-shadow: 0 2px 0 0 #1E9D94;
  box-shadow: 0 2px 0 0 #1E9D94;  
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  padding: 9px 24px;
}

.solid-button a,
input[type="submit"] {
  -webkit-transition: all 250ms linear !important;
  -moz-transition: all 250ms linear !important;
  -o-transition: all 250ms linear !important;
  transition: all 250ms linear !important;
}
.solid-button h5 {
    margin: 0;
    background: transparent;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 400;
}

.solid-button a:hover {
  background-color: #363a43;
   -webkit-box-shadow: 0 2px 0 0 #060a13;
  -moz-box-shadow: 0 2px 0 0 #060a13;
  box-shadow: 0 2px 0 0 #060a13;  
}

.share-button {
  font-size: 12px;
  font-size: 0.75rem !important;
}

.no-bullets {
  list-style-type: none;
}

ol, ul {
  margin-left: 0;
  margin-bottom: 1.33rem;
}

ol li {
  padding-left: 10px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
  text-transform: none;
  letter-spacing: 0;
}

.prompt {
  font-size: 0.8em;
  line-height: 1.33;
}

blockquote {
  margin: 1.6em 0;
  border-left: 5px solid #222;
}

blockquote p {
  font-size: 0.8em;
  line-height: 1.6;
}

.recommendation blockquote {
  margin-top: 1.6em;
  margin-bottom: 1.9em;
}
.recommendation blockquote p {
  font-size: 0.65em;
}

#what-is-etsy blockquote {
  font-size: 0.875rem;
  line-height: 1.6;
  border-left-width: 3px;
}

blockquote cite, blockquote .cite {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75;
  margin-top: 1.33rem;
}
blockquote .cite {
  font-size: 0.6em;
}
.not-so-loud {
  font-size: 1.4em;
}

.entry-content cite a {
  font-weight: 400;
}
.menu-toggle, .sub-menu-toggle {
  margin: 0 10px;
}
/* Navigation */
.menu-toggle[aria-pressed="false"] {
  position: relative;
  padding-right: 60px;
}
.menu-toggle[aria-pressed="false"]:after {
  content: "menu";
  position: absolute;
  top: 13px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
.mobile-navigation li a {
  font-weight: 500;
  padding: 1em;
}
#primary-menu {
  font-size: 0.8125em;
}
.primary-nav-container {
  border: 0;
  background-color: #373d49;
}

#primary-menu li {
  position: relative;
  margin: 0;
  padding: 0;
}

.primary-nav a {
  position: relative;
  display: inline-block;
  padding: 14px 3.5em;
  border-bottom: 0;
  z-index: 2000;
  font-size: 13px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -webkit-font-smoothing: antialiased;
}
.primary-nav li:hover > a {
  background-color: #44cac1;
  border-bottom: 0;
}

.primary-nav .current-menu-item a,
.primary-nav .current-menu-item a:hover {
  background: #262c38;
  color: #6CF6D8;
}

/* Layout */

.upper-nav-container {
  min-height: 0 !important;
  border-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.site-branding {
  margin: 1rem 1rem 1.5rem;
}
.header-logo {
  position: relative;  
  width: 60%;
  min-width: 190px;
  max-width: 380px;
  max-height: 86px;
  margin: 0 auto;
  text-align: center;
}

#body-logo a {
  display: block;
  text-align: left;
  position: relative;
  max-height: 86px;
}

#body-logo svg {
  max-height: 86px;
}

#monkeyshine-logo {
  position: relative;
}

#body-logo a * {
  /*
  transform-origin: center center;  
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  */
}

#body-logo a > img {
  display: block;
  max-height: 80px;
}

#body-logo a {
  position: relative;
  transition: all 0.7s ease;
}

#body-logo a:hover {
  background: #fdfb78;
}

#body-logo a #icon {  
  position: relative;
  -webkit-transform-box: fill-box;
  -moz-transform-box: fill-box;
  transform-box: fill-box;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;  
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.15s ease-out;
}

#body-logo:focus a #icon, #body-logo:hover a #icon , #body-logo:active a #icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); 
}

#mfPreviewBar {
  /*delete this*/
  display: none;
}

#body-logo h1 {
  position: absolute;
  top: 22px;
  left: 98px;
  font-family: "eloquent-jf-pro";
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 38px;
  color: #232731;
}

#monkeyshine-logo {display: block;}
.mfpreview #body-logo h1 {
  font-family: "journey regular";
  font-size:60px;
  top: 4px;
}

.site-title img {
  max-height: none;
  width: 270px;
}

.site-branding .site-description {
  position: absolute;
  left: 97px;
  bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: #666;
  text-transform: lowercase;
}

.page-header {
  padding: 3.3rem 2rem 3.7rem;
  background: #f7f7f7 url("images/logo-tile160.png") center center repeat;
  background-size: auto 150%;
  text-align: center;
}
.home .page-header {
  padding: 2.8rem 1rem 3.3rem;
  background: #f6f6f6 url(images/bg-x6-w.png);
}
.page-about .page-header {
  display: none;
}

.page-title {
  font-size: 2em;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.page-header .sub-title {
  margin-top: 0.7rem;
  margin-bottom: 0;
}
.page article .entry-header {
  margin-bottom: 4.4rem;
}
.taxonomy-description {
  margin: 0 auto 80px;
  max-width: 680px;
  text-align: center;
}

.page-template-page-landing-monkeyshine .site-content {
  max-width: 100% ;
  margin: 0;
  padding: 0;
}

article .entry-title {
  max-width: 650px;
  margin: 0 auto 1.33rem;
}

article .entry-content {
  max-width: 650px;
  margin: 0 auto;
}

.search-results.sidebar-layout article .entry-content {
  margin: 0;
}

.text-content-full-width {
  max-width: 1204px;
  margin: 0 auto;
  padding: 1.5rem 1rem 0.5rem;
}

.text-content-full-width .columns-3 li {
  width: 30.66%;
  padding: 3%;
}

.home-subscribe .text-content-full-width {
  padding-top: 0;
}

.section-title {
  text-align: center;
}

.section-title h2 {
  font-size: 2em;
  margin: 0 auto 0.7rem;
}

/* Entry Footer */

.entry-footer {
  margin-bottom: 0
}

.entry-footer .tags-links {
  float: none;
  padding: 1.5rem 0 2rem;
  text-align: center;
}

.share-group {
  background: #faf7f3;
  float: none;
  text-align: center;
  padding: 2rem 1.5rem;
}

.share-group h4 {
  color: #1f4cd2;
}

.site-main .post-navigation {
  background: #f6f6f6;
  border-top: 0;
  margin-top: 5px;
  padding: 1.8rem 0;
}

#comments {
  border-top: 0;
}

li.comment article {
  background-color: #faf8f5
}

.nav-links a {
  font-size: 11px;
  font-size: 0.6875rem;
}

.nav-links a:hover,
.comment-respond input#submit:hover {
  border-color: #000;
}

/* Secondary Content / Widgets */
#secondary li.cat-item {
  margin-bottom: 0;
}
#secondary li.cat-item a {
  border: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#secondary li.cat-item a:hover {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#secondary .widget_search .widget-title {
  margin-bottom: 0.4em;
}

/* Search */

.search .row-article, .search .entry-header {
  text-align: left;
}


/* Footer */

#footer-4 {
  display: none;
}

.footer-widgets .widget-area {
  text-align: left;
}
.footer-widgets .widget_nav_menu a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 0.8em;
}

.widget-title {
  color: #555;
}

.footer-widgets .widget-title {
  color: #65d7d0;
  font-weight: 400;
}

.site-footer .widget_search .search-field {
  color: #fff;
  font-weight: 400;
}

footer input::-webkit-input-placeholder {
   color: #D7D7D7;
}

footer input:-moz-placeholder { /* Firefox 18- */
   color: #fD7D7D7f;
}

footer input::-moz-placeholder {  /* Firefox 19+ */
   color: #D7D7D7; 
}

footer input:-ms-input-placeholder {  
   color: #D7D7D7;
}

#prefooter {
  background: #f5f5f5 url("images/logo-tile160.png") repeat;
  background-position: left bottom;
}

#prefooter, .prefooter-section {
  display: block;
  width: 100%;
}

#prefooter-news {
  padding-top: 2em;
  padding-bottom: 3em;
}

#prefooter .widget_mc4wp_form_widget {
  padding-bottom: 0.75em;
}

#prefooter .widget-title,
.enews-widget .widget-title,
.widget_mc4wp_form_widget .widget-title {
  color: #000;
}

#content .enews #subbutton,
#prefooter .enews #subbutton {
  background-color: #ea4848;
  color: #fff;
  padding: 11px 1.4em 9px !important;
  border: 0;
  -webkit-box-shadow: 0 2px 0 0 #ca2828;
  -moz-box-shadow: 0 2px 0 0 #ca2828;
  box-shadow: 0 2px 0 0 #ca2828;
  border-radius: 3px;
}

#prefooter .enews #subbutton:hover {
  background: #363a43 !important;
   -webkit-box-shadow: 0 2px 0 0 #060a13;
  -moz-box-shadow: 0 2px 0 0 #060a13;
  box-shadow: 0 2px 0 0 #060a13;  
}

#prefooter .stnsvn_social_icons_widget {
  background-color: #2d3340;
  color: #fff;
  margin: 1rem auto;
  padding: 0.25rem 2em 3rem;
  max-width: 600px;

}

#prefooter .stnsvn_social_icons_widget h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  color: #fff;
  margin-bottom: 1.6rem;
  -webkit-font-smoothing: antialiased;
}

.stnsvn-social-icons a {margin-bottom: 6px;}

.stnsvn-social-icons a:hover {
  border: 0;
}

.stnsvn-social-icons .fa {
  font-size: 18px;
  width: 50px;
  padding: 13px;
  background: #2d3340;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#prefooter .stnsvn-social-icons .fa {
  background: #262a33;
  font-size: 22px;
}

.stnsvn-social-icons a:hover .fa,
#prefooter .stnsvn-social-icons a:hover .fa {
  background-color: #3EBDB4;
}

#colophon {
  background: #2d3340 url(images/logo-tile-b160.png);
}
.footer-widgets {
  color: #fff;
}

.site-info {
  background-color: #fff;
  text-align: center;
}

.site-copyright {
  float: none;
}

.home-subscribe {
  max-width: 1204px;
  margin: 0 auto;
  text-align: center;
}
.home-subscribe .enews {
  text-align: center;
}
.enews input {
  display: inline-block !important;
  margin-top: 0 !important;
}
.enews input[type="email"] {
  background-color: #fff;
  max-width: 370px;
  padding: 10px !important;
}
.enews #subbutton {
  margin: 0;
  border: 0;
}

footer .amazon-disclosure {
  display: block;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 680px; 
}

/* Media and Galleries */

.analogue-featured-img {
  margin-bottom: 2.2rem;
}
.analogue-featured-img img {
  display: block;
  margin: 0 auto;
}

.single-post .gallery {
  margin: 2.66rem auto 3rem;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
  max-width: 300px;
}

.single-post .gallery figure {
  margin: 0;
}

figure.aligncenter img {
  margin: 0 auto;
}

.wp-caption {
  /*margin: 2.66rem 4% 2.66rem 0;*/
  margin: 2.66rem auto;
}

.wp-caption.fig-top {
  margin-bottom: 0;
}
.wp-caption.fig-bottom {
  margin-top: 0;
}
.bordered-img {
  box-sizing: content-box;
  border: 1px solid #ddd;
}

figcaption {
  font-size: 0.8125rem;
  line-height: 1.2;
}

.gallery-icon {
  margin: 2px;
}

.gallery-item a, .gallery-item img {
  display: block;
  position: relative;
  -webkit-transition: filter 0.75s ease;
  -moz-transition: filter 0.75s ease;
  -o-transition: filter 0.75s ease;  
  transition: filter 0.75s ease;
}
.gallery-item a:hover img {
  -webkit-filter: grayscale(0.75);
  -moz-filter: grayscale(0.75);
  -o-filter: grayscale(0.75);
  filter: grayscale(0.75);
}
.gallery-caption {
  display: none;
}

.galleryid-3318 .gallery-caption,
.show-captions .gallery-caption  {
  display: block;
  line-height: 1.4;
  font-size: 0.8125rem;
  padding: 8px;
  max-width: 235px;
}

.guide-category .gallery-item {}

.index-article img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
    transition: all 1s ease;
 
}
.index-article:hover img {    
    -webkit-filter: grayscale(0.75);
    -moz-filter: grayscale(0.75);
    -o-filter: grayscale(0.75);
  filter: grayscale(0.75);
}

/* Monkeyshine Custom Sections */
.light-text, .light-text h2, .light-text h3 {
  color: #fff;
  color: rgba(255,255,255,0.95);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  font-weight: 400;
}

.media-downloads {padding: 0;}
.wallpaper-download { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em;}
.wallpaper-download:first-child {border-top: 1px solid #ddd; padding-top: 1em;}
.wallpaper-download img { display: block; margin-bottom: 1.2em;}
.wallpaper-download img {float: left;margin-bottom: 0;padding-right: 20px;}

/* Customise Pages */
.home-products .landing-inner {
  max-width: none;
  padding: 1em 0 1.5em;
}

.home-hello {
  background: #f6f6f6 url("images/logo-tile160.png") center center repeat;
}
.home-hello .landing-inner {
  padding-top: 4em;
  padding-bottom: 2.2em;
}
.home-subscribe .landing-inner {
  padding: 3.5em 3em 2.5em;
}

.landing-latest-posts .landing-inner {
  padding-top: 3.6em;
}
.latest-posts-precontent {
  margin-bottom: 4em;
}

.home-basket-feature {
  padding-bottom: 40px;
}
.home-basket-feature .landing-inner {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.home-basket-feature h2 span {
  display: block;
  line-height: 1.6;
}
.home-basket-feature h4 {
  font-family: bressay, Georgia, serif;
  text-transform: none;
  letter-spacing: 0;
  font-style: italic;
  font-size: 1.4em;
}
.home-basket-feature h4 a {
  border-bottom: 2px solid #3bb7af;
}
.home-basket-feature h4 a:hover {
  color: #000;
  border-color: #111;
}
.feature-colour.light-text{
  color: #fff;
  color: rgba(255,255,255,0.85);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.feature-colour .landing-inner {
  text-align: center;
}
.feature-colour .sub-title {
  line-height: 1.6;
  margin: 0 auto 4em;
}

.page-about .landing-slider .home-gallery-img {
  background-size: auto !important;
}

.single-product-category-desc {
  background: #f6f6f6;
  margin: 10px;
  padding: 2em 1.75em 0.5em;
}

.contact-social li {
  list-style-type: none;
  display: inline-block;
  border-right: 2px solid #555;
  padding: 0 1em;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85em;
}

.contact-social li:last-child {
  border-right: 0;
}


/* Plugins */

.featherlight .featherlight-content .caption {
  padding-top: 1em;
  font-weight: 400 !important;
  width: 90%;
  text-align: center !important;
}

/* forms */
.nf-form-cont {
  margin-bottom: 5rem;
}
.nf-error-msg {
  font-size: 0.8125em;
}
.nf-form-fields-required {
  font-size: 0.875em;
  margin-bottom: 0.5rem;
  font-style: italic;
}
.nf-field-container, #ninja_forms_required_items {
  margin-bottom: 0.5rem !important;
}

.nf-field .submit {
    /* background: #945b4c; */
    background: #ea4848;
    color: #fff;
    border: none;
    display: inline-block;
    margin: 0 auto;
    padding: 0.59em 1.3em 0.5em;
    width: 100% !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nf-field .submit:hover {
  background-color: #333;
}
.contact-message textarea {
  display: block !important;
  letter-spacing: 0;
  font-size: 14px;
}
.g-recaptcha {
  padding: 1rem;
  background: #faf7f3;
}
.g-recaptcha > div {
  margin: 0 auto;
}
.nf-response-msg {
  padding: 2em 2em 1.25em;
  background: #f6f6f6;
}

.nf-response-msg p {
  margin-bottom: 0.75em;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, 
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
  background: #222;
}


/* WooCommerce */

.woocommerce-page .site-content {
  margin-top: 2rem;
}

/*
.woocommerce .woocommerce-breadcrumb {
  display: block;
  margin-top: 5px;
  padding: 1rem 2rem;
  text-align: center;
  background-color: #faf7f3;
}
*/

.tax-product_cat .term-description {
  font-size: 0.875em;
}

.shop-page .page-title {
  display: block;
  color: #2f333c;
  margin-bottom: 0
}

.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}

.woocommerce-product-details__short-description {
  margin-bottom: 1.6rem;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding-top: 5px;
  padding-left: 18px;
}

.panel ul {
  margin-left: 0;
}

.tagged_as {
  display: block;
}

.etsy-info {
  background: transparent;
  border: 0;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.875em;
}
.product_meta a,
.tags-links a,
.entry-content a, 
.text-content a,
.text-content-full-width a,
.textwidget a,
.etsy-info,
.ms-link,
.woocommerce .woocommerce-breadcrumb a {
  border-color: #5bd7cf;
  font-weight: 500;
}

.tags-links {
  color: #666;
}
.tags-links a {
  display: inline-block;
  margin: 3px 0;
  padding: 5px 7px;
  background-color: #f5f5f5;
  color: #222;
}
.tags-links a:hover {
  background-color: #222;
  color: #fff !important;
  font-weight: 400;
}

.entry-content .gallery-icon a {
  border: 0;
}

.read-more a:hover {
  color: #222;
  border-color: #333;
}

.woocommerce-LoopProduct-link,
.text-content-full-width .woocommerce-LoopProduct-link {
  display: block;
  position: relative;
  color: #2d3340;
}

.product_meta a:hover,
.tags-links a:hover,
.etsy-info:hover,
.ms-link:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
  color: #222;
}

.product .entry-summary {
  margin-top: 0;
}

.entry-summary .out-of-stock {
  background: #faf7f3;
  margin-bottom: 1.6rem;
  padding: 1em;
  text-align: center;
  font-weight: 500;
}
.woocommerce.columns-4 {
    margin: 0 auto;
    width: 75%;
}

.thumb-overlay {
  display: block; 
  font-family: 'europa', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  left: 0;
  position: absolute; 
  text-transform: uppercase;
  letter-spacing: 0.05em;
  top: 0; 
  -webkit-font-smoothing: auto;
  width: 100%; 
}
.thumb-overlay em {display: none; position: absolute; top: 33%; text-align: center; line-height: 1.1; width: 100%; height: 100%; margin: auto; font-size: 34px; font-style: normal; font-weight: 500; color: #fff;}

ul.products li:hover .thumb-overlay {
  background-color: #df231d; 
  background-color: rgba(223, 35, 29,.85); 
  height: 100%; 
  -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

ul.products li.pink:hover .thumb-overlay, .pink .fancybox-thumb span {background-color: #f4a6c6; background-color: rgba(245, 158, 194, 0.87);}
ul.products li.lime:hover .thumb-overlay, .lime .fancybox-thumb span {background-color: #b3c11e; background-color: rgba(179,193,30,.9);}
ul.products li.teal:hover .thumb-overlay, .teal .fancybox-thumb span {background-color: #45a3ad; background-color: rgba(69,163,173,.9);}
ul.products li.purple:hover .thumb-overlay, .purple .fancybox-thumb span {background-color: #a570b2; background-color: rgba(165,112,178,.9);}
ul.products li.yellow:hover .thumb-overlay, .yellow .fancybox-thumb span {background-color: #e5df17; background-color: rgba(229,223,23,.9);}
ul.products li.turquoise:hover .thumb-overlay, .turquoise .fancybox-thumb span {background-color: #56bab3; background-color: rgba(86,186,179,.9);}
ul.products li.indigo:hover .thumb-overlay, .indigo .fancybox-thumb span {background-color: #576abd; background-color: rgba(87,106,189,.9);}
ul.products li.coral:hover .thumb-overlay, .coral .fancybox-thumb span {background-color: #ff564f; background-color: rgba(255,86,79,.9);}
ul.products li.raspberry:hover .thumb-overlay, .raspberry .fancybox-thumb span {background-color: #e55163; background-color: rgba(229,81,99,.9);}
ul.products li.powderblue:hover .thumb-overlay, .powderblue .fancybox-thumb span {background-color: #66a3cc; background-color: rgba(102,163,204,.9);}
/*ul.products li.red:hover .thumb-overlay, .red .fancybox-thumb span {background-color: #D81D2F; background-color: rgba(216,29,47,.9);}*/
ul.products li.red:hover .thumb-overlay, .red .fancybox-thumb span {background-color: #E33D4D; background-color: rgba(227,61,77,.9);}


ul.products li:hover .thumb-overlay em {display: block; }


.related.products h2 {
  text-align: center;
  margin: 2.66rem 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  padding: 1rem 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  padding-left: 0;
  width: 30.75%;
  margin-right: 3.8%;
}

.woocommerce div.product div.images .flex-control-thumbs li:last-child {
  margin-right: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: 1;
}

#what-is-etsy {
  display: none;
  position: relative;
  font-size: 0.875em;
  line-height: 1.4;
  margin-bottom: 2rem;
  padding: 2rem 2rem 0.75rem;
  background: #faf7f3;
}

.info-close {
  position: absolute;
  font-size: 20px;
  line-height: 1;
  padding: 0.5em 0.75em;
  top: 0.5rem;
  right: 0.5rem;
}

.info-close:hover {
  background: rgba(255,255,255,0.75);
}

.woocommerce div.product div.images, .woocommerce div.product div.summary {
  margin-bottom: 2em;
}
.product .share-group {
  clear: both;
  margin-bottom: 3rem;
}

.woocommerce ul.products li.product a img {
  background: #fafafa url(images/bg-x6-w.png);
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
  margin-right: 2.5%;
}

@media screen and (min-width: 769px) {

  .landing-slider .entry-title, .full-slide .entry-title {
    font-size: 2.1em;
  }

  .inside-grid-column {
    padding: 0 60px 0 0 !important;
  }
  .lgc-last .inside-grid-column {
    padding-right: 0 !important;
  }

  .woocommerce #content div.product div.summary, 
  .woocommerce div.product div.summary, 
  .woocommerce-page #content div.product div.summary, 
  .woocommerce-page div.product div.summary {
    width: 46%;
  }
    #footer-3 {
      width: 50%;
    }
}


@media screen and (min-width: 961px) {

  .site-branding {
    margin: 2.5rem 1rem;
  }

  .sidebar-layout #secondary {
    width: 24%;
  }

  .ms-archive-product #primary {
    width: 74%;
    max-width: 887px;
  }

  .ms-archive-product #secondary {
    width: 21%;
  }

  .woocommerce.columns-4 {
    width: 100%;
  }

  .woocommerce.columns-4 ul.products li.product {
    width: 21%;
    margin: 0 2%;
  }

.woocommerce .related ul.products li.product:nth-child(3n), .woocommerce-page .related ul.products li.product:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) { 
  .mobile-navigation {
    background: #373d49;
    padding: 1.5em;
  }
  .mobile-navigation ul {
    color: #fff;
    -webkit-font-smoothing: antialiased;
  }
  #mobile-menu > li:hover {
    color: #fdfb78;
  }
}

@media screen and (max-width: 767px) {
  .site-content {
    padding: 0 2rem;
  }
  .page-header {
    padding-top: 1.2rem;
    padding-bottom: 1rem;
  }
  .home .page-header {
    padding: 2rem 1rem 2.5rem;
  }

  .page-title {
    font-size: 1.6em;
  }
}

@media screen and (min-width: 468px) and (max-width: 960px) {
  
  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product, 
  .woocommerce-page[class*=columns-] ul.products li.product, 
  .woocommerce[class*=columns-] ul.products li.product {
    float: left;
    clear: both;
  }
  
  .woocommerce ul.products li.product:nth-child(2n), 
  .woocommerce-page ul.products li.product:nth-child(2n), 
  .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), 
  .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {
    float: right;
    clear: none!important;
  }

  .woocommerce.columns-4 ul.products li.product, .woocommerce-page ul.products li.product {
    width: 40%;
    margin: 0 5% 1.5em;
  }
  
}

@media screen and (max-width: 467px) {
  body {font-size: 14px;}

  .main-gallery .entry-header {
    background-color: transparent;
  }

  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product,
  .woocommerce ul.products li.product:nth-child(2n), 
  .woocommerce-page ul.products li.product:nth-child(2n),
  .woocommerce.columns-4 ul.products li.product, 
  .woocommerce-page ul.products li.product {
      float: none;
      width: 100%;
      margin-right: 0;
  }

  .home-basket-feature h2 {
    font-size: 1.4em;
  }
  .home-basket-feature h4 {
    font-size: 0.8em;
  }
}