/*!
 * Visual Designer JQuery Plugin
 * Author: Sam Zielke-Ryner
 * Licensed under ...
 */

@mobiles: ~"(max-width: 479px)";
@tablets: ~"(max-width: 768px)";


@container-padding-desktop: 10px;
@container-padding-tablet: 5px;
@container-padding-mobile: 2px;
@row-padding-desktop: 20px;
@row-padding-tablet: @container-padding-tablet;
@row-padding-mobile: @container-padding-mobile;


@defCol: #e41b51;
/*@hoverCol:                  rgba(218,38,86,0.25);*/
@hoverCol: #FF0072;
@selectedBkCol: rgba(218, 38, 86, 0.1);
@selectedCol: #A4133A;
@borderCol: rgba(218, 38, 86, 0.25);
@dynamicCol: #02b10a;
@glbStyleCol: #eea17e;

@defColEx: '%23e41b51';
@hoverColEx: '%23e41b51';


/*.vd-release * {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  line-height: normal;
}*/

.vd-release {
    /* So Mega Menus and Dropdowns show over the top of outside 3rd party content */
    z-index: 99999;
    position: relative;
}

.disallow-empty {

    &:empty,
    >*:empty {
        min-width: 25px;
        display: block;
    }
}

/* Standard visibility controls */
.hide {
    display: none !important;
}

@media (min-width: 769px) {
    body:not(.vd-rtablet):not(.vd-rmobile) .vd-desktop-hidden:not(.vd-triggered) {
        display: none !important;
    }
}

body.vd-rtablet .vd-tablet-hidden {
    display: none;
}

@media (max-width: 768px) and (min-width: 415px) {
    .vd-tablet-hidden {
        display: none !important;
    }
}

body.vd-rmobile .vd-mobile-hidden {
    display: none;
}

@media (max-width: 479px) {
    .vd-mobile-hidden {
        display: none !important;
    }
}

.vd-triggered {
    display: block !important;
}

.vd-flex-triggered {
    display: flex !important;
}


/* Animation visibility controls */
/*.hide {
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 769px) {
  body:not(.vd-rtablet):not(.vd-rmobile) .vd-desktop-hidden {
    .hide();
  }
}

body.vd-rtablet .vd-tablet-hidden {
  .hide();
}
@media (max-width: 768px) and (min-width: 415px) {
  .vd-tablet-hidden {
    .hide();
  }
}

body.vd-rmobile .vd-mobile-hidden {
  .hide();
}
@media (max-width: 479px) {
  .vd-mobile-hidden {
    .hide();
  }
}

.vd-triggered {
  visibility: initial;
  opacity: initial;
}
.vd-flex-triggered {
  .vd-triggered;
}*/



.vd-flex {
    display: flex;

    &.vd-triggered {
        .vd-flex-triggered();
    }
}

.vd-flex-contents {
    .vd-flex;
    -webkit-flex-flow: row wrap;
    /* Safari 6.1+ */
    flex-flow: row wrap;

    /* Required to make columns display correctly on iOS & MacOS */
    &:before,
    &:after {
        display: none;
    }
}