/*
 * IntelliWidget Elements *
 */

/* Clearfix */

.clearfix:before, .clearfix:after, .ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: ' ';
    display: table;
}
.ui-helper-clearfix:after, .clearfix:after {
    clear: both;
}
.clear {
    clear: both;
}

/* set aspect ratio */
.use-aspect-ratio, .arn, .ard, .arc, .arh, .art, .ars, .arp, .arr, .arx {
    position: relative;
    overflow: hidden;
    display: block;
}
.use-aspect-ratio:before, .arn:before, .ard:before, .arc:before, 
.arh:before, .art:before, .ars:before, .arp:before, .arr:before, .arx:before {
    content: '';
    display: block;
}
.aspect-ratio-xt:before, .arx:before {
    padding-top: 14%;  /* extra thin ~ 10:1 */
}
.aspect-ratio-th:before, .aspect-ratio-na:before, .arn:before {
    padding-top: 27.5%;  /* narrow ~ 3.6:1 */
}
.aspect-ratio-scope:before, .aspect-ratio-ci:before, .arc:before {
    padding-top: 41.84%; /*  anamorphic, 2.39:1 */
}
.aspect-ratio-double:before, .ard:before {
    padding-top: 50%; /* 2 x 1 width */
}
.aspect-ratio-hidef:before, .aspect-ratio-vi:before, .arh:before {
    padding-top: 56.25%; /* high definition: 16:9 */
}
.aspect-ratio-tv:before, .art:before {
    padding-top: 75%;    /* tv: 4:3 */
}
.aspect-ratio-square:before, .aspect-ratio-sq:before, .ars:before {
    padding-top: 100%;   /* square: 1:1 */
}
.aspect-ratio-portrait:before, .aspect-ratio-po:before, .arp:before {
    padding-top: 140%;   /* portrait: 5:9 */
}
.aspect-ratio-rectangle:before, .aspect-ratio-re:before, .arr:before {
    padding-top: 50%;   /* rectangle: 2:1 */
}
.use-aspect-ratio > div, .use-aspect-ratio > a, .use-aspect-ratio > video, .use-aspect-ratio > iframe, 
.arx > div, .arx > a, .arx > video, .arx > iframe, 
.arn > div, .arn > a, .arn > video, .arn > iframe, 
.ard > div, .ard > a, .ard > video, .ard > iframe, 
.arc > div, .arc > a, .arc > video, .arc > iframe, 
.arh > div, .arh > a, .arh > video, .arh > iframe, 
.art > div, .art > a, .art > video, .art > iframe, 
.ars > div, .ars > a, .ars > video, .ars > iframe, 
.arp > div, .arp > a, .arp > video, .arp > iframe, 
.arr > div, .arr > a, .arr > video, .arr > iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /**
     * this breaks on safari
     * right:0;
     * bottom:0;
     */
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}


/* cover background */
.bgcover, .bgcover-top, .bgcover-bottom, .bgcover-left, .bgcover-right, 
.bgcover-left-top, .bgcover-left-bottom, .bgcover-right-top, .bgcover-right-bottom {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bgcover-top {
    background-position: center top;
}
.bgcover-bottom {
    background-position: center bottom;
}
.bgcover-left {
    background-position: left center;
}
.bgcover-right {
    background-position: right center;
}
.bgcover-right-top {
    background-position: right top;
}
.bgcover-right-bottom {
    background-position: right bottom;
}
.bgcover-left-top {
    background-position: left top;
}
.bgcover-left-bottom {
    background-position: left bottom;
}
.bgcontain {
    background-size: contain !important;
}
/* padding, center and vertial alignment */

/* centered containers */
.center-page, .center-page-narrow, .center-page-xnarrow {
    margin-right: auto;
    margin-left: auto;
}
.center-page {
    max-width: 1160px;
}
.center-page-narrow {
    max-width: 980px;
}
.center-page-xnarrow {
    max-width: 768px;
}

/* ADMIN - flexbox containers */
.wp-admin .row > *, .wp-admin .flex-row > * {
    margin-bottom: inherit;
}
.fullheight {
    height: 100vh;
}
.center-vertical {
    position: relative;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto !important;
}
.abstop {
    position: absolute !important;
    top: 0;
    left: 0;
}
.fixtop {
    position: fixed !important;
    top: 0;
    left: 0;
}
.absbottom {
    position: absolute !important;
    bottom: 0;
    left: 0;
}
.rel {
    position: relative !important;
}
/* pure CSS parallax */

.parallax-wrapper {
    height: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    perspective: 300px;
    perspective-origin: center top;
    -webkit-overflow-scrolling: touch;
}
.parallax-back {
    -moz-transform: translateZ(-300px) scale( 2 ) translateY(25%); /* scale(2); */
    -webkit-transform: translateZ(-300px) scale( 2 ) translateY(25%); /* scale(2); */
    -o-transform: translateZ(-300px) scale( 2 ) translateY(25%); /* scale(2); */
    transform: translateZ(-300px) scale( 2 ) translateY(25%); /* scale(2); */
    /*transform-style: unset;*/
    /*z-index: 5;*/
    opacity: 0;
    transition: opacity .3s;
}
.parallax-mid {
    -webkit-transform: translateZ(150px) translateY(12.5%) scale(1.5);
    -moz-transform: translateZ(150px) translateY(12.5%) scale(1.5);
    -o-transform: translateZ(150px) translateY(12.5%) scale(1.5);
    transform: translateZ(150px) translateY(12.5%) scale(1.5);
    /*transform-style: unset;*/
    /*z-index: 1;*/
    opacity: 0;
    transition: opacity .3s;
}
.parallax-front {
    -webkit-transform: translateZ(3px) translateY(0) scale(0.99);
    -moz-transform: translateZ(3px) translateY(0) scale(0.99);
    -o-transform: translateZ(3px) translateY(0) scale(0.99);
    transform: translateZ(3px) translateY(0) scale(0.99);
    /*transform-style: unset;*/
    z-index: 1;
}
.parallax-front.center-vertical {
    -webkit-transform: translateZ(3px) translateY(-50%) scale(0.99);
    -moz-transform: translateZ(3px) translateY(-50%) scale(0.99);
    -o-transform: translateZ(3px) translateY(-50%) scale(0.99);
    transform: translateZ(3px) translateY(-50%) scale(0.99);
    /*transform-style: unset;*/
    z-index: 1;
}
.parallax-container {
    transform-style: preserve-3d;
    overflow: unset;
}
/* hide background parallax layers until they can be resized */
.parallax-container .parallax-back, .parallax-container .parallax-mid {
    opacity: 1;
}

/*
.parallax-wrapper div, .parallax-wrapper ul, .parallax-wrapper li {
    transform-style: preserve-3d;
}
*/
.wp-admin .parallax-wrapper, .wp-admin .parallax-container, .wp-admin .parallax-back, .wp-admin .parallax-front {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    transform-style: flat;
    height: auto;
    overflow-y: visible;
    overflow-x: visible;
    perspective: unset;
    perspective-origin: unset;
}
.pagecells-panels .panel {
    display: none;
}
.pagecells-panels .panel:first-child {
    display: block;
}