/*
HTML, body container and the wraps
*/



@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}



.carousel .carousel-inner .item {
  opacity: 0;



}

.carousel .carousel-inner .active {
  opacity: 1;



}

.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {
  left: 0;
  z-index: 1;
     animation: fadeOut 0.6s linear;
}

.carousel .carousel-inner .next.left,
.carousel .carousel-inner .prev.right {



}

.carousel .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel .carousel-inner > .item.next,
    .carousel .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel .carousel-inner > .item.prev,
    .carousel .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel .carousel-inner > .item.next.left,
    .carousel .carousel-inner > .item.prev.right,
    .carousel .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-indicators li {
    display: inline-block;
    width: 30px;
    height: 3px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(208, 208, 208);
    border: none;
    opacity: 0.5;
}



.carousel-indicators .active {
background-color: #fff;
    border: none;
    width: 30px;
    height: 3px;
    margin: 1px;
    opacity: 0.9;
}

  .gallery-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
  }

@media screen and (max-width:425px) {
  .carousel-indicators li {
    width: 20px;
    height: 2px;
  }

    .carousel-indicators .active {
    width: 20px;
    height: 2px;
  }

  #myCarousel > ol {
    margin-bottom: 12px !important;
}
}

html,body
{
  /*    height: 100%; */
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

html {
  overflow: initial;
}



/* Helper class */
.mt-40 {
  margin-top: 40px;
}

.mt-100 {
  margin-top: 100px;
}

.container
{
  height: 100%;
}

.wrap {
  /* Create a sticky footer by setting a min-height to the rest of the body */
  min-height: calc(100vh - 220px); /* The footer is 260 px */
}


#quantity {
  padding: 5px;
  width: 65px;
  border: 1px solid #cecece;
  text-align: center;
}


.flex-container-nav.visible-xs div {
  padding-left:0;
  padding-right: 0;

}


.buy-page.container {
  padding: 0 30px;
}

@media only screen and (max-width: 425px) {

  .buy-page.container {
    padding: 15px 5px;
  }
}


  .modal-dialog {
    margin: 60px auto;
    width: 85vw !important;
  }



}
.modal-dialog {
  margin: 90px auto;
}
@media only screen and (min-width: 1199px) {

  .modal-dialog img {
    max-width: none;
    max-height: none;
  }
}

.modal-dialog .product-image-container img {
  width: 100%;
  height: auto;
}
.wow {
  visibility: hidden;
}

/* Privy stuff */
#privy-container #privy-inner-container .privy .privy-text-element span, #privy-container #privy-inner-container .privy .privy-html-element span {
  font-family: brandon-grotesque, sans-serif !important;
}



/* Override default Bootstrap styles to allow Theme Settings.
------------------------------------------------------------- */

/* Base Font */
body {
  font-family: proxima-nova, sans-serif;
  color: #683047;
  font-size: 14px;
  overflow-x:hidden;
  overflow-y:scroll;
}

img {
  max-width: 100%;
}

/* Readable body copy */
.body-read {
  font-size: 16px;
}

/* Heading Font */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: brandon-grotesque, sans-serif;
  text-align: center;
  font-weight: 300;
  color: #683047;
}

h6, .h6 {
  margin-bottom: -0.4em;
  font-weight: 400;
  letter-spacing: 1px;
}

/* Body Background */
body {
  background-color: #FFFFFF;
  

}
.subtle-text {
  color: #949494;
}

.carousel-control.left, .carousel-control.right {
  background-image: none
}

.carousel-control.left {
  text-align: left;
}

.carousel-control.left img {
  left: 0px;
}

.carousel-control.right img {
  right: 0px;
}

.carousel-control.right {
}

/* Links */
a {
  color: hsl(335, 32%, 71%);
}

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

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
  color: inherit;
}

a:focus {
  text-decoration: none;
  color: inherit;
}

/* Drop Cap */
.dropcap {
  float: left;
  font-size: 65px;
  line-height: 52px;
  padding-top: 4px;
  padding-right: 2px;
  padding-left: 0px;
  margin-left: -5px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 300;
}

/* Buttons */
.btn-default {
  letter-spacing: 1px;
  font-weight: 500;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.btn-default:hover {
  background-color: #F1F2F4;
  border-color: #f3c600;
}

.btn-default:active {
  background-color: #ffd969;
}

/* Letter Spacing */
.letter-spacing-1 {
  letter-spacing: 1px;
}

.mt-40 {
  margin-top: 40px;
}

/* Horizontal Rules */
hr {
  color: #dbdbdb;

  /* For some unknown reason the padding on the
  left and right is inherited from the bootstrap class.
  Thus, I have to force it to have no padding, or else
  it will fuck up the page.
  */
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 100%;
}


/* Square buttons */
.square-button {
  border-radius: 0;
}

/*****************************************************************************************************/
/*
more info: http://s2.quickmeme.com/img/94/94d74643939cd685a54ae8065ce91cd3f66a8aa727239585983bd879b07b2793.jpg
*/


/*

A bunch of helper classes
(Maybe I should move them into a separate file next time)

*/

/* Full Width helper class*/
.full-width {
  width: 100%;
}

.scaling-div {
  width:100%;
  padding-bottom:50%;
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}



.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/* The carousel arrow controls are too large by default. This pushes
them way in towards the center.
The default width is 20%, changing it to 5% so that
controls stick more close to the edge.
*/
.carousel-control {
  width: 8%;
  opacity: 0.9;
}

.carousel-control:focus, .carousel-control:hover {
  opacity: 1;
}

#myCarousel > ol {
  margin-bottom: 24px;
}

#myCarousel > ol > li, #myCarousel > ol > li.active{
  margin-right: 6px;
  margin-left: 6px;
}

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}


.carousel {
  padding-top: 0;
}
/* Removes padding from bootstrap columns. */

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}


@media only screen and (min-width: 992px) {
  .pull-right-lg-center-md {
    /* pulls right on large but centers on md */
    float: right !important;

  }
}

@media only screen and (max-width: 992px) {
  .pull-right-lg-center-md {
    /* pulls right on large but centers on md */
    margin-left: auto;
    margin-right: auto;


  }
}



/* End of Sam hacks */



/* Experiments
This section contains the current
experiment I'm running - Sam
------------------------------------------------------------- */
.scrolling-nav {
  display: flex;
  justify-content: space-around;
  border-style: solid;
  border-width: 0px;
  border-color: #e2e2e2;
  background: white;
  height: 35px;
  align-items: center;
  -webkit-transform: translate3d(0,0,0);

}


.scrolling-nav-fixed {
  position: fixed !important;
  top: -2px;
  width: 100%;
  z-index: 1001;
}

.scrolling-nav ul {
  display: inherit;
}

#scrollspy-nav {
  background-color: #f9f9f9;

}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:link  {
  background-color: transparent;
}

.nav>li>a:link,  .nav>li>a:active, .nav>li>a:visited {
  color: hsl(335, 32%, 71%);

}

.nav-item a:active {
  background-color: transparent;
}

.nav-item a:hover {
  color: #855269 !important;
}


.visible-xs-sam {

}


/* Homepage Styling
------------------------------------------------------------- */
.homepage-slide {

}


#homepage-center h1 {
  text-transform: uppercase;
  font-size: 24px;
  color: #683047;
  letter-spacing: 2px;
  padding-top: 20px;
  font-weight: 400;
}

#homepage-center h3 {
  font-size: 16px;
  color: rgb(178, 178, 178);
  font-family: 'proxima-nova', sans-serif;
  padding-bottom: 40px;
  line-height: 24px;

}

#homepage-products-showcase {
  border-style: solid;
  border-color: rgb(240, 240, 240);
  border-width: 2px 0 0 0;
  overflow: auto;
  width: 100%;
}

#homepage-products-showcase div {
  padding-top: 30px;
  padding-bottom: 15px;
}

#homepage-products-showcase div:nth-child(2) {
  border-style: solid;
  border-color: rgb(240, 240, 240);
  border-width: 0 2px;
}

#homepage-products-showcase div:nth-child(3) {
  border-style: solid;
  border-color: rgb(240, 240, 240);
  border-width: 0 2px 0 0;
}

#homepage-products-showcase h1 {
  text-transform: uppercase;
  color: rgb(106, 106, 106);
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}

#homepage-products-showcase h4 {
  font-size: 16px;
  font-weight: 400;
  color: hsl(335, 32%, 71%);
  font-family: 'proxima-nova', sans-serif;
}

#homepage-products-showcase h4:hover {
  color: #683047;
}

#homepage-products-showcase img {
  display: block;
  height: 200px;
  width: 200px;
  width: auto;
  margin-left: auto;
  margin-right: auto;

  transition: all 0.4s;
}

