/*
Theme Name: NineZeroSeven Child
Theme URI: http://www.webcreations907.com
Author: webcreations907
Author URI: http://themeforest.net/user/webcreations907
Template: ninezeroseven
Description: One Page Parallax Theme ~ If you need support please use the <a href="http://support.webcreations907.com/">Theme's Support Forum</a>
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black,white,orange,flexible-width,custom-background,custom-colors,featured-images,full-width-template,theme-options,translation-ready,left-sidebar,right-sidebar
*/

@import url("../ninezeroseven/style.css");


/************************************************************************
* Custom CSS code below
*************************************************************************/

/* SVG FIX
================================================== */

.site-logo-title img {
    height: 60px !important;
}

.sw3d-hr img {
    height: 25px !important;
}

.wbc-logo-carousel > div {
    height: 100%;
    display: flex;
}

.wbc-logo-carousel div img {
    width: 2000px; /* SVG Cheat ?! */
    display: block;
    margin: 0 auto;
    height: 100%;
}

/* VIDEO FIX
================================================== */


.wbc-video-bg {
    opacity: 1 !important;
    filter:alpha(opacity=1) !important;
}

.mobile-video-image {
    opacity: 0;
    transition: opacity 4s ease;
}



/* CURSOR
================================================== */

/*
cursor: pointer;
cursor: default !important;
pointer-events: none;
pointer-events: auto;
}*/

.sw3d-cursor-container {
	position: absolute; left:0; top: 0; right: 0; 
}

.sw3d-custom-cursor {
    position: fixed;
    will-change: transform;
    pointer-events: none;
    z-index: 100001;
    transform: translate3d( -100%,-100%,0 );
    width: 80px;
    height: 80px;
    -webkit-transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (min-width: 1025px) {

    .sw3d-deactivate-browser-cursor,
    .sw3d-deactivate-browser-cursor * {
        cursor: none !important;
    }

}

.sw3d-custom-cursor .sw3d-custom-cursor-inner {
    display: block;
    width: 80px;
    height: 80px;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform-origin: center center;
}

.sw3d-custom-cursor.sw3d-custom-cursor-hide {
    opacity: 0;
}

.sw3d-custom-cursor .text {
    position: absolute;
    top: 0;
    font-size: 10px;
    letter-spacing: 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 100%;
}

.sw3d-custom-cursor svg {
    width: 100%;
    height: auto;
}

.sw3d-custom-cursor svg ellipse.circle {
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform-origin: center center;
    shape-rendering: geometricPrecision;
}

.sw3d-custom-cursor svg ellipse.circle {
    fill: transparent;
    stroke: rgba(255,255,255,0.3);
    stroke-width: 1px;
}

.sw3d-custom-cursor svg ellipse.circle-animation {
    fill: transparent;
    stroke: rgba(255,255,255,0.3);
    stroke-width: 1;
    shape-rendering: geometricPrecision;
    stroke-dasharray: 150.72;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
}

.sw3d-custom-cursor.loading svg ellipse.circle-animation {
    -webkit-animation: circle-animation 1s linear;
    animation: circle-animation 1s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
}

.sw3d-custom-cursor.loading svg ellipse.circle {
    opacity: 0;
}

.sw3d-custom-cursor[data-cursor="link"] svg ellipse.circle,
.sw3d-custom-cursor[data-cursor="link"] svg ellipse.circle-animation {
    transform: scale(0.5);
}

.sw3d-custom-cursor svg ellipse.circle-inner,
.sw3d-custom-cursor svg ellipse.circle-spinner {
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    fill: rgba(255,255,255,1);
    transform-origin: center;
}

.sw3d-custom-cursor svg ellipse.circle-spinner {
    transform: translate3d(-50px,0,0);
}

.sw3d-custom-cursor.sw3d-custom-cursor-mousedown svg ellipse.circle-inner {
    transition-delay: 100ms;
}

.sw3d-custom-cursor.sw3d-custom-cursor-mousedown svg ellipse.circle {
    transition-delay: 100ms;
}

.sw3d-custom-cursor[data-cursor="link"].sw3d-custom-cursor-mousedown svg ellipse.circle-inner {
    fill: rgba(55, 114, 255, 1);
}

.sw3d-custom-cursor[data-cursor="link"].sw3d-custom-cursor-mousedown svg ellipse.circle {
    fill: rgba(55, 114, 255, 0.1);
    stroke: rgba(55, 114, 255, 0.3);
}

.sw3d-custom-cursor svg .plus,
.sw3d-custom-cursor svg .cross-left,
.sw3d-custom-cursor svg .cross-right,
.sw3d-custom-cursor svg .arrow,
.sw3d-custom-cursor svg .play {
    fill: #FFF;
    transform-origin: center center;
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: scale(0);
}

.sw3d-custom-cursor svg .arrow.arrow-right {
    transform: scale(0) rotate(180deg);
}

.sw3d-custom-cursor svg .plus {
    shape-rendering: crispEdges;
}

.sw3d-custom-cursor svg .plus.rotate {
    transform: scale(0) rotate(90deg);
}

.sw3d-custom-cursor svg .cross-left {
    transform: scale(0) rotate(45deg);
}

.sw3d-custom-cursor svg .cross-right {
    transform: scale(0) rotate(-45deg);
}

.sw3d-custom-cursor[data-cursor="image"] svg ellipse.circle-inner {
    transform: scale(0);
}

.sw3d-custom-cursor[data-cursor="image"] svg .plus {
    transform: scale(0.5);
}

.sw3d-custom-cursor[data-cursor="image"] svg .plus.rotate {
    transform: scale(0.5) rotate(90deg);
}

.sw3d-custom-cursor[data-cursor="video"] svg ellipse.circle-inner {
    transform: scale(0);
}

.sw3d-custom-cursor[data-cursor="video"] svg .play {
    transform: scale(0.5);
}

.sw3d-custom-cursor[data-cursor="close"] svg ellipse.circle-inner {
    transform: scale(0);
}

.sw3d-custom-cursor[data-cursor="close"] svg .cross-left {
    transform: scale(0.5) rotate(45deg);
}

.sw3d-custom-cursor[data-cursor="close"] svg .cross-right {
    transform: scale(0.5) rotate(-45deg);
}

.sw3d-custom-cursor[data-cursor="arrow-left"] svg .arrow.arrow-left {
    transform: scale(0.3);
}

.sw3d-custom-cursor[data-cursor="arrow-right"] svg .arrow.arrow-right {
    transform: scale(0.3) rotate(180deg);
}

.sw3d-custom-cursor[data-cursor="arrow-left"] svg ellipse.circle-inner,
.sw3d-custom-cursor[data-cursor="arrow-right"] svg ellipse.circle-inner {
    transform: scale(0);
}

#sw3d-custom-cursor-pulse {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    transform: translate3d(-100%,-100%,0);
    margin: -4px 0 0 -4px;
    background: rgba( 255,255,255,0.5 );
    opacity: .3;
    position: fixed;
    will-change: transform;
    pointer-events: none;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 100000;
}

