/*

Project: Greenhouse - Custom Button Styles
Author: Matt Grantham - @MattGrantham

*/

/* Hide extra div */

.greenhouse.sc-button-view .middle {

display: none !important;

}

.greenhouse.select-button > .middle {

display: block !important;

}

/* Dark Toolbar & Tabbed Buttons ———————————————- */

/* Dark Buttons - Square */

/* Regular */

.sc-theme .sc-button-view.sc-regular-size.square.dark .right {

width: 5px !important;
background: static_url('images/buttons/dark/regular-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.dark .left {

width: 5px !important;
background: static_url('images/buttons/dark/regular-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.dark .sc-button-label {

background: static_url('images/buttons/dark/regular-m.png');
margin: 0 5px !important;
padding: 0 !important;
color: #fff;
line-height: 24px !important;
text-shadow: 0 1px 0 #242424;

}

/* Active */ .sc-theme .sc-button-view.sc-regular-size.square.active.dark .right {

background: static_url('images/buttons/dark/active-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square.active.dark .left {

background: static_url('images/buttons/dark/active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.active.dark .sc-button-label {

background: static_url('images/buttons/dark/active-m.png');
color: #d0d0d0;
text-shadow: 0 -1px 0 #242424;

}

/* Disabled */ .sc-theme .sc-button-view.sc-regular-size.square.disabled.dark .right {

background: static_url('images/buttons/dark/disabled-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square.disabled.dark .left {

background: static_url('images/buttons/dark/disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.disabled.dark .sc-button-label {

background: static_url('images/buttons/dark/disabled-m.png');
color: #d0d0d0;
text-shadow: 0 -1px 0 #242424;

}

/* Selected or Default */ .sc-theme .sc-button-view.sc-regular-size.square.dark.def .right, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel .right {

background: static_url('images/buttons/dark/sel-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.dark.def .left, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel .left {

background: static_url('images/buttons/dark/sel-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.dark.def .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel .sc-button-label {

background: static_url('images/buttons/dark/sel-m.png');
color: #fff;
text-shadow: 0 1px 0 #242424;

}

/* Selected or Default - Active*/ .sc-theme .sc-button-view.sc-regular-size.square.dark.def.active .right, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active .right {

background: static_url('images/buttons/dark/sel-active-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.dark.def.active .left, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active .left {

background: static_url('images/buttons/dark/sel-active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.dark.def.active .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active .sc-button-label {

background: static_url('images/buttons/dark/sel-active-m.png');
color: #fff;
text-shadow: 0 1px 0 #242424;

}

/* Selected - Disabled*/ .sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled .right {

background: static_url('images/buttons/dark/sel-disabled-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled .left {

background: static_url('images/buttons/dark/sel-disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled .sc-button-label {

background: static_url('images/buttons/dark/sel-disabled-m.png');
color: #fff;
text-shadow: 0 1px 0 #242424;

}

/* Icons */

.greenhouse.sc-button-view img {

top: 0;
left: 0;
margin: 0;

}

/* Capsule Buttons ———————————————- */

/* Regular */ .sc-theme .sc-button-view.sc-regular-size.capsule .right {

width: 12px !important;
background: static_url('images/buttons/capsule/regular-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.capsule .left {

width: 12px !important;
background: static_url('images/buttons/capsule/regular-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule .sc-button-label {

background: static_url('images/buttons/shared/regular-m.png');
margin: 0 12px !important;
padding: 0 !important;
color: #000;
line-height: 24px !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Active */ .sc-theme .sc-button-view.sc-regular-size.capsule.active .right {

background: static_url('images/buttons/capsule/active-r.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.active .left {

background: static_url('images/buttons/capsule/active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.active .sc-button-label {

background: static_url('images/buttons/shared/active-m.png');
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Disabled */ .sc-theme .sc-button-view.sc-regular-size.capsule.disabled .right {

background: static_url('images/buttons/capsule/disabled-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.capsule.disabled .left {

background: static_url('images/buttons/capsule/disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.disabled .sc-button-label {

background: static_url('images/buttons/shared/disabled-m.png');
color: #b2b2b2;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected or Default */ .sc-theme .sc-button-view.sc-regular-size.capsule.def .right, .sc-theme .sc-button-view.sc-regular-size.capsule.sel .right {

background: static_url('images/buttons/capsule/sel-r.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.def .left, .sc-theme .sc-button-view.sc-regular-size.capsule.sel .left {

background: static_url('images/buttons/capsule/sel-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.def .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.capsule.sel .sc-button-label {

background: static_url('images/buttons/shared/sel-m.png');
color: #334511;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected or Default - Active */ .sc-theme .sc-button-view.sc-regular-size.capsule.def.active .right, .sc-theme .sc-button-view.sc-regular-size.capsule.sel.active .right {

background: static_url('images/buttons/capsule/sel-active-r.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.def.active .left, .sc-theme .sc-button-view.sc-regular-size.capsule.sel.active .left {

background: static_url('images/buttons/capsule/sel-active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.def.active .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.capsule.sel.active .sc-button-label {

background: static_url('images/buttons/shared/sel-active-m.png');
color: #44581d;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected - Disabled */ .sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel .right {

background: static_url('images/buttons/capsule/sel-disabled-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel .left {

background: static_url('images/buttons/capsule/sel-disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel .sc-button-label {

background: static_url('images/buttons/shared/sel-disabled-m.png');
color: #c1c7b7;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Square Buttons ———————————————- */

/* Regular */ .sc-theme .sc-button-view.sc-regular-size.square .right {

width: 6px !important;
background: static_url('images/buttons/square/regular-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square .left {

width: 6px !important;
background: static_url('images/buttons/square/regular-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {

background: static_url('images/buttons/shared/regular-m.png');
margin: 0 6px !important;
padding: 0 !important;
color: #000;
line-height: 24px !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Active */ .sc-theme .sc-button-view.sc-regular-size.square.active .right {

background: static_url('images/buttons/square/active-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square.active .left {

background: static_url('images/buttons/square/active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {

background: static_url('images/buttons/shared/active-m.png');
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Disabled */ .sc-theme .sc-button-view.sc-regular-size.square.disabled .right {

background: static_url('images/buttons/square/disabled-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.disabled .left {

background: static_url('images/buttons/square/disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-label {

background: static_url('images/buttons/shared/disabled-m.png');
color: #b2b2b2;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected or Default */ .sc-theme .sc-button-view.sc-regular-size.square.def .right, .sc-theme .sc-button-view.sc-regular-size.square.sel .right {

background: static_url('images/buttons/square/sel-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square.def .left, .sc-theme .sc-button-view.sc-regular-size.square.sel .left {

background: static_url('images/buttons/square/sel-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-label {

background: static_url('images/buttons/shared/sel-m.png');
color: #334511;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected or Default & Active */ .sc-theme .sc-button-view.sc-regular-size.square.def.active .right, .sc-theme .sc-button-view.sc-regular-size.square.sel.active .right {

background: static_url('images/buttons/square/sel-active-r.png');

} .sc-theme .sc-button-view.sc-regular-size.square.def.active .left, .sc-theme .sc-button-view.sc-regular-size.square.sel.active .left {

background: static_url('images/buttons/square/sel-active-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.def.active .sc-button-label, .sc-theme .sc-button-view.sc-regular-size.square.sel.active .sc-button-label {

background: static_url('images/buttons/shared/sel-active-m.png');
color: #44581d;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}

/* Selected - Disabled */ .sc-theme .sc-button-view.sc-regular-size.square.disabled.sel .right {

background: static_url('images/buttons/square/sel-disabled-r.png');

}

.sc-theme .sc-button-view.sc-regular-size.square.disabled.sel .left {

background: static_url('images/buttons/square/sel-disabled-l.png');

} .sc-theme .sc-button-view.sc-regular-size.square.disabled.sel .sc-button-label {

background: static_url('images/buttons/shared/sel-disabled-m.png');
color: #c1c7b7;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

}