#homepage-products-showcase img:hover {
  transform: scale(1.05)
}

/* For md pages */
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #homepage-products-showcase img {
    width: 150px;
    height: 150px;
  }

  #homepage-products-showcase div {
    height: 100%;
    padding-bottom: 0px
  }

  #homepage-products-showcase {
    height: 290px;
    /* To change the padding */
  }
}


@media only screen and (max-width: 767px) {

  #homepage-products-showcase div, #homepage-products-showcase div:nth-child(2) {
    height: 100%;
    border-style: solid;
    border-color: rgb(240, 240, 240);
    border-width: 0 0 2px 0;
  }
}




.trees-planted {
  background-color: rgb(241, 242, 244);
  text-align: center;
  width: 100%;
  height: 120px;
}

.trees-planted-inner-div {
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.trees-planted h1 a {
  color: rgb(150, 160, 140);
  font-size: 30px;
}

#bbpt-link:hover {
  color: #b7bdb0 !important;
}

.trees-planted p {
  color: rgb(150, 160, 140);
  font-size: 14px;
  padding: 5px 30px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'brandon-grotesque', sans-serif;

  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  border-color: rgb(160, 170, 150);
  margin-bottom: -6px;
}

.trees-planted p:hover {
  background-color: rgb(150, 160, 140);
  color: #fff;
}

.trees-planted * {
  padding-right: 20px;
}

.trees-planted img {
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 600px) {
  .trees-planted p {
    padding: 5px 10px;
  }

  .trees-planted h1 a{
    font-size: 20px;
  }

  .trees-planted * {
    padding-right: 2px;
  }

  .trees-planted p {
    font-size: 16px;
  }

}


@media only screen and (max-width: 425px) {
  .trees-planted p {
    font-size: 12px;
  }

  .trees-planted h1 a {
    font-size: 20px;
  }
}

/* Override default Bootstrap icons to use 
------------------------------------------------------------- */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.eot?266295981446825987');
  src: url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.eot?266295981446825987?#iefix') format('embedded-opentype'), url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.woff?266295981446825987') format('woff'), url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.woff2?266295981446825987') format('woff2'), url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.ttf?266295981446825987') format('truetype'), url('//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/glyphicons-halflings-regular.svg?266295981446825987#glyphicons-halflingsregular') format('svg');
}


/* Navbar styling.
------------------------------------------------------------- */
.navbar{
  background-color: #FFFFFF;
  letter-spacing: 0.1em;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  text-transform: uppercase;
  color: #A8A8A8;
  margin: 0;
  min-height: 50px; /* Override bootstrap style*/
  border-bottom: #ececec 1px solid;
}

   .logo-container {
   width: auto;

   }

   .logo-container img {
   height: 85px;
   }

   .middle-nav-container {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   }

   .far-right-menu {
   position: absolute;
   right: 0px;
   width: auto;
    top: 50%;
   transform: translate(-50%, -50%);
   }

.navbar-nav>li>a:hover,  .navbar-nav>li>a:active{
  background-color: #9B7687;
  color: #fff;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #9B7687;
  color: #fff;
}

.nvabar a, .navbar a:hover, .navbar a:active, .navbar a:visited {
  text-decoration:none !important;
}

.navbar-nav>li>a {
  text-transform: uppercase;

  background: #FFFFFF;
  text-align: center;
}

.far-right-menu li {
  overflow: hidden;
}

#vertical-dash {
  color: #e2e2e2;
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 5px;
  margin-right: 5px;
}

.panel-heading, .panel-body {
  text-align: center;
}

.panel-body {
  text-align: left;
}

.panel-heading > a {
  color: #A8A8A8;
}

.navbar-toggle .icon-bar {
  background-color: #A8A8A8 !important;
}

.navbar * a {
  padding: 0 15px;
  color: #A2A2A2;
}

.panel-body > ul {
  list-style: none;
}

.panel-body > ul > li > a {
  color: #A8A8A8;
}

.flex-container {
  display: flex;
  align-items: center;
}


.navbar-left-stuff {
  justify-content: flex-start;
  padding-left: 0;
  flex: 1;
}

.navbar-right-stuff {
  justify-content: flex-end;
  flex: 1;
}

.navbar-right-stuff div, .navbar-left-stuff div {
  padding-right: 10px;
  padding-left: 10px;
}

.navbar-center{
  display: flex;
  flex: 2;

}

.navbar-center img {
  margin: 0 auto;
  max-width: 1000%;
  max-height: 1000%;
}

@media only screen and (max-width: 320px) {
  .navbar-center img {
    width: 80%;
  }
}

.icon-bar {
  background-color: #000;
}
.icon-bar {
  display: block;
  width: 22px;
  height: 1px;
  border-radius: 1px;
}


.navbar-items {
  padding: 0px 5px;
}

.flex-container-nav {
  display: flex;
  align-items: center;
  height: 45px;
}


.far-right-menu a {
  text-decoration: none;
}

.far-right-menu li {
  list-style: none;
}

.far-left-container a {
  text-decoration: none;
  z-index: 1000;
}

.dropdown-menu {
  padding-top: 10px;
  left: -100px;
}

a.dropdown-toggle:active {
  border: none;
}

.dropdown {
  cursor: pointer;

}

.dropdown.open {
  z-index: 10001;
}

.navbar a:hover {
  color: rgb(93, 51, 72);
}

.dropdown-item {
  display: block;
}


@media only screen and (max-width: 850px) {
  .flex-container-nav {
    display: flex !important;
    align-items: center;
    height: 50px;
  }
  .hidden-xs-sam {
    display: none !important;
  }

}

.flexbox-container {
  display: flex;
}

.far-right-menu.flexbox-container {
  justify-content: flex-end;
  align-items: center;
}


.logo-container a{
  display: block;
  margin: 0 auto;
}

/*.icon-bar {
background-color:#FF0000 !important;
}*/
/*.navbar-default .navbar-nav>li>a:hover {
color: #a9a9a9;
}*/
/* Footer styling.
------------------------------------------------------------- */

html, .footer {
  background-color: #683047;
}

.footer {
  font-family: brandon-grotesque, sans-serif;
  text-align: left;
  padding: 40px 0;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .footer {
    text-align: center;
  }

  .footer-container a:active {
    background: #6b4454;
  }
}

div#grey-line {
  background-color: #e7eaef;
}

.footer p {
  margin-bottom: 0;
  color: #FFFFFF;
}

.footer a {
  color: inherit;
}

.footer-social i:hover {
  opacity: 0.7;
}

.footer a:hover {
  color: white;
}
.footer-heading {
  letter-spacing: 0.1em;
  font-weight: 500;
  padding-bottom: 1em;
  color: #B18999;
}
.footer-link {
  color: #FFFFFF;
  font-family: proxima-nova, sans-serif;
  letter-spacing: 0.04em;
  margin: 10px 0;
  padding: 0;
}
.footer-link:hover {
  color: #cd9db1;
}
.footer-link li {
  padding: 0 2px;
}
.footer-link li:first-child {
  padding-left: 0;
}
.footer-form-inline {
  margin-bottom: 20px;
}
.footer-social {
  padding-right: 10px;
  color: white;
}
.footer-social a:visited {
  color: white;
}

#footer-hero {
  font-size: 24px;
  color: #FFF;
}

.footer .footer-first-row {
  color: #DBCCD3;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.footer .footer-second-row {
  color: #A17C8D;
  font-family: proxima-nova;
}

#copyright-blurb {
  font-family: proxima-nova;
  color: #8c6d7c;
}

/* Center align the footer menu on mobile */
@media (max-width: 480px){
  .footer-container{
    text-align: center;
  }

  #stay-updated {
    margin-top: 30px;
    margin-bottom: -10px;
  }
}

/* Set the footer hero menu to white on mobile */
@media (max-width: 998px) {
  .footer .footer-first-row {
    color: #fff;
  }
}

@media (max-width: 480px) {
  .footer .footer-second-row {
    line-height: 23px;
  }
}

@media (min-width: 768px) {
  .sam-pull-right-sm {
    float: right;
  }
}


@media (min-width: 768px) and (max-width: 1200px) {
  .sam-pull-right-sm-not-lg {
    float: right;
  }
}

@media (max-width: 767px) {
  .sam-pull-left {
    float: left;
  }
}


.footer-list {
  padding-top: 20px;
}
.footer-list li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 20px 10px;
  color:#a98c98;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.footer-list li:last-of-type {
  padding-right: 0px;
}

.footer-list a {
  display: block;
}

.footer-list.pull-right a {
  display: inline;
}
.footer-container a {
  text-decoration: none !important;
}


.sam-pull-right-sm-not-lg p {
  letter-spacing: 1px;
}
.mc-form {

}

.mc-form.body-form input {
  border: none;


}