.sw3d-custom-cursor .text span {
    display: block;
    width: 60%;
}

/* Cursor Inverted */
.sw3d-custom-cursor.sw3d-custom-cursor-small svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small svg ellipse.circle-animation {
    transform: scale(0.5);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="link"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="link"] svg ellipse.circle-animation {
    transform: scale(1);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off).sw3d-cursor-force-size[data-cursor="link"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off).sw3d-cursor-force-size[data-cursor="link"] svg ellipse.circle-animation {
    transform: scale(1);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="video"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="video"] svg ellipse.circle-animation {
    transform: scale(1);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="image"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="image"] svg ellipse.circle-animation {
    transform: scale(1);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="close"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="close"] svg ellipse.circle-animation {
    transform: scale(1);
}

.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="arrow-left"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="arrow-left"] svg ellipse.circle-animation,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="arrow-right"] svg ellipse.circle,
.sw3d-custom-cursor.sw3d-custom-cursor-small:not(.sw3d-custom-cursor-grow-off)[data-cursor="arrow-right"] svg ellipse.circle-animation {
    transform: scale(1);
}

/* Cursor Light Color Skin */
.sw3d-custom-cursor.sw3d-custom-cursor-contrast svg ellipse.circle {
    filter: drop-shadow( 0px 1px 0px rgba(1, 1, 1, 0.9) );
}

/* Cursor Dark Color Skin */
.sw3d-custom-cursor[data-skin="dark"] svg ellipse.circle {
    stroke: rgba(21,21,21,1);
}

.sw3d-custom-cursor[data-skin="dark"] svg ellipse.circle-animation {
    stroke: rgba(21,21,21,1);
}

.sw3d-custom-cursor[data-skin="dark"] svg ellipse.circle-inner {
    fill: #151515;
}

.sw3d-custom-cursor[data-skin="dark"] svg .plus {
    fill: #151515;
}

.sw3d-custom-cursor[data-skin="dark"] svg .arrow {
    fill: #151515;
}

.sw3d-custom-cursor[data-skin="dark"] svg .cross-left,
.sw3d-custom-cursor[data-skin="dark"] svg .cross-right {
    fill: #151515;
}


@-webkit-keyframes circle-animation {
    0% {
        transform: rotate(0deg);
        stroke-dashoffset: 31.68;
    }

    50% {
        transform: rotate(720deg);
        stroke-dashoffset: 150.72;
    }

    100% {
        transform: rotate(1080deg);
        stroke-dashoffset: 31.68;
    }
}


@keyframes circle-animation {
    0% {
        transform: rotate(0deg);
        stroke-dashoffset: 31.68;
    }

    50% {
        transform: rotate(720deg);
        stroke-dashoffset: 150.72;
    }

    100% {
        transform: rotate(1080deg);
        stroke-dashoffset: 31.68;
    }
}

@media (max-width: 1024px) {

    .sw3d-custom-cursor {
        display: none;
    }

}