/*---------------------------------- 
  Default styles for every band.
  To customize a band's site, add a new stylesheet called collection-name_styles.css
 -----------------------------------*/


/*
b9a293 tan
e5ded4 light tan
9d8273 dark tan
eb7d3c orange
*/

body {
  font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;
  font-size:13px;
  background:#000000;
}

/* set the bold weight to match the google font weight (which is 700, not bold) */
h1,
h2,
h3,
h4,
h5,
h6,
strong, 
b {
  font-weight:700;
}

a:link { color:#cc530b; text-decoration:none; }
a:visited { color:#eb7d3c; text-decoration:none; }
a:hover, 
a:active { color:#000000; text-decoration:underline; }

.btn,
.btn:link, 
.btn:visited {
  color:#ffffff;
  text-transform:uppercase;
  font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #eb7d3c;
  background-image: -moz-linear-gradient(top, #eb7d3c, #cc530b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eb7d3c), to(#cc530b));
  background-image: -webkit-linear-gradient(top, #eb7d3c, #cc530b);
  background-image: -o-linear-gradient(top, #eb7d3c, #cc530b);
  background-image: linear-gradient(to bottom, #eb7d3c, #cc530b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeb7d3c', endColorstr='#ffcc530b', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #eb7d3c;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ffffff;
  background-color: #cc530b;
  *background-color: #eb7d3c;
}
.btn:active,
.btn.active {
  background-color: #cc530b \9;
}

.clear { height:0;clear:both;font-size:1%;line-height:1%;}

.header { background:white; padding:15px 0; border-bottom:solid #b9a293 3px; }
.content { padding:30px 0 80px 0; background:#000000 url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/background_organ.jpg?v=1365373732 ) no-repeat scroll 50% 55%; }

body.page_product .content { background:#000000 url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/background_organ.jpg?v=1365373732 ) no-repeat scroll 50% 25%; }

.footer { background:white; padding:15px 0; border-top:solid #b9a293 3px; }

.logo { display:block; width:100%; height:50px; background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/logo_shoutingmatches.png?v=1365373733 ) no-repeat scroll center top; overflow:hidden; text-indent:-999em; }

.footer_ambientmerch_logo { display:block; width:100%; height:50px; background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/ambientmerch_logo_tan.png?v=1365443521 ) no-repeat scroll center top; overflow:hidden; text-indent:-999em; }

.results .row {
  margin-bottom:30px;
  margin-left:-40px;
}

@media (max-width: 460px) {
  .results .row {
    margin-bottom:0;
  }
}

.results .span4 {
  width: 278px;
  border:solid #000000 1px;
  margin-left:40px;
}

.results .span4:first-child {
  margin-left:50px;
}

.results .span3:first-child {
  margin-left:40px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .results .span4 {
    width: 206px;
  }
}

@media (max-width: 767px) {
  .results .row {
    margin-left:0;
  }
  .results .span4 {
    width: 100%;
    margin-left: 0;
  }

  .results .span4:first-child {
    margin-left:0;
  }

  .results .span3:first-child {
    margin-left:0;
  }
}

.result {
  background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/white70.png?v=1365373734 ) repeat scroll left top;
  padding:15px;
  border-bottom:solid #ffffff 2px;
}
.result {
  background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/white70.png?v=1365373734 ) repeat scroll left top;
  padding:15px;
  border-bottom:solid #ffffff 2px;
}

@media (min-width: 768px) {
  .results {
    min-height:340px;
  }
}

.ie6 .result {
  background:#CCCCCC;
}

.result:hover {
  -webkit-box-shadow: 0 5px 0 #b9a293;
     -moz-box-shadow: 0 5px 0 #b9a293;
          box-shadow: 0 5px 0 #b9a293;
}

.result .image { text-align:center; margin:0 0 15px 0; }
.result .image img {
  display:inline;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.result p { text-align:center; }

.result .title {
  font-size:14px;
  line-height:18px;
  color:#000000;
  text-shadow: 1px 1px 1px #CCCCCC;
}
.result .title a:link,
.result .title a:visited { color:#000000; text-decoration:none; }
.result .title a:hover,
.result .title a:active { color:#000000; text-decoration:underline; }

.link_block { display:inline-block; *display: inline; *zoom: 1; height:40px; text-align:center; padding:0 20px 0 20px; line-height:40px; font-size:14px; text-transform:uppercase; letter-spacing:3px; }
.link_block:link, 
.link_block:visited { color:#b9a293; text-decoration:none; }
.link_block:hover, 
.link_block:active, 
.link_block:focus { color:#9d8273; text-decoration:none; background:#e5ded4; }

.header .link_block { margin-top:5px; font-size:16px; }

@media (max-width: 460px) {
  .link_block { display:block; }
  .credit_cards { padding:10px 30px; text-align:center; }
  .credit_cards img { display:inline-block; margin:3px auto; }
}

.link_cart { display:block; float:right; width:100px; height:30px; text-align:center; line-height:30px; font-size:14px; margin-top:15px; }
.link_cart:hover, 
.link_cart:active { text-decoration:none; }
.link_cart .badge {
  background:#b8a193;
  color:white;
  text-shadow:none;
  padding:5px 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.tooltip-inner { background-color: #eb7d3c; }
.tooltip.top .tooltip-arrow { border-top-color: #eb7d3c; }
.tooltip.right .tooltip-arrow { border-right-color: #eb7d3c; }
.tooltip.left .tooltip-arrow { border-left-color: #eb7d3c; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #eb7d3c; }


/** NAV **/

.navbar {
  margin:5px 0 35px 0;
  padding:0;
  text-transform:uppercase;
}

.navbar-inner {
  padding:0;
  margin:0;
  background-color:transparent;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar .nav {
  width:100%;
  color: #b9a293;
  background:transparent;
  margin:0;
}
.navbar .nav > li {
  color: #b9a293;
  background:transparent;
  margin-right:.33%;
  width:24.7%;
  display:block;
}

/* if there were 5 links in the navigation, the percentages would be 
  margin-right:.5%;
  width:19.5%;
*/

.navbar .nav > li:last-child {
  margin-right:0;
  width:24.9%;
}

@media (max-width: 460px) {
  .navbar .nav > li,
  .navbar .nav > li:last-child {
    margin-right:0;
    width:100%;
  }
}

.navbar .nav > li > a {
  float: none;
  height:36px;
  width:auto;
  line-height:36px;
  font-size:16px;
  text-align:center;
  padding:0;
  margin:0;
  color: #b9a293;
  background:#FFFFFF;
  text-shadow:none;
  border:none;
  border-bottom:solid #000000 3px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #9d8273;
  text-decoration: none;
  background-color:#FFFFFF;
  border:none;
  border-bottom:solid #000000 3px;
  -webkit-box-shadow: 0 5px 0 #b9a293;
     -moz-box-shadow: 0 5px 0 #b9a293;
          box-shadow: 0 5px 0 #b9a293;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #9d8273;
  text-decoration: none;
  background-color:#FFFFFF;
  border:none;
  border-bottom:solid #000000 3px;
  -webkit-box-shadow: 0 5px 0 #b9a293;
     -moz-box-shadow: 0 5px 0 #b9a293;
          box-shadow: 0 5px 0 #b9a293;
}


/** PRODUCT PAGE **/

.page_content {
  background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/white70.png?v=1365373734 ) repeat scroll left top;
  padding:35px;
  border-bottom:solid #000000 2px;
  text-shadow: 1px 1px 1px #CCCCCC;
  font-size:14px;
  line-height:20px;
  color:#000000;
}

.ie6 .page_content {
  background:#CCCCCC;
}

.page_content .row > .span5 { width:370px; }
.page_content .row > .span6 { margin-left:35px; width:450px; }

.page_content .row > .span7 { width:500px; }
.page_content .row > .span4 { margin-left:35px; width:320px; }

.page_content .image { text-align:center; margin:0 0 15px 0; }
.page_content .image img {
  display:inline;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.page_content .image_thumb { width:50px; float:left; margin:5px 5px 0 0; }

.page_content a:link { color:#bc2f00; text-decoration:none; }
.page_content a:visited { color:#bc2f00; text-decoration:none; }
.page_content a:hover, 
.page_content a:active { color:#000000; text-decoration:underline; }

.page_content .title {
  font-size:24px;
  line-height:28px;
  font-weight:700;
}

.page_content .price {
  font-size:20px;
  line-height:28px;
  font-weight:700;
}

.page_content hr {
  border-top:solid #333333 1px;
  border-bottom:solid #FFFFFF 1px;
  margin:15px 0 15px 0;
}

.page_content h4 {
  margin:0;
  padding:20px 0 10px 0;
}

.page_content p, 
.page_content .description {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:13px;
  line-height:17px;
  margin:15px 0 25px 0;
}

.share_links {
  line-height:24px;
  margin:15px 0 15px 0;
}

.share_links a { font-size:24px; }
.share_links a:link, 
.share_links a:visited {  color:#000000; text-decoration:none; }
.share_links a:hover, 
.share_links a:active { color:#eb7d3c; text-decoration:none; }

.related { padding:20px 0 0 0; }
.related h3 { color:#FFFFFF; text-transform:uppercase; font-size:24px; line-height:28px; margin:0; padding:0 0 30px 5px; text-shadow:0 1px 3px #000000; }
.related hr { border-top:solid #ffffff 3px; border-bottom:solid #000000 2px; }

.contact-info .table {
  border-spacing:0;
  border:none;
}
.contact-info .table td {
  border:none;
  padding:0;
}

.contact-info .table .cell {
  background:#000000;
  color:#FFFFFF;
  margin:3px;
  text-shadow:none;
  height:90px;
}

.contact-info .table .cell p {
  color:#FFFFFF;
  margin:0;
  padding:30px 0 0 15px;
  font-size:16px;
  line-height:20px;
}

.contact-info .table .cell address {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#FFFFFF;
  margin:0;
  padding:14px 0 0 15px;
  font-size:16px;
  line-height:19px;
}

.contact-info .table .cell a:link,
.contact-info .table .cell a:visited,
.contact-info .table .cell a:hover,
.contact-info .table .cell a:active {
  color:#FFFFFF;
}

.contact-info .table .cell-icon { text-align:center; width:90px; }
.contact-info .table .cell h2 { font-size:70px; line-height:90px; text-align:center; }
.contact-info .table .cell h2.icon-mobile-phone { font-size:80px; position:relative; left:10px; }
.contact-info .table .cell h2.icon-envelope-alt { font-size:45px; position:relative; left:6px; }
.contact-info .table .cell h2.icon-map-marker { position:relative; left:9px; }


@media (max-width: 480px) {

  .contact-info .table .cell p {
    padding:24px 0 0 10px;
    font-size:12px;
    line-height:17px;
  }
  
  .contact-info .table .cell address {
    font-size:11px;
    line-height:16px;
    padding:10px 0 0 10px;
  }
  
  .contact-info .table .cell { height:70px; }
  .contact-info .table .cell-icon { width:70px; }
  .contact-info .table .cell h2 { font-size:40px; line-height:70px; }
  .contact-info .table .cell h2.icon-mobile-phone { font-size:45px; }
  .contact-info .table .cell h2.icon-envelope-alt { font-size:30px; }

  .contact-info .table .cell h2.icon-mobile-phone { left:5px; }
  .contact-info .table .cell h2.icon-envelope-alt { left:4px; }
  .contact-info .table .cell h2.icon-map-marker { left:5px; }
}

/* override slider background color */
.rsDefault, 
.rsDefault .rsOverflow, 
.rsDefault .rsSlide, 
.rsDefault .rsVideoFrameHolder, 
.rsDefault .rsThumbs {
  background: transparent;
  color: #FFF;
}

.rsDefault .rsThumbs {
  margin-top:10px;
}

/* get a background color when it's fullscreen */
.rsDefault.rsFullscreen {
  background:transparent url( //cdn.shopify.com/s/files/1/0219/6940/t/4/assets/white70.png?v=1365373734 ) repeat scroll left top;
}

.rsDefault .rsThumb {
  width: 100px;
  height: 100px;
}

.rsDefault .rsThumb img {
  width: 100px;
  height: 100px;
}

/* hide the caption, it's not used, and it looks like a little black minus sign when it's empty */
.rsDefault .rsGCaption {
  display:none;
}

.royalSlider {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}

.page_product .royalSlider {
  width: 500px;
  height: 500px;
}

.page_product .royalSlider .rsMainSlideImage {
  width: 500px;
  height: 500px;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* color of selected thumbnail background */
.rsDefault .rsThumb.rsNavSelected {
  background: transparent;
}

.royalSlider_alternative { display:none; text-align:center; }
.royalSlider_alternative img {
  margin:0 auto;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

/* if smaller than the desktop width, don't show the royalslider */

@media (max-width: 979px) {
  .royalSlider { display:none; }
  .royalSlider_alternative { display:block; }
}

.modal.modal_zoom { top:5%; background:#666666; width:700px; margin-left:-350px; height:760px; }
.modal.modal_zoom .close { color:#FFFFFF; text-shadow: 0 1px 0 #000000; opacity: .7; filter: alpha(opacity=70); }
.modal.modal_zoom .close:hover { opacity: 1; filter: alpha(opacity=100); }
.modal.modal_zoom .modal-header { padding:4px 15px; border-bottom:solid #999999 1px; }
.modal.modal_zoom .modal-header h3 { font-size:14px; line-height:24px; font-weight:normal; }
.modal.modal_zoom .modal-body { padding:0; max-height:800px; width:auto; height:700px; }
.modal.modal_zoom .modal-body img { width:100%; }

img[data-toggle="modal"] {
  cursor:pointer;
}

/* Large desktop */
@media (min-width: 1200px) {
  .modal.modal_zoom { top:1%; width:800px; margin-left:-400px; height:860px; }
  .modal.modal_zoom .modal-body { height:800px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .modal.modal_zoom { top:5%; width:700px; margin-left:-350px; height:760px; }
  .modal.modal_zoom .modal-body { max-height:700px; height:700px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .modal.modal_zoom { width:auto; margin:0; height:720px; }
  .modal.modal_zoom .modal-body { width:auto; height:660px; }
}

@media (max-width: 700px) {
  .modal.modal_zoom { width:auto; margin:0; height:660px; }
  .modal.modal_zoom .modal-body { width:auto; height:600px; }
}

@media (max-width: 600px) {
  .modal.modal_zoom { width:auto; margin:0; height:560px; }
  .modal.modal_zoom .modal-body { width:auto; height:500px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .modal.modal_zoom { width:auto; margin:0; height:410px; }
  .modal.modal_zoom .modal-body { width:auto; height:350px; }
}


#checkout .row-fluid {
  border-bottom:solid #000000 1px;
  margin-bottom:10px;
}