.mc-form.body-form input.email {
  margin-right: -5px;
  height: 38px;
  padding-left: 10px;
  border-color:gray;
  border-style:solid;
  border-width:1px;
}

.mc-form.body-form input.button {
  background-color: rgb(255, 218, 95);
  height: 38px;
  font-family: 'brandon-grotesque';
}


.modal-body #modal-product-title {
  margin-top: 40px;
}


@media only screen and (max-width: 992px)  {
  .modal-body #modal-product-title {
    margin-top: 10px;
  }
}



.cart-modal-display {
  width: 600px;
  margin-bottom: 20px;
  display: flex;

}

.cart-modal-display div {
  cursor: pointer;
}



/* Add rounder border to the modal */
.modal-content .product-image-container {
  border-radius: 10px 0px 0px 10px;
}


@media only screen and (max-width: 1200px)  {

  .modal-content .product-image-container {
    border-radius: 10px 10px 0px 0px;
  }


}


.modal-content {
  border-radius: 10px;
  height: 585px;
  overflow: hidden;
  max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.modal-footer {
  border-top: none;
}


.modal-collection-container .selector-wrapper select {
  width: 100%;
  padding-left: 10px;
  padding-right: 0;

}

.modal-collection-container h2 {
  color: #b7acb1;;
}

.perfect-addition {
  margin-top: 10px !important;
}

.cart-modal-display .add-button {
  /* This is an image */
  width: 20px;
  height: 20px;
  align-self: center;
  cursor: pointer;
  transition: opacity 0.5s;
}

.cart-modal-display .add-button:hover {
  /* This is an image */
  opacity: 0.9;
}

.cart-modal-display .product-image {
  width: 150px;
  cursor: pointer;
  align-self: center;
  transition: opacity 0.5s;
}

.cart-modal-display .product-image:hover {
  opacity: 0.5;
}

.cart-modal-display div {
  align-self: center;
}

.cart-modal-display h2, .modal-collection-container h2 {
  font-size: 18px;
  text-align: left;
}

.modal-collection-container .modal-body, .modal-collection-container .modal-footer {
  padding: 0;
}





#cart-increase-link {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 239px 80px;
  width: 26px;
  height: 26px;
  background-position: -126px 0;
  right: 0;
  display: inline-block;
  margin-bottom: -8px;
  margin-left: 10px;
}

#cart-increase-link img, #cart-decrease-link img {
  height: 70%;
  width: 70%;
  vertical-align: text-bottom;
}

#cart-increase-link img:hover {
  opacity:0.5;
}

#cart-decrease-link img:hover {
  opacity:0.5;
}

#cart-decrease-link {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 239px 80px;
  width: 26px;
  height: 26px;
  background-position: -99px 0;
  left: 0;
  display: inline-block;
  margin-bottom: -8px;
  margin-right: 10px;
}

#cartTableHeader {
  font-weight: 100;
  font-size: 1em;
  text-transform: uppercase;
  color: #777;
}
#cartItem {
  font-weight: 400;
  color: #683047;
}

.cart-page-header h1{
  text-align: left;
}

.cart-page-header h2 {
  display: inline-block;
  font-size: 18px;
}

.cart-page-header .continue-shopping {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 12px;

}

.empty-cart {
  text-align: center;
}

.empty-cart img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
  max-width: 250px;
}

.empty-cart button {
  text-transform: uppercase;
  min-width: 240px;
  margin-bottom: 70px;
}


.cart {
  margin-bottom: 55px;
}

.cart-table {
  border-bottom: #ddd;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.cart-page-header h2 span {
  color: green;
}

.cart-page-header p {
  display: inline-block;
  text-transform: uppercase;
}


.cart-table td {
  vertical-align: middle !important;
  height: 130px;
}

#cartTableHeader {
  padding-top: 15px;
  padding-bottom: 15px;
}

#cartTableHeader th {
  font-size: 1em;
}


.checkout-buttons {
  margin-top: 20px;
}

#update-cart {
  display: block;
  margin-right: 0;
  margin-left: auto;
  border: none;
  background: transparent;
  text-decoration: underline;
  text-transform: uppercase;
  color: hsl(335, 32%, 71%);
  letter-spacing: 1px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
}

#update-cart:hover {
  color: #855269;
}


td.lead.text-right p{
  color: gray;
}

td.lead.text-right strong {
  font-size: 24px;
  color: #683047;
}

.checkout-button p.free-shipping-text {
  text-transform: none;
  letter-spacing: 0px;
  font-family: brandon-grotesque;
  font-size: 16px;
}

p.free-shipping-text span {
  color: green;
}

h2.free-shipping-text.pull-left {
  text-align: left;
  line-height: 25px;
}

#cancel-purchase-link {
}
#cancel-purchase {
  visibility: visible;
  width: auto;
  vertical-align: baseline;
}

.cart-table tr:hover #cancel-purchase{
  visibility: visible;
}

.cart-table tr:hover {
  background-color: transparent !important;
}

#cart-item-link {
  color: rgb(93, 51, 72);
}

/*
These are size classes for tables
*/
.cart-table {
  max-width: 1900px;
}

.sixty-pt {
  width: 50% !important;
}

.twenty-pt {
  min-width: 75px;
}

.twelve-pt {
  width: 0% !important;
}

.twelve-pt input {
  text-align: center;
}

.checkout-button button{
  text-transform: uppercase;
}

.checkout-btn {
  text-transform: uppercase;
}

.sold-out {
  background: rgb(212, 50, 70) !important;
  color: #fff !important;
}

.checkout-button p {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-color: #ccc !important;
  color: #949494;
}

.checkout-button strong {
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 25px;
  color: #905c78;
  margin-left: 20px;
}
.cart h1 {
  font-weight: 400;
}

.cart h2 {
  margin-top: 5px;
  font-weight: 400;
}

.cart h2.pull-right a {
  font-size: 14px;
  letter-spacing: 1px;
}

.sixty-pt {
  font-size: 24px;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 300;
  line-height: 21px !important;
}

.sixty-pt small {
  font-size: 12px;
  color: gray;
  font-family: 'proxima-nova';
  line-height: 10px;

}

td.lead.text-right {
  letter-spacing: 0;
}

.table>thead>tr>th {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd;
}

.cart-item-image-holder img{
  height: auto;
  width: auto;
  padding-left: 0px;
  float: left;
}

header .pull-right h2 {
  letter-spacing: 1px;
}
header .pull-right {
  padding-right: 0px;
  margin-top: -18px;
  width: 50%;
  text-align: right;
}

/* on md and lg */
@media only screen and (min-width: 992px) {
  #product-title-cart {
    margin-top: 6%;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px){
  #product-title-cart {
    margin-top: 4%;
  }
}

/* on sm and xs*/
@media only screen and (max-width: 767px) and (min-width: 480px){
  #product-title-cart {
    margin-top:auto;
  }
}




/* Blog styling.
------------------------------------------------------------- */

#blogHeader {
  background-color: #f9f9f9;
  padding: 20px 0;
}

#blogName {
  font-weight: 400;
  margin: 10px 0;
}

#blogTitle {
  text-decoration: none;
  color: #683047;
  font-size: 1.2em;
}
#blogExcerpt {
  font-size: 1.2em;
}
#blogBreadcrumb {
  background-color: white;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  color: #683047;
  background-color: #eee;
  border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
  color: #683047;
}


/* Projects stylig.
------------------------------------------------------------- */
.project-header {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 2.2em;
}

.project-title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
}

.project-title-small {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
}

.project-dot {
  margin-top: -20px;
  margin-bottom: -20px;
}

.project-description {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.project-link {
  text-transform: uppercase;
  color: #ffcf40;
  letter-spacing: 1px;
}

.layout-column-half-right p {
  margin-top: 20px;
}

.layout-column-half-right {

}

#mc-embedded-subscribe {

}

#projects-bottom-div {
  padding: 0 40px;
}

@media screen and (max-width: 480px) {
  #projects-bottom-div {
    padding: 0;
  }
}


/* Help page styling.
------------------------------------------------------------- */
#helpHeader {
  background-color: #683047;
  padding: 2px 0px 38px 0px;
  margin-top: -15px;
  color: #fff;
}

#helpSecondaryHeader {
  background-color: #ECECEC;
  padding: 0.5em 0em 0.3em 0em;
  font-size: 1.2em;
}

#helpName {
  padding-top: 0.6em;
  color: #fff !important;
  font-weight: 400;
  font-size: 3.8em;
}

#faq-h2 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.hr-help {
  margin-top: 45px;
  margin-bottom: 12px;
  color: #dbdbdb;
}

.help-category-title {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: -30px;
  padding-top: 30px;
}

.panel {
  border: 0;
}

