/* =========================================================
   BRTC Version 1.0 - Responsive Classic Custom Styles
   Cleaned and organized for Zen Cart 2.2.2
   ========================================================= */

/* ---------- Homepage ---------- */
.brtc-home{
    max-width:900px;
    margin:0 auto;
    padding:40px 20px;
    text-align:center;
}
.brtc-home h1{
    font-size:42px;
    color:#123d74;
    margin:0 0 10px;
}
.brtc-home h2{
    color:#1d4f86;
    font-size:30px;
    font-style:italic;
    font-weight:400;
    margin:10px 0 30px;
}
.brtc-home h3{
    font-size:30px;
    margin:30px 0 15px;
}
.brtc-home p{
    font-size:20px;
    line-height:1.6;
}
.brtc-home img{
    max-width:340px;
    width:100%;
    height:auto;
}
.brtc-button{
    display:inline-block;
    background:#1d4f86;
    color:#fff !important;
    padding:16px 36px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
    transition:.2s ease;
}
.brtc-button:hover{
    opacity:.9;
}

/* ---------- Header ---------- */
#logoWrapper{
    background:linear-gradient(#2d6fb3,#1d4f86);
    width:100%;
    padding:20px 0;
    text-align:center;
}
#logo{
    float:none !important;
    width:100% !important;
    text-align:center !important;
}
#logo a,
#logo span{
    display:block;
}
#logo img{
    display:none !important;
}
#taglineWrapper{
    display:none;
}
#brtcHeader{
    background:#1f4e8c;
    text-align:center;
    padding:35px 0 25px;
}
#brtcHeader .brtc-title{
    font-family:Georgia,serif;
    font-size:42px;
    font-weight:bold;
    color:#fff;
    line-height:1.1;
}
#brtcHeader .brtc-tagline{
    font-family:Georgia,serif;
    font-size:24px;
    font-style:italic;
    color:#fff;
    margin-top:18px;
}

/* ---------- Product Page ---------- */
#pinfo-left{
    float:left;
    width:42%;
}
#pinfo-right{
    float:right;
    width:56%;
}
#cart-box{
    float:right;
    width:56%;
    margin-top:15px;
}
#pinfo-left img{
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,.18);
}
#productPrices{
    font-size:2rem;
    color:#123d74;
    margin-bottom:18px;
}
#cartAdd{
    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #ddd;
}
#addToCartButton{
    font-size:1rem;
    padding:10px 22px;
}
#productDescription{
    margin-top:35px;
    line-height:1.7;
}

/* ---------- Responsive ---------- */
@media (max-width:768px){
    #pinfo-left,
    #pinfo-right,
    #cart-box{
        float:none;
        width:100%;
    }
    .brtc-home h1{font-size:34px;}
    .brtc-home h2{font-size:24px;}
    #brtcHeader .brtc-title{font-size:34px;}
    #brtcHeader .brtc-tagline{font-size:20px;}
}


/* ===== Version 1.2 spacing refinements ===== */
.brtc-home{
    padding-top:10px !important;
}
.brtc-home img{
    margin-top:0 !important;
    margin-bottom:8px !important;
}
.brtc-home .product-card p,
.brtc-home .card p{
    margin-top:6px !important;
    margin-bottom:6px !important;
}
.brtc-home .product-card p + p,
.brtc-home .card p + p{
    margin-top:2px !important;
}
.brtc-button,
.product-card .brtc-button,
.card .brtc-button{
    margin-top:8px !important;
}


/* ===== Version 1.2 Product Page Polish ===== */
#cart-box{margin-top:0!important;padding:18px!important;max-width:430px;background:#f7f7f7;border:1px solid #ddd;border-radius:8px}
#productPrices{font-size:1.5rem!important;margin-bottom:10px!important}
#cartAdd{margin-top:10px!important;padding-top:10px!important}
.qtyInput{width:70px;margin-right:10px}
#productDescription{margin-top:18px!important}


/* ===== Version 1.3 Final Layout ===== */
#productName{
  font-size:2.3rem!important;
  margin-bottom:20px!important;
}
#pinfo-left{width:52%!important;}
#pinfo-right{width:44%!important;}
#cart-box{
  float:left!important;
  width:100%!important;
  max-width:380px!important;
  margin:0 0 0 10px!important;
}
#moreImages{
  text-align:center!important;
  margin-top:15px!important;
}
#moreImages ul,#moreImages{text-align:center!important;}
#moreImages li{
  display:inline-block!important;
  float:none!important;
  margin:0 8px!important;
}
#brtc-description-wrap{
  float:right;
  width:44%;
}
#productDescription{
  margin-top:15px!important;
}


/* ===== Clean Version 1.6 ===== */
html, body,
#mainWrapper,
#contentMainWrapper,
#mainContainer,
.centerColumn{
  background:#ffffff !important;
}

#productName{
  font-size:1.9rem !important;
  text-align:center;
}

#cart-box{
  float:left !important;
  margin-left:8% !important;
  max-width:430px !important;
}

#moreImages,
#moreImages ul{
  text-align:center !important;
}
#moreImages li{
  display:inline-block !important;
  float:none !important;
  margin:0 10px !important;
}
#moreImages li:nth-child(n+3){
  display:none !important;
}