/*!
* Visual Designer JQuery Plugin
* Author: Sam Zielke-Ryner
* Licensed under ...
*/

@import "vd/animate.less";

/* Columns */
.buildColumns(@device: -) {
    .vd@{device}1 {
        width: 100%;
        min-width: 100%;
    }

    .vd@{device}2 {
        width: 91.66666666666667%;
        min-width: 91.66666666666667%;
    }

    .vd@{device}3 {
        width: 83.33333333333333%;
        min-width: 83.33333333333333%;
    }

    .vd@{device}4 {
        width: 75%;
        min-width: 75%;
    }

    .vd@{device}5 {
        width: 66.66666666666667%;
        min-width: 66.66666666666667%;
    }

    .vd@{device}6 {
        width: 58.33333333333333%;
        min-width: 58.33333333333333%;
    }

    .vd@{device}7 {
        width: 50%;
        min-width: 50%;
    }

    .vd@{device}8 {
        width: 41.66666666666667%;
        min-width: 41.66666666666667%;
    }

    .vd@{device}9 {
        width: 33.33333333333333%;
        min-width: 33.33333333333333%;
    }

    .vd@{device}10 {
        width: 25%;
        min-width: 25%;
    }

    .vd@{device}11 {
        width: 16.66666666666667%;
        min-width: 16.66666666666667%;
    }

    .vd@{device}12 {
        width: 8.33333333333333%;
        min-width: 8.33333333333333%;
    }
}

.buildColumns();


body.vd-rtablet {
    .buildColumns(-sm-);
}

@media (max-width: 768px) {
    .buildColumns(-sm-);
}

body.vd-rmobile {
    .buildColumns(-xs-);
}

@media (max-width: 479px) {
    .buildColumns(-xs-);
}

/*.vd-section-widget {*/
.vd-section-container {
    max-width: 1170px !important;
    margin: 0 auto;
}

/*}*/

// Framework customisations of primitives
.vd-row-widget {
    .vd-flex-contents;
    /* // fix pure-g causing text to squash on mobile view
* {
	letter-spacing: normal; 
	word-spacing: normal; 
}*/
}

.vd-btn-widget {
    margin: 0;
    padding: 10px 0px;
}


@import "vd/slider-widget.less";
@import "vd/wizard-widget.less";
@import "vd/nav-widget.less";
@import "vd/map-widget.less";
@import "vd/dropdown-widget.less";
@import "vd/mega-menu-widget.less";
@import "vd/tab-widget.less";