.panel, .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-default>.panel-heading{
  background-color: #fff;
  border-color: #fff;
  webkit-box-shadow: inset 0 0 0 rgba(255,255,255,.1),0 0 0 rgba(255,255,255,.1);
  box-shadow: inset 0 0 0 rgba(255,255,255,.1),0 0 0 rgba(255,255,255,.1);
}

.panel-title {
  font-size: 1.5em;
  font-weight: 400;
}

.panel-title a {
  text-decoration: none !important;
}

.panel-body {
  padding: 0px 15px 15px 15px;
}

/* Button styling.
------------------------------------------------------------- */
.btn-warning, .btn-default {
  background: #ffd969;
  color: #683047;
  border-width: 0px;
  font-weight: 500;
  font-family: 'brandon-grotesque';
  padding: 10px 30px;


}

.btn-warning:hover, .btn-warning:active, .btn-default:hover, .btn-default:active, .btn-default:focus:active, .btn-warning:focus:active, .btn-warning, .btn-default:hover, .btn-default:focus, .btn-defualt:active, .btn-defualt.active, .open > .dropdown-toggle.btn-default {
  background: #ffd000;
  color: #683047;
  border-color: white !important;
}


/* Meet the Team page styling.
------------------------------------------------------------- */
.team-photos {
  line-height:0.5em;
}
#philosophyList {
  padding-left:2em;
}



/* BBPT page styling.
------------------------------------------------------------- */
#bbpt-header {
  background-image: url(bbpt_banner_01.jpg);
  background-size: cover;
  margin-top:-15px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-top: 15%;
  padding-bottom: 15%;
}

#treeCount {
  font-size:5em;
  font-family: 'brandon-grotesque', sans-serif;
  color: rgb(93, 109, 77);
}

#treeCountDiv {
  background-image: url(http://cdn.shopify.com/s/files/1/0543/1257/t/7/assets/bbpt-treeline.png);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding-bottom: 16%;
}

.bbpt-center img {
  border-radius: 10px;
}

.bbpt-container .btn-default {
  border-radius: 2px;
  height: 40px;
}

.bbpt-container hr {
  margin-top: 50px;
  margin-bottom: 50px;
}

.bbpt-center h3 {
  padding-top: 0;
  margin-top: 0;
}

.bbpt input#mce-EMAIL.required.email{
  width: 65%;
  height: 40px;
  padding-left: 10px;
}

@media only screen and (max-width: 600px) {
  #bbpt-header h1 {
    font-size: 30px !important;
  }

  #bbpt-header h3 {
    font-size: 18px !important;
  }
}

.signup-form-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/* Projects page styling
------------------------------------------------------------- */
.projectsDiv p, .projectsDiv h2, .projectsDiv h3, .projectsDiv h4{
  color: white;
  text-align: center;

}

.projectsDiv {
  margin-top: 4px;
  padding-top: 100px;
  padding-bottom: 100px;

}


.projectsDiv p {
  margin-bottom 0 !important;

}

/* Poster-project page styling
------------------------------------------------------------- */
.poster-project-title {
  margin-top: 10px;
  margin-bottom: 35px;
  font-family: brandon-grotesque;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  font-size: 64px;
  color: #ffffff;
  text-transform: uppercase;

}

.poster-project-subtitle {
  color: #fff;
  line-height: 28px;
}

/* Idea Series styling
------------------------------------------------------------- */
.ideaHeader {
  font-family: georgia, serif;
  font-style: italic;
  text-align: left;
}

.ideaLeftText {
  text-align: left;
}

.ideaName {
  font-style: italic;
}


/* Product Pages: group styling
------------------------------------------------------------- */
.product-header {
  font-weight: 300;
  line-height: 1.2em;
  font-size: 36px;
}

.product-header-mobile {
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 1em;
  font-size: 24px;
}

@media (min-width: 1200px) {
  .product-banner {
    background-position: 50% 65%;
  }
}

.product-fixed-button {
  position: fixed;
  top: 100px;
  right: 50px;
  z-index: 100;
  border-color: white;
  border-style: solid;
  border-width: 2px;
}

@media (max-width: 767px) {
.product-fixed-button {
  right: 10px;
  top: 65px;
}
  }

/* Sam Hack: Button kickstarter*/

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%;
  z-index: 1000;

}

.sticky {
  width: 100%;
  border-color: white;
  border-style: solid;
  border-width: 2px;
}

.prod-image-wrap h4{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

.product-app-button {
  letter-spacing: 0px;
}
.product-text {
  font-family: "proxima-nova";
  font-size: 16px;
  line-height: 1.6em;
}

.product-mobile-button {
  position:fixed;
  bottom:0px;
  display:block;
  width: 100%;
  z-index: 1000;
  height: 50px;
  left: 0;
}

.product-mobile-button. {
  position:fixed;
  bottom:0;
  display:block;
  width: 100%;
  z-index: 1000;
  height: 50px;
  left: 0;
}

.product-features-hr-top {
  margin-bottom: 20px;
}


.product-features-text div {
  overflow: hidden;
}


.product-features-hr-bottom {
  margin-top: 20px;
}

.product-wrapup {
  padding-bottom: 70px;
}

.product-wrapup h1{
  margin-bottom: 25px;
}




#our-mission {
  font-style: italic;
}

#product-title {
  margin-top: 70px;
  font-size: 40px
  font-weight: 300;
}


@media only screen and (max-width: 992px)  {
  #product-title {
    margin-top: 0;
  }
}

.explorer-text {
  color:#006e64 !important;
}

.get-yours-now-text{
  font-style: italic;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.2em;
}

.buy-button {
  position: relative;
  top: 70px;
  right: -35%;

}

/* Archer Pencil */
.top.product-mission {
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
}

.sub.product-mission {
    font-size: 26px;
    margin-bottom: 40px;
}

.archer .mission-container {
  margin-top: 40px;
  margin-bottom: 40px;
}


/******************/

.tableGrid {
  display: table;
}

.tableRow {
  display: table-row;
}

.tableItem {
  display: table-cell;
}

.product-caption {
  /* This goes underneath the 3 picture set */
  letter-spacing: 1px;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  margin-top: 20px;
}

.product-features {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 26px;
}


.product-mission {
  font-size: 20px;
  font-weight:300;
}

.product-features-container * img {
  width: 70%;
}

.product-features-container * div {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.product-features-text * h3 {
  font-size: 18px;
}
.product-features-text * p {
  color: #A2A2A2;
  padding: 0 15px 0 15px;

}

.squire-features-text * p, .squire-features-text * h3 {
  color: #FFF;
}

.squire-features-container * div {
  overflow: hidden;
}

.squire-features {
  color: #FFF;
}

.squire-caption-div * p {
  color:#fff;
}


.product-image {
  border-radius: 8px;
}

h1.product-features {
  margin:0;
}


.spark-phone-story * h1 {
  text-align: left;
}

.spark-phone-story  h1.hero {
  font-size: 37px;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 300;
  color: rgb(51, 51, 51);
  margin-bottom: 0px;
}

.spark-phone-story  p.hero {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.spark-phone-story  h1 {
  font-weight: 300;
  font-size: 24px;
}

.spark-phone-story  p {
  letter-spacing: 0px;
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
}

.spark-phone-story * h1 {
  text-align: left;
}

.manifesto-story  h1.hero {
  text-align: left;
  font-size: 42px;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 300;
}

.manifesto-story  p.hero {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}


.manifesto-story  p.mission {
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1.3em;
  font-size: 17px;
  padding-top: 20px;
}

.manifesto-story  p.mission-statement {
  text-align: left;
  font-style: italic;
  line-height: 1.5em;
  font-size: 17px;
}
.spark-caption-container p.product-caption {
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 300;
  font-weight: normal;
}

.spark-caption-container p {
  text-align: center;

}

.spark-mission h3 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'brandon-grotesque';
  margin-top: 90px;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 16px;
  color: rgb(51, 51, 51);

}

.spark-mission h1 {
  font-family: 'brandon-grotesque';
  font-size: 28px;
  color: rgb(51, 51, 51);
  font-weight: 300;
  margin-bottom: 40px;
}

.product-quantity-container {
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

/* Extra Styling for the subscription One Time etc... */
/*a#see-details.subscription-tooltip {
  display: none;
}*/


#auto_deliver_label {
    text-align: left;
    color: #683047 !important;
    font-size: 13px !important;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 0px;
  }

  span.subscription-font-color {
    text-align: left;
    color: #683047 !important;
    font-size: 13px !important;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
  }

  #discount_percentage {
    display: none;
  }

  .recharge-subscription .radio_option {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .recharge-subscription section {
    padding-left: 5px;
  }

  #recharge-one-time-price {
    display: none;
  }

  #buy-now-and-get-it {
    font-family: 'proxima-nova';
    font-size: 13px;
    color: #909090;
    line-height: 20px;
    margin: 0 0 10px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
  }

  span.deliver-every.subscription-font-color {
    letter-spacing: 1px;
    font-size: 13px !important;
    color: #969696 !important;
    text-transform: uppercase;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }

  span.deliver-every.subscription-font-color select {
    width: 70%;
    padding-left: 10px;
    padding-right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid;
    border-color: silver;
    background: transparent url(br_down.png) no-repeat;
    background-position: 95% 70%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #d4d4d4;
    padding: 5px 10px;
    text-align: left;
    color: rgb(104, 48, 71);
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
  }

  #deliver-every-text {
    width: 27%;
    display: inline-block;
  }


  .offer_newline label {
    width: 100%;
  }

  .devliver-every option {
    color: rgb(104, 48, 71)
    font-family: proxima-nova, sans-serif
    font-size: 14px;
  }

  .quantity-selector-hr {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .bottom-hr {
    margin-top: 15px;
  }


/* Buy page
------------------------------------------------------------- */
.selector-wrapper label, #buy-page-label {
  width: 30%;
  letter-spacing: 1px;
  font-size: 13px !important;
  color: #969696;
  text-transform: uppercase;
}


