.boutique_body{ .table{ th{ background:transparent; color:black; border-bottom:1px solid gray; } } h1{ text-align:center; font-size:2em; } .btn{ padding:6px 12px; padding-top:4px; color:$orange; border:1px solid $orange; font-size:1em; background:transparent; cursor:pointer; } .formtastic{ .btn{ background:$orange; } } .product-item{ box-sizing:border-box; width:24%; display:inline-block; padding:10px; .product-price{ color:rgba(0,0,0,0.8); .strip{ text-decoration: line-through; } } .inner{ .description{ padding:20px; } max-width:270px; position:relative; margin:10px auto; background:white; .special{ position:absolute; top:-20px; right:-20px; width:60px; } h3{ font-size: 1.2em; //line-height: 0.8em; color:$dark_orange; margin-top:0px; min-height:2.2em; margin-bottom:10px; } .stock{ height:6px; width:6px; background:green; border-radius:50%; position:relative; top:-10px; display:inline-block; } } } .products_grid{ text-align:center; } } .product_show{ .price{ font-weight:bold; margin-top:2em; //font-size:1.5em; } h1{ font-size:1.8em; padding-top:20px; color:$dark_orange; text-align:left; } .add_to_cart{ margin:1em 0; } .row{ .col_image{ float:left; width:40%; box-sizing:border-box; .product_images{ img{ width:20%; } } } .col_description{ box-sizing:border-box; margin-left:40%; padding:0 40px; } } } #my_cart{ td{ vertical-align:top; padding:5px; a{ color:black; } } .choice, .radio{ input{ display:inline-block; width:auto; margin-right:5px; } } } .product_sizes{ margin:2em 0; a{ display:inline-block; text-align:center; border: 1px solid $orange; line-height:1.9em; padding-top:0.2em; width:2.2em; border-radius:50%; color:black; text-decoration:none; font-weight:bold; &.active, &:hover{ background : $orange; color:white !important; } } } .size_guide{ margin-top:2em; } .product_options{ margin:2em 0; a{ display:inline-block; text-align:center; border: 1px solid $orange; line-height:1.9em; padding-top:0.2em; padding-left:10px; padding-right:10px; margin:0 10px; margin-left:0; color:black; text-decoration:none; font-weight:bold; &.active, &:hover{ background : $orange; color:white !important; } } } .boutique-right{ text-align:right; width:100px; } .particular_form{ td{ padding:0 !important; } }