/*================ LESS CONSTANTS ============================*/
@colorText: #545454;
@colorPrimaryDark: #cd4006;
@colorPrimaryLight: #eb5118; 
@colorCream: #f4eacd;
@colorAccent: #fa691b;
@colorVeryDark: #96360F;
@colorVeryLight: #f2926f;

@colorDarkOrange: rgba(241, 90, 34, 1);
@colorLightOrange: rgba(249, 160, 27, 1);

/*================ LESS MIX-INS ===============================*/
.innerShadow(){
    text-shadow: rgba(0,0,0,0.8) -1px 0, rgba(0,0,0,0.8) 0 -1px, rgba(255,255,255,0.6) 0 1px, rgba(0,0,0,0.6) -1px -2px;
}

.gradient(@base: #333333, @start: #CCC999, @end: #AAA333){
    background: @base;
    background: -webkit-gradient(linear, left top, left bottom, from(@start), to(@end));
    background: -moz-linear-gradient(top,  @start,  @end);
    // IE8
    -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @start, @end);
    // IE6 & 7
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @start, @end));
}

.rounded(@settings: 10px){
    -webkit-border-radius:@settings;
    -moz-border-radius:@settings;
    border-radius:@settings;
}

.rotated(@deg: -5deg){
    -webkit-transform:rotate(@deg);    
    -moz-transform:rotate(@deg);   
    -ms-transform:rotate(@deg);   
    -o-transform:rotate(@deg);
    transform:rotate(@deg);
}

.shadow(@settings: 0 15px 10px #333333){
    -webkit-box-shadow:@settings;   
    -moz-box-shadow:@settings;
    box-shadow:@settings;
}

.shadow2(@settings1: 0 15px 10px #333333, @settings2: inset 0 5px 5px #000000){
    -webkit-box-shadow:@settings1, @settings2;   
    -moz-box-shadow:@settings1, @settings2;
    box-shadow:@settings1, @settings2;
}

.transition(@settings: all 1s ease-in-out){
    -moz-transition: @settings; 
    -webkit-transition: @settings; 
    -o-transition: @settings; 
    transition: @settings;
}