.label-for-quantity {
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 1px;
  font-size: 13px;
  color: #969696;
}

#product-add {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  display: inline-block;
  width: 180px;
  padding-left: 0;
  padding-right: 0;
}

.product-add-button.btn-disabled {
  background: #ffd000;
  color: #683047;
  border-color: white !important;
}


.free-shipping-info p:nth-child(1) {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #afafaf;
  margin-top: 10px;
  margin-bottom: 10px;
}

h2.section-header__title {
  font-size: 26px;
  letter-spacing: 1px;
  margin-bottom: 20px;

}

h3.more-products {
  font-size: 16px;
  color: #bbb;
  font-family: 'proxima-nova', sans-serif;
}


#product-price {
  font-size: 20px;
}


.single-option-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid;
  border-color: silver;
  background: transparent url(br_down.png) no-repeat;
  background-position: 95% 70%;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #d4d4d4;
  padding: 5px 100px;
  text-align: left;
}

.buy-page-banner {
  overflow: auto;
  width: 100%;

}

.product-image-container {
  overflow: hidden;
  background-repeat: no-repeat;
  background-color: #F1F2F4;
  background-position: 50% 50%;
  background-size: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-image-container img {
  height: 100%;
}
#buy-product-description {
  font-family: proxima-nova;
  font-family: proxima-nova;
  font-size: 13px;
  color: #909090;
  line-height: 20px;
  padding: 0 30px 0 40px;
  margin: 0 0 10px;
  height: 100%;
}


/*@media only screen and (min-width: 992px) {
  .product-image-container {

  }
}*/

  .modal-body .product-image-container {
    height: 600px;
  }

}

@media only screen and (min-width: 1200px) {
  .modal-body .product-image-container {
    height: 600px;
    overflow: hidden;
  }

}

.modal-body {
  overflow: hidden;
}



#buy-product-feature {
  font-size: 12px;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  color: #828282;
  margin: 0 0 10px;
}

#buy-page-label, .form-group label {
  font-weight: 200;
  font-size: 14px;
}

.product-stuff hr{
  border-top: 1px solid #dadada;
}

.container.buy-page {
  background-color: #F2F2F2;
  width: 100%;
}


@media only screen and (max-width: 767px) {
  .product-stuff {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .container.buy-page {
    background-color: white;
    padding: 0 0 20px 0;
  }

  .free-shipping-info.text-center {
    background-color: #F2F2F2;
  }

}

#product-add {
}

#bbpt-header  h3{
  color: white;
}

#bbpt-header h1 {
  font-size: 55px;
  color: white;
}

.selector-wrapper {
  margin: 10px 0;
}

.selector-wrapper label {
  width: 30%;

}

.selector-wrapper select {
  width: 70%;
  padding-left: 10px;
  padding-right: 0;
}

.free-shipping-info p{
  display: inline-block;
}

.free-shipping-info p:nth-child(2) {
  color: green;
}

#add-to-cart-modal, #add-to-cart-modal-limited {
  position: fixed;
  width: 400px;
  top: 85px;
  padding-bottom: 20px;
  left: 95%;
  transform: translateX(-90%);
  z-index: 1000;
  background-color: white;
  text-align: left;
  border: 1px solid #dedede;
  border-radius: 5px;
}

/*
Write a media query that
shrinks the size of the modal
on mobile phones to 300 px wide

*/


@media screen and (max-width: 480px) {
  #add-to-cart-modal, #add-to-cart-modal-limited {
    width: 300px;
    transform: none;
    left: 10px;
  }

  #close-modal {
    height: 10px !important;
    position: relative !important;
    right: 10px !important;
  }
}

#add-to-cart-modal h1.added, #add-to-cart-modal-limited h1.added {
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
  font-style: bold;
  letter-spacing: 1px;
  padding-left: 30px;
  font-weight: 400;
}
#add-to-cart-modal h1, #add-to-cart-modal-limited h1.added {
  font-size: 22px;
  text-align: left;
  padding-left: 20px;
}

#add-to-cart-modal h2.free-shipping-more {
  text-align: center;
  font-size: 18px;
  font-family: brandon-grotesque;
  color: #946a7b;
  padding-left: 20px;
}

#modal-product-name {
  font-family: proxima-nova;
  margin-top: 0px;
  color: #946a7b !important;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
}

#current-price {
  margin-bottom: 20px;
  font-family: brandon-grotesque;
  font-size: 16px;
  color: #8a727c;
  text-align: left;
  padding-left: 20px;
}

#add-to-cart-modal h2 {
  color: gray;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
}

#add-to-cart-modal p {
  color: gray;
  text-align: left;
  padding-left: 20px;
}

#add-to-cart-modal img {
  width: auto;
  max-width: initial;
  height: 100px;
}

div#add-to-cart-modal hr:nth-child(1) {
  margin-bottom: 0 !important;
}

#close-modal {
  height: 10px !important;
  position: fixed;
  right: 6%;
  top: 7%;
}

#add-to-cart-modal div {
  padding: 0;
}

#add-to-cart-modal button {
  text-transform: uppercase;
}

#add-to-cart-modal span {
  color: green;
}

aside.grid {
  margin: 40px;
  padding-bottom: 40px;
  text-align: center;
}

aside h2 {
  text-transform: uppercase;

}


div.grid-uniform {
  list-style: none;
}


#small-top-hr {
  margin-top: 16px;
}

.product-image-container #featured-image {
  margin-top: 60px;
  margin-bottom: 40px;
  width: 650px;
}

.cart.container {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 480px) {
  .cart.container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Confidant page
------------------------------------------------------------- */

#confidant-title {
  font-size: 74px;
  font-weight: 350;
  position: absolute;
  top: 30%;  /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */

  transform: translate(-50%, -50%);
}

.confidant-banner {
  background-color:#F1F2F4;
  background-image:url('//cdn.shopify.com/s/files/1/0543/1257/t/7/assets/confidant-banner.png?2785631624603074890');
  background-position: center;
  height: 600px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

#explorer-banner {
  background-color:#F1F2F4;
  background-image:url(explorer_banner.jpg);
  background-position: center;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
  .confidant-banner {
    background-size: auto 70%;
  }

  .product-features-text * h3 {
    padding-bottom: 28px;
  }
}


#confidant-subtitle {
  position: absolute;
  position: absolute;
  top: 43%;  /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */

  transform: translate(-50%, -50%);
}

.sm-confidant-subtitle {
  font-size: 22px;
}

/* Guardian page
------------------------------------------------------------- */
#guardian-banner {
  background-color: #F1F2F4;
  background-image: url(guardian_banner_yellowgold.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  position: relative;
  min-height: 400px;
}

#vanguard-banner {
  background-color: #F1F2F4;
  background-image: url(vanguard_banner_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  position: relative;
  min-height: 400px;
}






#squire-banner {
  background-color: #F1F2F4;
  background-image: url(squire-banner-01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  position: relative;
  min-height: 350px;
  max-height: 600px;
  background-position: center;
}


#mosaic-banner {
  background-color: #fff;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  width: 100%;
}

#mosaic-banner * img {
  min-height: 530px;
}


@media only screen and (max-width: 770px) {
  #guardian-banner {
    background: url(guardian_banner_yellowgold.jpg) center;
    background-size: auto 400px;
  }

  #vanguard-banner {
    background: url(vanguard_banner_01.jpg);
    background-size: auto 400px;
  }
}

@media only screen and (max-width: 700px) {
  #vanguard-banner {
    background-image: url(home_slideshow-mobile_vanguard_01-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 740px;
  }

}


