/* TYPOGRAPHY
-----------------------------*/
//page content background
@pagecontentbg: @page_content_background;
//row space
@rowspace: @row_space;
//text
@bodyfont: @body_font, Arial, Helvetica, sans-serif;
@textcolor: @text_color;
@textsize: @text_size;
@textselectedcolor: @text_selected_color;
@textselectedbg: @text_selected_bg;
@headingfont: @heading_font, Arial, Helvetica, sans-serif;
@headingcolor: @heading_color;
@headingfontweight: @heading_font_weight;
// menu
@menufont: @menu_font, Arial, Helvetica, sans-serif;
@menucolor: @menu_color;
@menucolorhoverlevel1: @menu_hover_itemlevel1_color;
@menufontsize: @menu_font_size;
@menufontweight: @menu_font_weight;
// link
@linkcolor: @link_color;
@linkhovercolor: @link_hover_color;
@linkactivecolor: @link_active_color;
// heading
@headingfont: @heading_font, Arial, Helvetica, sans-serif;
@headingcolor: @heading_color;
@headingfontweight: @heading_font_weight;
// dropdown
@dropdownfont: @dropdown_font, Arial, Helvetica, sans-serif;
@dropdownfontsize: @dropdown_font_size;
@dropdownfontweight: @dropdown_font_weight;
@dropdowncolor: @dropdown_color;
@dropdownbg: @dropdown_bg;
// menu
@menufont: @menu_font, Arial, Helvetica, sans-serif;
@menufontsize: @menu_font_size;
@menufontweight: @menu_font_weight;
@menucolor: @menu_color;
@menubg: @menu_bg;
// submenu
@submenufont: @sub_menu_font, Arial, Helvetica, sans-serif;
@submenufontsize: @sub_menu_font_size;
@submenufontweight: @sub_menu_font_weight;
@submenucolor: @sub_menu_color;
@submenubg: @sub_menu_bg;
// categories menu
@categoriesfont: @categories_font, Arial, Helvetica, sans-serif;
@categoriesfontsize: @categories_font_size;
@categoriesfontweight: @categories_font_weight;
@categoriescolor: @categories_color;
@categoriesbg: @categories_menu_bg;
// categories submenu
@categoriessubmenufont: @categories_sub_menu_font, Arial, Helvetica, sans-serif;
@categoriessubmenufontsize: @categories_sub_menu_font_size;
@categoriessubmenufontweight: @categories_sub_menu_font_weight;
@categoriessubmenucolor: @categories_sub_menu_color;
@categoriessubmenubg: @categories_sub_menu_bg;
// price
@pricefont: @price_font, Arial, Helvetica, sans-serif;
@pricefontsize: @price_font_size;
@pricefontweight: @price_font_weight;
@pricecolor: @price_color;
// Colors
@primarycolor: @primary_color;
@salecolor: @sale_color;
@saletextcolor: @saletext_color;
@ratecolor: @rate_color;
@bordercolor:@border_color;
//Topbar
@topbarbg: @topbar_bg;
@topbarcolor: @topbar_color;
@topbarlinkcolor: @topbar_link_color;
@topbarlinkhovercolor: @topbar_link_hover_color;
@topbarlinkactivecolor: @topbar_link_active_color;
//Header
@notificationbg: @notification_bg;
@notificationcolor: @notification_color;
@headerbg: @header_bg;
@headercolor: @header_color;
@headerlinkcolor: @header_link_color;
@headerlinkhovercolor: @header_link_hover_color;
@headerlinkactivecolor: @header_link_active_color;
@headerstickybg: @header_sticky_bg;
//Footer
@footerbg: @footer_bg;
@footercolor: @footer_color;
@footerlinkcolor: @footer_link_color;
@footerlinkhovercolor: @footer_link_hover_color;
@footerlinkactivecolor: @footer_link_active_color;
// Defined colors
@darkcolor: #323232;
@greycolor: #999;
@lightgreycolor: #afafaf;
@white: #fff;
@black: #000;
// Row container
@rowcontainer: 1200px;
/* BUTTON MIXIN
-----------------------------*/
.buttonMixin() {
    background: @white;
    border: 2px solid @bordercolor;
    box-shadow: none;
    color: @darkcolor;
    cursor: pointer;
    display: inline-block;
    font-family: @headingfont;
    font-size: 1em;
    font-weight: @headingfontweight;
    height: 50px;
    letter-spacing: 0;
    line-height: 46px;
    outline: none;
    overflow: hidden;
    padding: 0 30px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    .border-radius(4px);
    &:hover {
        background: @primarycolor;
        border-color: @primarycolor;
        color: @white;
    }
    &.disabled,
    &:disabled,
    &[disabled] {
        padding: 0 30px !important;
        &:hover {
            border-color: @bordercolor !important;
        }
    }
}
.noneTextSelect() {
    -webkit-user-select: none;  /* Chrome all / Safari all */
       -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */
            user-select: none;          /* Likely future */
}
.image-hover-effect() {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    img {
        .transition(all .3s ease-out 0s);
    }
    &:hover {
        img {
            .transform(scale(1.02));
        }
    }
}
/* MIXINS
-----------------------------*/
// Opacity
.opacity(@opacity) {
    filter: ~"alpha(opacity=@{opacity-ie})";
    opacity: @opacity;
    // IE8 filter
    @opacity-ie: (@opacity * 100);
}
.clearfix() {
    &:after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
}
/* CSS3 PROPERTIES
-----------------------------*/
.border-radius(@radius: 4px) {
    -webkit-border-radius: @radius;
       -moz-border-radius: @radius;
            border-radius: @radius;
}
// Single Corner Border Radius
.border-top-left-radius(@radius) {
    -webkit-border-top-left-radius: @radius;
            border-top-left-radius: @radius;

    -moz-border-radius-topleft: @radius;
}
.border-top-right-radius(@radius) {
    -webkit-border-top-right-radius: @radius;
            border-top-right-radius: @radius;

    -moz-border-radius-topright: @radius;
}
.border-bottom-right-radius(@radius) {
    -webkit-border-bottom-right-radius: @radius;
            border-bottom-right-radius: @radius;

    -moz-border-radius-bottomright: @radius;
}
.border-bottom-left-radius(@radius) {
    -webkit-border-bottom-left-radius: @radius;
            border-bottom-left-radius: @radius;

    -moz-border-radius-bottomleft: @radius;
}
.border-top-radius(@radius) {
    border-top-left-radius: @radius;
    border-top-right-radius: @radius;
}
.border-right-radius(@radius) {
    border-bottom-right-radius: @radius;
    border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
    border-bottom-left-radius: @radius;
    border-bottom-right-radius: @radius;
}
.border-left-radius(@radius) {
    border-bottom-left-radius: @radius;
    border-top-left-radius: @radius;
}
// Drop shadows
.box-shadow(@shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)) {
    -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
       -moz-box-shadow: @shadow;
            box-shadow: @shadow;
}
.transform(@transform) {
    -webkit-transform: @transform;
       -moz-transform: @transform;
            transform: @transform;
}
// Transitions
.transition(@transition: all .3s ease) {
    -webkit-transition: @transition;
       -moz-transition: @transition;
        -ms-transition: @transition;
         -o-transition: @transition;
            transition: @transition;
}
.animation(@animation) {
    -webkit-animation: @animation;
       -moz-animation: @animation;
         -o-animation: @animation;
            animation: @animation;
}
/* ANIMATION KEYFRAME
-----------------------------*/
//rotate
@-moz-keyframes rotate {
    0% {
        .transform(rotateY(0deg));
    }
    50% {
        .transform(rotateY(180deg));
    }
    100% {
        .transform(rotateY(0deg));
    }
}
@-webkit-keyframes rotate {
    0% {
        .transform(rotateY(0deg));
    }
    50% {
        .transform(rotateY(180deg));
    }
    100% {
        .transform(rotateY(0deg));
    }
}
@keyframes rotate {
    0% {
        .transform(rotateY(0deg));
    }
    50% {
        .transform(rotateY(180deg));
    }
    100% {
        .transform(rotateY(0deg));
    }
}
// countdowntiming
@-moz-keyframes countdowntiming {
    0% {
        transform: translateY(50px);
        .opacity(0);
    }
    100% {
        transform: translateY(0);
        .opacity(1);
    }
}
@-webkit-keyframes countdowntiming {
    0% {
        transform: translateY(50px);
        .opacity(0);
    }
    100% {
        transform: translateY(0);
        .opacity(1);
    }
}
@keyframes countdowntiming {
    0% {
        transform: translateY(50px);
        .opacity(0);
    }
    100% {
        transform: translateY(0);
        .opacity(1);
    }
}
// zoomIn
@-moz-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.8, .8, .8);
                transform:scale3d(.8, .8, .8);
    }
    50% {
        opacity:1;
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.8, .8, .8);
                transform:scale3d(.8, .8, .8);
    }
    50% {
        opacity:1;
    }
}
@keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.8, .8, .8);
                transform:scale3d(.8, .8, .8);
    }
    50% {
        opacity:1;
    }
}