
/* IMAGE CLIP OPTIONS */
.image-clip-triangle{ clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.image-clip-pentagon{ clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); }
.image-clip-hexagon{ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
.image-clip-bevel{ clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); }
.image-clip-left-arrow{ clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }
.image-clip-right-arrow{ clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }
.image-clip-left-chevron{ clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }
.image-clip-right-chevron{ clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
.image-clip-message{ clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); }
.image-clip-circle{ clip-path: circle(50% at 50% 50%); }
.image-clip-oval{ clip-path: ellipse(25% 40% at 50% 50%); }
.image-clip-star{ clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.image-clip-inset{ clip-path: inset(5% 20% 15% 10%); }

/* IMAGE EFFECTS OPTIONS  */
.image-filter-blur{ filter: blur(1px); }
.image-filter-bright{ filter: brightness(1.5); }
.image-filter-contrast{ filter: contrast(1.5); }
.image-filter-drop-shadow{ filter: drop-shadow(2px 4px 6px black); }
.image-filter-gray-scale{ filter: grayscale(1); }
.image-filter-hue{ filter: hue-rotate(45deg); }
.image-filter-invert{ filter: invert(1); }
.image-filter-saturate{ filter: saturate(0.5); }
.image-filter-sepia{ filter: sepia(1); }

/*STANDARD CSS*/
@font-face {
    font-family: 'segoe';
    font-style: normal;
    src: url(../fonts/Segoe-Print-Font.ttf) format('truetype');
    font-display: swap;
} 
.bgvideo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.bgvideo-container iframe{
    width: 100%;
    height: 100%;
}
.bgvideo-container .videoOverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
*{
    position:relative;
}


/* SIMPLEJI STYLES */
.simpleji-text,
.simpleji-image-wrapper,
.simpleji-icon,
.simpleji-field,
.simpleji-button,
.simpleji-iframe{
    width: 100%;
    display: flex;
}

.simpleji-text.sjuie-item{
    width: 100%;
    display: list-item;
}

.simpleji-text > *{
    width: inherit;
}
.simpleji-iframe{
    height: 100%;
}
.simpleji-iframe iframe{
    width: 100%;
    height: 22rem;
}

.simpleji-vertical-align{
    /* height: 100%;
    margin-top: 0;
    margin-bottom: 0; */
    align-items: center;
}
.simpleji-image-wrapper img{
    width: 100%;
}

a{
    text-decoration: none;
    color: inherit;
}

.sjbs5-truncate-lines{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}
.sjbs5-text-lines-2 {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
}
.sjbs5-text-lines-3 {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
}
.sjbs5-text-lines-4 {
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
}
.sjbs5-text-lines-5 {
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5;
}
.sjbs5-display-7{
    font-size: calc(1rem + 1vw);
    font-weight: 300;
    line-height: 1.2;
}
body,.sjbs5-display-8{
    font-size: 1.2rem;
}
/* .sjbs5-btn-primary{
    background: #6610cb;
    color: white;
}
.sjbs5-btn-primary:hover{
    background: #3d047f;
    color: white;
} */
form{
    color: black;
}

/**IMAGES ASPECT RATIO CLASSES */
.simpleji-image-square,.simpleji-image-squares .simpleji-image-wrapper,
.simpleji-image-portrait,.simpleji-image-portraits .simpleji-image-wrapper,
.simpleji-image-landscape,.simpleji-image-landscapes .simpleji-image-wrapper
{
    width: 100%;
    height: 0;
    position: relative;
}
.simpleji-image-square,.simpleji-image-squares .simpleji-image-wrapper{
    padding-top: 100%;
}
.simpleji-image-portrait,.simpleji-image-portraits .simpleji-image-wrapper{
    padding-top: 133%;
}
.simpleji-image-landscape,.simpleji-image-landscapes .simpleji-image-wrapper{
    padding-top: 65%;
}
.simpleji-image-square img,
.simpleji-image-portrait img,
.simpleji-image-landscape img,
.simpleji-image-landscapes .simpleji-image-wrapper img,
.simpleji-image-portraits .simpleji-image-wrapper img,
.simpleji-image-squares .simpleji-image-wrapper img{
    height: 100% !important;
    width: 100%  !important;
    bottom: 0;
    left: 0;
    position: absolute  !important;
    object-fit: cover;
}


#designFloatSettings{
    z-index: 1;
    top: 120px;
}
#designFloatSettings .sjbs5-dropdown-menu{
    left: 40px !important;
}