.guardian-header {
  color: #506B97;

}

.guardian-text {
  color: #32435D;
}

.guardian-caption {
  color: #32435D
}

#guardian-title {
  color: #fff;
  font-size: 74px;
  font-weight: 100;
  font-family: brandon-grotesque;
}

#guardian-subtitle {
  color: #fff;
  font-size: 18px;
  margin-top: 60px;
  font-family: brandon-grotesque;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 17px;
  font-weight: 100;
}

.squire-header {
  color: #fff;
}

.squire-carousel {
  padding-bottom: 0;
}

.squire-text {
  color: #ddd !important;
}

.squire-features-container * img {
  width: 100%;

}

.squire-features-container * div {
  padding: 0 !important;
}


/* Limited Editions
------------------------------------------------------------- */


.juggler-banner {
  background-image:url(juggler-banner-v1.jpg);
  background-size: cover;
}


.workplay-banner {
  background-image:url(workplay-banner-01.jpg);
  background-size: cover;


}

.maker-banner {
  background-image:url(mkr-c-banner-v1.jpg);
  background-size: cover;

}


.planner-banner {
  background-image:url(planner16_banner_02.jpg);
  background-size: cover;

}

.planner-banner-2017 {
  background-image:url(planner_2017_page_header_720.jpg);
  background-size: cover;
  min-height: 200px;
  height: initial;
}

.timetravel-banner {
  background-image:url(timetravel-banner-v3.jpg);
  background-size: cover;
}

.rpg-banner {
  background-image:url(rpg-banner-v2.jpg);
  background-size: cover;
}


.seer-banner {
  background-image:url(seer_final-banner_01.jpg);
  background-size: cover;
}

.maker-apprentice-banner {
  background-image:url(mkr-a-banner-v1.jpg);
  background-size:cover;

}


.lightbulb-banner {
  background-image:url(lightbulb-banner-v1.jpg);
  background-size:cover;
}


@media only screen and (max-width: 767px) {
  .juggler-banner, .workplay-banner, .maker-banner, .planner-banner {
    height: 300px;
  }
}

/* Pressroom styling
------------------------------------------------------------- */
.pressRoomBanner {
  background-color: #f9f9f9;
  height: 150px;
  margin-top: -20px;
}

.pressRoomBanner > h1 {
  top: 50px;
  position: relative;
}

.pressBox {
  padding: 0px;
  margin: 0;

}

.pressBox > p {
  text-align: center;
}

.pressBox > h2 {
  font-weight: normal;
}

.pressBox * a, .pressCol * a {
  color: #aaa;
}

#featured {
  font-size: 1.2em;
}

.pressCompany {
  text-align: left;
  font-size: 1.4em;
  font-weight: normal;
}

.pressArticle {
  text-align: left;
  font-size: 1.4em;
}

.pressroom-left  {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #dbdbdb;
}


@media only screen and (max-width: 770px) {
  .pressroom-left  {
    border-style: none;
  }
}

#pressLatestHeading {
  font-weight: 600;
}

.social-icons-pressroom {
  letter-spacing: 4px;
}

.pressCol p:nth-child(1) {
  font-size: 16px;
}


.pressCol p:nth-child(2) {
  font-size: 14px;
}


.pressCol h2 {
  font-size: 30px;
  font-weight: 300;
}

/* Book Board Styling
------------------------------------------------------------- */
.book-board-header {
  text-align: center;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 100;
  font-size: 22px;
}

.book-board-subheader {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.6em;
}

.photo-overlay h3{
  color: white;
}

.lightbox-overlay {
  background: rgba(0,0,0,0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.lightbox-overlay img {
  position: absolute;
  top: 30%;
  left: 40%;
  max-width: 500px;
  max-height: 400px;
}

.image-gallery-sam div, .image-gallery-spotted-sam div {
  padding: 10px;
  width: 360px;
  height: 124px;
}



.image-gallery-sam-poster p {
  margin-bottom: 20px;
  text-align: center;

}

.image-gallery-sam-poster img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.posterGallery {
  padding: 10px;
}
/* If the screen is smaller than 1200 */
@media only screen and (min-width : 990px) {
  .posterGallery{
    padding: 10px ;
    width: 312px;
    height: 312px;
  }

  .image-gallery-sam-poster div {
    width: 323px;
    height: 445px;
  }
}

@media only screen and (min-width : 1200px) {
  .posterGallery{
    padding: 10px;
    width: 380px;
    height: 380px;
  }

  .planner .posterGallery  {
    height: 320px;
  }

  .image-gallery-sam-poster div {
    width: 390px;
    height: 530px;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;

  }

}

/* If the screen is smaller than 1200 but bigger than 990 */
@media only screen and (min-width : 992px) {
  .idea-series-thumbnails div{
    padding: 10px ;
    width: 323px;
    height: 100%;
  }
}

.idea-series-thumbnails img {
  width: 100%;
  height: 100%
  padding: 0;
}
@media only screen and (min-width : 1200px) {
  .idea-series-thumbnails div{
    padding: 10px;
    width: 390px;
    height: 100%;
  }
}



@media only screen and (min-width : 990px) {
  .image-gallery-spotted-sam div {
    padding: 10px;
    width: 389px;
    height: 100%;
  }
}


/* Idea series Hackery --- Sam */
/* Remove padding on odd items on left and even items on right for idea series
Only for md screens
*/
@media only screen and (min-width: 992px) {
  .textVal {
    width: 390px !important;
  }
  /* every 4th element */
  .testVal:nth-child(3n + 1) {
    padding-left: 0;
  }

  .testVal:nth-child(2), .testVal:nth-child(5) {
    padding: 10px 5px;
  }
  /* every 3rd element */
  .testVal:nth-child(3n) {
    padding-right: 0;
  }
}


@media only screen and (max-width : 990px) and (min-width: 768px) {
  .testVal:nth-child(odd) {
    padding-left: 0;
  }

  .testVal:nth-child(even) {
    padding-right: 0;
  }
}

/* Add padding back for small sizes
*/

@media only screen and (max-width: 767px) {
  .text-left.sixty-pt {
    padding-left: 0px;
  }

  .cart-variant-div {
    padding-left: 0px;
  }
}

/*
Remove padding for

@media only screen and (max-width: 767px) {
.testVal {
padding: 10px;
}
}



/*
.image-gallery-sam-spotted div {
padding: 10px !important;
width: 360px;
height: 360px;
overflow: visible;
}
*/
/*.posterGallery {
padding: 10px !important;
width: 360px;
height: 360px;
overflow: visible;
}*/


.image-gallery-sam img, .image-gallery-bookboard-sam img {
  width: 100% ;
  height: auto;
  display: block;
}

@media only screen and (max-width : 768px) {
  .image-gallery-bookboard-sam img {
    display: block;
    width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;

  }
}

@media only screen and (max-width : 1200px) {
  .image-gallery-bookboard-sam div {
    padding-bottom: 10px ;
    height: 225px !important;
  }
}


.image-gallery-sam-idea div {
  padding: 10px 10px;
  width: 390px;
  height: 360px;
}


.image-gallery-bookboard-sam div {
  padding-bottom: 30px;
}
.image-gallery-sam-idea img {
  width: 100% ;
}

.photo-overlay {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-left: 0px;
  padding-right: 0px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(131,98,118, .85);
}

.photo-overlay {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s;
}

.photo-overlay:hover {
  opacity: 1;
}


/* Spotted Page Styling
------------------------------------------------------------- */
#spotted-title {
  font-family: "brandon-grotesque", sans-serif;
  color: #855269;
  font-size: 50px;
  font-weight: 400;
}

#spotted-subtitle {
  font-family: 'brandon-grotesque', sans-serif;
  color: #855269;
  font-size: 23px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 28px;
}


/* Shop page
------------------------------------------------------------- */
.shop-subtitle {

  color: #A2A2A2;
  font-size: 21px;
}

.shop-caption {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  color: rgb(113, 113, 113);
  margin-bottom: 5px;
}

.past-editions {
  color: #A2A2A2;
  text-transform: uppercase;
  font-size: 14px;
}

#shop-bottom {
  text-align: center;
  padding-bottom: 0;
}

#shop-bottom h1 {
  color: rgb(143, 109, 125);
  margin-bottom: 2px;
  font-size: 30px;
}

#shop-bottom h3 {
  color: rgb(150, 150, 150);
  margin-top: 15px;
  font-size: 16px;
}

/*#shop-bottom h4 {
display: inline-block;
padding: 10px 20px;
background-color:#ffd969;
border-style: none; border-radius: 5px;
text-transform: uppercase;
font-weight: 600;
color: #000;
margin-top: 30px;
font-size: 16px;

}*/

