#shell, #vents { display: block; cursor: pointer; }

.swatches button { border: 1px solid #ccc; width: 50px; height: 50px; margin: 2px; overflow: hidden; outline: none; background-image: url(../images/btn-bg.png); background-position:  center center; background-size: cover; border-radius: 4px; float: left; display: inline-block;}

.specs button { border: 1px solid #000; background: #fff; width: 50px; height: 50px; margin: 0; overflow: hidden; text-align: center; line-height: 50px; vertical-align: middle; outline: none; float: left; display: inline-block; margin: 2px;}

.specs button.disabled {
    background: #efefef;
    color: #ccc;
    cursor: not-allowed;
}

.specs button.selected {
    background: #000;
    color: #fff;
}

.swatches button::after {
     content: none;
}

.swatches button.selected {
    border: 1px solid #aaa;
    box-shadow: 0 0 5px #999;
}

.swatches button.selected::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    display: block;
    background: rgba(0,0,0,0.5);
    color: #fff;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.5), inset 1px 1px 0 rgba(0,0,0,0.5);
    margin: 0 auto;
    line-height: 36px;
    vertical-align: middle;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

.black	{ background: #000000; }

.white	{ background: #FEFEFE; }

.silver	{ background: #afb0b3; }

.vegas_gold	{ background: #a29061; }

.brown	{ background: #32240a; }

.dark_green	{ background: #073f2c; }

.green	{ background: #0c5139; }

.kelly_green	{ background: #00a850; }

.lime	{ background: #91c851; }

.royal	{ background: #135dab; }

.dark_navy	{ background: #11202f; }

.navy	{ background: #162b52; }

.blue	{ background: #24336f; }

.la_purple	{ background: #332a86; }

.purple	{ background: #4d2682; }

.pink	{ background: #ffa1ab; }

.maroon	{ background: #660000; }

.wine	{ background: #761d33; }

.phoenix_red	{ background: #a80735; }

.red	{ background: #ca1630; }

.orange	{ background: #ea6f23; }

.gold	{ background: #ffa100; }

.yellow	{ background: #ffcb00; }

.bronze { background: #934f0c; }

.gray { background: #7d7d86; }

.eggplant { background: #2D1733; }

.shark_teal { background: #08666E; }

.washington_blue { background: #006699; }

.retro_tan { background: #b67800; }

.eggplant { background: #38003c; }

.cranberry { background: #990000; }

.fluorescent_lime { background: #00c200; }

.aviator_blue { background: #13337e; }

.neon_green { background: #56e94b; }

.met_gold { background: #b88d3a; }

.dallas-green { background: #006647; }

.neon-green { background: #68bd45; }

.royal-blue { background: #0033ab; }

/*New for Warrior */

.cool_gray { background: #65646a; }

.powder_blue	{ background: #66ccff; }

.light_grey { background: #afb0b3;}

.forest_green { background: #0c5139;}

.bright_yellow { background:#ffff00; }

.swatches button.white_skate_lace { background-color: #fff; background-image: url(../images/lace-texture.png); background-position:  center center; background-size: cover; }

.swatches button.black_skate_lace { background-color: #000; background-image: url(../images/lace-texture-white.png); background-position:  center center; background-size: cover; }

.swatches button.blue_skate_lace { background-color: #135dab; background-image: url(../images/lace-texture-white.png); background-position:  center center; background-size: cover; }

.swatches button.red_skate_lace { background-color: red; background-image: url(../images/lace-texture-white.png); background-position:  center center; background-size: cover; }

button.smoke-carbon {
    background-image: url(light-carbon-bg.png) !important;
}

button.clear-carbon {
    background-image: url(dark-carbon-bg.png) !important;
}

button.carbon {
    background-image: url(carbon.png) !important;
}



/* Resize buttons for mobile */

@media (max-width: 640px) {
   .swatches button { border: 1px solid #ccc; width: 80px; height: 80px; margin: 0 5px 5px 0; overflow: hidden; outline: none; }
    
    .specs button { width: 80px; height: 80px; line-height: 80px; vertical-align: middle; }
}

.btn-size.selected {
    background: #000 !important;
    color: #fff !important;
}

.btn-size.selected::after {
    display: none !important;
}

.product-custom-option {
    text-transform: capitalize !important;
}

[data-attr="nameplate_text"] {
	text-transform: none !important;
}