#bright-bottom-button {
  display: inline-block;
  padding: 12px 34px;
  background-color:#ffd969;
  border-style: none; border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  margin-top: 30px;
  font-size: 16px;
}


@media screen and (max-width: 767px) {
  #bright-bottom-button {
    margin-top: 0;
  }

  #dark-bottom-button {
    margin-top: 9px;
  }
}

@media screen and (min-width: 768px) {
  .archer-shop {
    margin-top: 50px;
  }
}

#bright-bottom-button:hover {
  background-color: #fdd45c;
}

#dark-bottom-button {
  display: inline-block;
  background-color: transparent;
  color: rgb(142, 142, 142);
  padding: 10px 20px;
  border-style: solid;
  border-radius: 5px;
  border-width: 1px;
  border-color: rgb(194, 194, 194);
  text-transform: uppercase;
  margin-top: 30px;
}

#dark-bottom-button:hover{
  background-color: #eaeaea;
}


#shop-bottom-right h4 {
  background-color: transparent;
  color: rgb(142, 142, 142);
  border-style: solid;
  border-radius: 5px;
  border-width: 1px;
  border-color: rgb(194, 194, 194);
}



.border-right-visible {
  border-style: solid;
  border-width: 0 1px 0 0 ;
  border-color: rgb(225, 225, 225);
}

.vr-div {
  width: 0px;
  height: 17vh;
  margin-top: 0px;
  margin-bottom: 0px;
  border-style: solid;
  overflow: auto;
  border-width: 1px;
  float: left;
  border-color: rgb(230, 230, 230);
}

.shop-page div {
  text-align: center;
}
.shop-page hr {
  width: 85%;
  margin-top: 85px;
}

.shop-page h1 {
  font-size: 52px;
  font-family: 'brandon-grotesque', sans-serif;
}

.shop-page h3 {
  font-family: 'proxima-nova', sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.shop-page h2 {
  color: #8a4d67;
}

.shop-page p {
  font-family: 'proxima-nova', sans-serif;
}

.shop-page p .solo {
  margin-left: -15px;
}
.read-more {
  display: inline-block;
  font-size: 16px;
  color: hsl(335, 32%, 71%);
  text-align: center;
}

.buy {
  display: inline-block;
  font-size: 16px;
  color: hsl(335, 32%, 71%);
  text-align: center;
  padding-left: 15px;

}

.app-container img {
  width: 85%;

}


#shop-bottom h3 {
  font-family: 'proxima-nova', sans-serif ;
}

#shop-bottom a {
  color: #683047;

  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 30px;
}


@media only screen and (max-width: 400px) {
  #shop-bottom a{
    padding: 0;
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-page div {
    padding-bottom: 50px;
  }

  .shop-page hr {
    margin-top: -20px;
  }
}


.shop-page img {
  display:block;
  overflow: hidden;
  transition: all 0.4s;
  background-color: transparent;
  padding-bottom: 10px
}
.shop-page img:hover {
  transform: scale(1.05)
}

.shop-caption {

}

.shop-subcaption {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  color: #c7c7c7;
}


.affix {
  position: absolute;
  top: 0;
  width:100%;
}


/* About page
------------------------------------------------------------- */
.about-page div {
  padding-left: 40px;
  padding-right: 40px;

}

@media only screen and (max-width: 480px) {
  .about-page div {
    padding-left: 10px;
    padding-right: 10px;
  }
}


.about-page img {
  width: auto;
}

.about-page .image-container {
  overflow: auto;
}

.about-page hr {
  width: 86%;
}


@media only screen and (max-width: 480px) {
  .about-page hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.about-page p {
  color: rgb(148, 148, 148);
  font-size: 16px;
}

.about-page h4 {
  text-transform: uppercase;
  font-family: 'brandon-grotesque', sans-serif;
  text-align: center;
  font-weight: 300;
  color: #683047;
  font-size: 18px;
  letter-spacing: 1px;
}

#founder-img {
  width: 100%;
}

.full-width {
  width: 100%;
}

.about-banner {
  text-align: center;
}
.about-banner img {
  width: 100%;
}

.about-banner h2 {
  top: 200px;
  left:0; right:0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;

}

.about-banner h1 {
  top: 250px;
  left:0; right:0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;

}



#about-background {
  display: table;
  background-color: #F1F2F4;
  background-image: url(our-story_banner_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-height: 400px;
  max-height: 500px;
  width:100%;
  padding-bottom:40%;
  align-items: center;
  justify-content: center;
}

.our-method, .the-beginning, .the-name, .first-product, .onward {
  overflow: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.the-team {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}

.our-method h2, .the-beginning h2, .the-name h2, .first-product h2, .the-team h2, .onward h2 {
  color: rgb(148, 148, 148);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#short-hr {
  width: 6%;
  margin-top: 20px;
  margin-bottom: 0px;

}

.our-method h1, .the-beginning h1, .the-name h1, .first-product h1, .the-team h1, .onward h1 {
  font-size: 30px;
  padding-bottom: 40px;
}

.our-method img, .the-name img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 130px;
}

.the-name .image-container p {
  text-align: center;
}
.the-beginning img {
  width: 100%;
}


.method-thumbnails-container {
  text-align: center;
}

.method-thumbnails-container h1 {
  text-transform: uppercase;
}

.method-thumbnails-container div {
  padding-left: 10px;
  padding-right: 10px;
}

.the-beginning div {
  padding-left: 10px;
  padding-right: 10px;
}

.center-div {
  float: none;
  margin-left: auto;
  margin-right: auto;
}


.about-page ul {
  list-style-type: none;
  color: #000;
  font-size: 18px;
  text-align: center;
  margin-left: 0;
  padding-left: 0;
}

.first-product .left-div h1 {
  text-transform: uppercase;
}

.team-pic-container {
  width: 900px;
}

.team-pic-container img {
  width: 100%;
}

.team-pic-container div {
  display: inline-block;
}
.team-pic {
  width: 140px;
  padding-left: 10px;
  padding-right: 10px;
}

#philosophies {
  text-align: left;
  padding-left: 0;
  color: rgb(148, 148, 148);
  font-size: 16px;
}

.onward p {
  text-align: center;
  color: rgb(148, 148, 148);
  font-size: 16px;
}

.first-product li {
  color: rgb(148, 148, 148);
  line-height: 36px;
}

#about-banner {
  padding: 0 !important;
}

#about-banner img {
  width: 100%;
}

#about-banner-title {
  color: #fff;
  font-size: 20px;
  font-weight: 100;
  font-family: 'brandon-grotesque';
  text-transform: uppercase;
  letter-spacing: 3px;
}

#about-banner-subtitle {
  color: #fff;
  font-size: 34px;
  font-family: 'brandon-grotesque';
  font-weight: 100;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
  #about-banner-subtitle {
    font-size: 22px;
  }
}

@media screen and (max-width: 560px) {
  .ap-di-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .ap-di-container img{
    width: 50;
    height: 50;
  }
}


td {
  text-align: center;
}

table h1 {
  font-size: 24px !important;
  padding-bottom: 0 !important;
}

table img {
  width: 90%;
}

table {
  margin-left: auto;
  margin-right: auto;
  /*  width: 1200px;*/
}

table p {
  text-transform: uppercase;
  font-size: 12px !important;
  letter-spacing: 1px;
}

.pictures td {
  padding: 0 40px;
}

#about-page-header-container {

  margin-left: auto;
  margin-right: auto;

}


.onward h1 {
  padding-bottom: 10px;
}

/* Login Page and Register Page
------------------------------------------------------------- */
.login-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  float:none;
}

.login-container a {
  color: rgb(142, 142, 142);
}

.login-container .form-group {
  margin-bottom: 0px;
}

.login-container .form-control {
  height: 45px;
}

.login-container .btn-primary {
  background: #ffd969;
  color: #683047;
  border-width: 0px;
  font-weight: 600;
  font-family: 'brandon-grotesque';
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 15px;
  height: 55px;

}

.login-container input#customer[email].form-control {
  padding-top: 40px;
  height: 45px;
}

#login-button {
  padding-top: 15px;
}

.register-container .form-group {
  height: 60px;
}

/* Custom Page Design
------------------------------------------------------------- */
.custom-bulk-container h3{
  color: #683047;
  font-weight: normal;
  line-height: 30px;
  font-family: 'brandon-grotesque';
  font-size: 23px;

}


/* Wholesale
------------------------------------------------------------- */
.wholesale-container {
  text-align: center;
}

.wholesale-container p {
  font-size: 18px;
}


.wholesale-container h1 {

}

.wholesale .form-group input {
  height: 50px;
}

/* Blog
*/
.blog.container hr{
  margin-top: 60px;
  margin-bottom: 60px;
}

#blogExcerpt {
  line-height: 25px;
}


.article p {
  font-size: 1.2em;
}

.article h2 {
  text-align: left;
}

.article h2 em {
  font-size:1.5em;
}

.article blockquote {
  font-size: 15px;
}



/* Canvas Project
------------------------------------------------------------- */

.canvas-project-title-container {
  margin-bottom: 60px;
}


.canvas-page {
  font-family: 'brandon-grotesque';
}


.canvas-page input, .canvas-page select {
  border: 2px solid;
  border-color: #d4d4d4;
  padding: 5px 30px 5px 15px;
  text-align: left;
  border-radius: 4px;
  margin-bottom: 40px;
  color: #000;
  font-family: 'proxima-nova';
}

.canvas-page select {
  padding: 5px 40px 5px 15px;
  background-position: 84% 47%;
}


.canvas-project-main-content {
  overflow: auto;
}

.canvas-page .bottom-blurb {
  text-align: center;
}

.canvas-page h1 {
  font-size: 26px;
  color: rgb(133, 81, 104);
  font-weight: 500;
  letter-spacing: 2px;
}

.canvas-page h2 {
  font-size: 26px;
  color: rgb(133, 81, 104);
  font-weight: 400;
}

.canvas-page h3 {
  font-size: 18px;
  color: rgb(161, 139, 148);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}


.canvas-page label {
  font-size: 16px;
  color: rgb(133, 81, 104);
  font-weight: 400;
}

.canvas-page .text-1 p {
  font-size: 16px;
  color: rgb(133, 81, 104);
  font-weight: 400;
}


.canvas-page .text-2 p {
  font-size: 16px;
  color: rgb(178, 178, 178);
  font-family: 'proxima-nova';
  font-weight: 300;
  margin: 4px;
  margin-left: 0;
  line-height: 18px;
}

.canvas-project-title-container hr, .canvas-project-main-content hr {
  width: 20%;
}

.canvas-project-main-content hr {
  text-align:left;
  margin-left:0;
  margin-top: 15px;
  margin-bottom: 15px;
}


.canvas-page .content-right {
  float: right;
}

.canvas-main-hr {
  margin-top: 80px;
  margin-bottom: 80px;
}

.canvas-page .main-divider {
  margin-top: 80px;
  margin-bottom: 50px;
}


.canvas-project-title-container {
  padding: 0 40px;
}


@media only screen and (max-width: 767px) {

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


  .canvas-page .content-right {
    float: none;
    margin-top: 100px;
    width: 100%;
  }

  .canvas-page .content-left {
    float:none;
    width: 100%;
  }

  .canvas-project-main-content hr {
    text-align:center;
    margin-left:auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 10%;
  }

}


.canvas-project-header img {
  width: 100%;
  height: auto;
}

#rsvp {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 42px;
}

.bottom-blurb p {
  font-size: 17px;
}

.bottom-blurb p span {
  font-weight: 500;
  letter-spacing: 1px;
}





/* -------------------------------------------------------------

IMPORTANT: Product Classes for the Buy Page

------------------------------------------------------------- */
#out-of-stock {
  color: red;
  font-size: 12px;
  font-family: 'brandon-grotesque', sans-serif;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;

}

#product-blurb {
  font-family: 'proxima-nova';
  font-size: 13px;
  color: #909090;
  line-height: 20px;
  padding: 0 40px 0 40px;
  margin: 0 0 10px;
}

@media screen and (max-width: 1200px) {
  #product-blurb {
    padding: 0;
  }
}


@media screen and (max-width: 767px) {
  #dark-bottom-button {
    margin-top: 0;
  }
}

#product-feature {
  color: #009900;
  font-size: 12px;
  font-family: 'brandon-grotesque', sans-serif;
  text-align: center;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
}

#product-spec {
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #828282;
  margin: 0 0 10px;
  font-size: 12px !important;
  font-weight: 500;

}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  padding-bottom: 4px;
}

.btn.btn-default.btn-primary.btn-lg.checkout-btn:active {
  background: #ffd969;
  color: #683047;
}

#mc-embedded-subscribe:active {
  background: #ffd969;
  color: #683047;
}

/* -------------------------------------------------------------
IMPORTANT: Product Classes for the Buy Page
---------------------------------------------------------------*/
.btn-primary:active:hover, .btn-default:active:hover
{
  background: #ffd969;
  color: #683047;
  border-color: white;
}

.btn-primary:active, .btn-default:active {
}


/* Utility Classes
------------------------------------------------------------- */

.uppercase {
  text-transform: uppercase;
}



/* Spacing classes from the alpha version of Bootstrap 4.
------------------------------------------------------------- */
.m-x-auto {
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-0 {
  margin: 0 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-1 {
  margin: 1rem 1rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-a-2 {
  margin: 3% 3% !important;
}

.m-t-2 {
  margin-top: 3% !important;
}

.m-r-2 {
  margin-right: 3% !important;
}

.m-b-2 {
  margin-bottom: 3% !important;
}

.m-l-2 {
  margin-left: 3% !important;
}

.m-x-2 {
  margin-right: 3% !important;
  margin-left: 3% !important;
}

.m-y-2 {
  margin-top: 3% !important;
  margin-bottom: 3% !important;
}

.m-a-3 {
  margin: 5% 5% !important;
}

.m-t-3 {
  margin-top: 5% !important;
}

.m-r-3 {
  margin-right: 5% !important;
}

.m-b-3 {
  margin-bottom: 5% !important;
}

.m-l-3 {
  margin-left: 5% !important;
}

.m-x-3 {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

.m-y-3 {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

.p-a-0 {
  padding: 0 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 1rem 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 3% 3% !important;
}

.p-t-2 {
  padding-top: 3% !important;
}

.p-r-2 {
  padding-right: 3% !important;
}

.p-b-2 {
  padding-bottom: 3% !important;
}

.p-l-2 {
  padding-left: 3% !important;
}

.p-x-2 {
  padding-right: 3% !important;
  padding-left: 3% !important;
}

.p-y-2 {
  padding-top: 3% !important;
  padding-bottom: 3% !important;
}

.p-a-3 {
  padding: 5% 5% !important;
}

.p-t-3 {
  padding-top: 5% !important;
}

.p-r-3 {
  padding-right: 5% !important;
}

.p-b-3 {
  padding-bottom: 5% !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-l-3 {
  padding-left: 5% !important;
}

.p-x-3 {
  padding-right: 5% !important;
  padding-left: 5% !important;
}

.p-y-3 {
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}





/* Sprites for Payment Method and Social
------------------------------------------------------------- */

/* Base Sprite */
.sprite {
  display: inline-block;
  background: transparent url(//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/img-bs4sf-sprite.png?266295981446825987) no-repeat;
}

/* Use a double-sized Sprite on high-resolution devices. */
@media only screen and (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .sprite {
    background-image: url(//cdn.shopify.com/s/files/1/0543/1257/t/30/assets/img-bs4sf-sprite-2x.png?266295981446825987);
    background-size: 148px 134px;
  }
}

/* Payment Method Sprites */
.sprite-pay {
  width: 37px;
  height: 22px;
}

/* Social Media Sprites */
.sprite-social {
  width: 24px;
  height: 24px;
}

/* Individual Sprites */
.sprite.pay_amex { background-position: 0px 0px; }
.sprite.pay_credit { background-position: -37px 0px; }
.sprite.pay_dankort { background-position: 0px -22px; }
.sprite.pay_diners { background-position: -37px -22px; }
.sprite.pay_discover { background-position: 0px -44px; }
.sprite.pay_forbru { background-position: -37px -44px; }
.sprite.pay_google { background-position: -74px 0px; }
.sprite.pay_jcb { background-position: -74px -22px; }
.sprite.pay_laser { background-position: -74px -44px; }
.sprite.pay_maestro { background-position: 0px -66px; }
.sprite.pay_mastercard { background-position: -37px -66px; }
.sprite.pay_money { background-position: -74px -66px; }
.sprite.pay_visa { background-position: 0px -88px; }
.sprite.pay_shopify { background-position: -37px -88px; }
.sprite.pay_solo { background-position: -74px -88px; }
.sprite.pay_paypal { background-position: -111px 0px; }
.sprite.social_email { background-position: -111px -22px; }
.sprite.social_facebook { background-position: -111px -46px; }
.sprite.social_flickr { background-position: -111px -70px; }
.sprite.social_google_plus { background-position: 0px -110px; }
.sprite.social_linkedin { background-position: -24px -110px; }
.sprite.social_pinterest { background-position: -48px -110px; }
.sprite.social_tumblr { background-position: -72px -110px; }
.sprite.social_twitter { background-position: -96px -110px; }
.sprite.social_youtube { background-position: -120px -110px; }