/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
@import url("//use.fontawesome.com/releases/v5.0.6/css/brands.css"); /* FA CSS import */


#ball-master, #arrow-master {
  display: none;
}

.elementor-popup-modal .dialog-close-button{
    border-radius: 50%;
    padding: .2em;
    transform: translateX(50%);
}

a[href*="fb.watch"]::after, a[href*="youtube.com"]::after, a[href*=".pdf"]::after{
    font-family:"Font Awesome 5 Brands";
    display:inline-block;
    margin-left: .5em;
    vertical-align: middle;
    font-size: .75em
}

a[href*="fb.watch"]::after{
    content: "\f082";
}

a[href*="youtube.com"]::after{
    content: "\f431";
}

a[href*=".pdf"]::after{
    font-family:"Font Awesome 5 Free";
    content:"\f1c1";
}

body{
    overflow-x: hidden;
}

body:not(.elementor-editor-active) .hash-toggle{
    display: none;
}

body.elementor-page a{
    color: var( --a-color );
    text-decoration: underline;
}
body p:only-child{
    margin-bottom: 0;
}

[data-target] > div{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px !important;
    transition: all .3s ease-in-out !important;
    cursor: pointer;
    transform: scale(100%);
}
[data-target] > div:hover, [data-target].hash-toggle-active > div{
    transform: translate3d(0px, -1px, 0px);
    box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px !important;
}

[data-target] svg.arrow{
    position: absolute;
    height: 100px;
    bottom: -50px;
    right: 10px;
}

[data-target] svg.arrow path{
    stroke: var( --arrow-color ) !important;
}

[data-target] svg.arrow .line{
    stroke-dasharray: 200px;
    stroke-dashoffset: 200px;
    transition: all 500ms 500ms;
}

[data-target] svg.arrow .arrowtip{
    stroke-dasharray: 40px;
    stroke-dashoffset: 40px;
    transition: all 500ms;
}

[data-target].hash-toggle-active svg.arrow .line{
   stroke-dashoffset: 0;
   transition: all 500ms;
}

[data-target].hash-toggle-active svg.arrow .arrowtip{
    stroke-dashoffset: 0;
    transition: all 500ms 500ms;
}

.hash-toggle-close{
    border: solid 2px var( --e-global-color-13144eb );
    border-radius: 50%;
    background-color: var( --e-global-color-4f24d79 );
    color: var( --e-global-color-13144eb );
    display: block;
    font-size: 30px;
    line-height: 1;
    padding: .2em;

    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.hash-toggle-close:hover{
    background-color: var( --e-global-color-4f24d79 );
}

.section-balls{
    position: absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    overflow: hidden;
}

.section-balls .ball{
    position: absolute;
}

.section-title{
    font-family: "Lato", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: sticky;
    text-transform: uppercase;
    top: 40%;
    height: 20%;
    display: flex;
    align-items: center;
}
@media (min-width: 1300px){
    .section-title{
        padding: 40px;
        width: 240px;
        max-width: calc(50vw - 570px);
    }
}
.section-title span{
    display: block;
}

.ball {
  border-radius: 50%;
}
.ball > span {
  display: block;
  padding-top: 100%;
  font-size: 0;
}
.ball svg {
  display: block;
}
.ball.yellow {
  /* ff 3.6+ */
  background: -moz-linear-gradient(
    180deg,
    #ffed00 0%,
    #fbde00 11%,
    #f0b700 33%,
    #e07800 64%,
    #d96000 74%,
    #f05a28 100%
  );

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(
    180deg,
    #ffed00 0%,
    #fbde00 11%,
    #f0b700 33%,
    #e07800 64%,
    #d96000 74%,
    #f05a28 100%
  );

  /* opera 11.10+ */
  background: -o-linear-gradient(
    180deg,
    #ffed00 0%,
    #fbde00 11%,
    #f0b700 33%,
    #e07800 64%,
    #d96000 74%,
    #f05a28 100%
  );

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F05A28', endColorstr='#FFED00', GradientType=0 );

  /* ie 10+ */
  background: -ms-linear-gradient(
    180deg,
    #ffed00 0%,
    #fbde00 11%,
    #f0b700 33%,
    #e07800 64%,
    #d96000 74%,
    #f05a28 100%
  );

  /* global 94%+ browsers support */
  background: radial-gradient(
    circle at top,
    #ffed00 0%,
    #fbde00 11%,
    #f0b700 33%,
    #e07800 64%,
    #d96000 74%,
    #f05a28 100%
  );
}
.ball.orange {
  /* ff 3.6+ */
  background: -moz-linear-gradient(180deg, #ffdd00 0%, #ff4000 100%);

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(180deg, #ffdd00 0%, #ff4000 100%);

  /* opera 11.10+ */
  background: -o-linear-gradient(180deg, #ffdd00 0%, #ff4000 100%);

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4000', endColorstr='#FFDD00', GradientType=0 );

  /* ie 10+ */
  background: -ms-linear-gradient(180deg, #ffdd00 0%, #ff4000 100%);

  /* global 94%+ browsers support */
  background: radial-gradient(circle at top, #ffdd00 0%, #ff4000 100%);
}
.ball.lightgreen {
  /* ff 3.6+ */
  background: -moz-linear-gradient(
    180deg,
    #edf703 0%,
    #bde30d 17%,
    #72c31b 34%,
    #3ead25 44%,
    #277d1c 61%,
    #125214 78%,
    #05380f 92%,
    #002e0d 100%
  );

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(
    180deg,
    #edf703 0%,
    #bde30d 17%,
    #72c31b 34%,
    #3ead25 44%,
    #277d1c 61%,
    #125214 78%,
    #05380f 92%,
    #002e0d 100%
  );

  /* opera 11.10+ */
  background: -o-linear-gradient(
    180deg,
    #edf703 0%,
    #bde30d 17%,
    #72c31b 34%,
    #3ead25 44%,
    #277d1c 61%,
    #125214 78%,
    #05380f 92%,
    #002e0d 100%
  );

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002E0D', endColorstr='#EDF703', GradientType=1 );

  /* ie 10+ */
  background: -ms-linear-gradient(
    180deg,
    #edf703 0%,
    #bde30d 17%,
    #72c31b 34%,
    #3ead25 44%,
    #277d1c 61%,
    #125214 78%,
    #05380f 92%,
    #002e0d 100%
  );

  /* global 94%+ browsers support */
  background: radial-gradient(
    circle at top,
    #edf703 0%,
    #bde30d 17%,
    #72c31b 34%,
    #3ead25 44%,
    #277d1c 61%,
    #125214 78%,
    #05380f 92%,
    #002e0d 100%
  );
}
.ball.darkgreen {
  /* ff 3.6+ */
  background: -moz-linear-gradient(
    180deg,
    #1fc284 0%,
    #006631 46%,
    #004220 64%,
    #000000 100%
  );

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(
    180deg,
    #1fc284 0%,
    #006631 46%,
    #004220 64%,
    #000000 100%
  );

  /* opera 11.10+ */
  background: -o-linear-gradient(
    180deg,
    #1fc284 0%,
    #006631 46%,
    #004220 64%,
    #000000 100%
  );

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1FC284', GradientType=1 );

  /* ie 10+ */
  background: -ms-linear-gradient(
    180deg,
    #1fc284 0%,
    #006631 46%,
    #004220 64%,
    #000000 100%
  );

  /* global 94%+ browsers support */
  background: radial-gradient(
    circle at top,
    #1fc284 0%,
    #006631 46%,
    #004220 64%,
    #000000 100%
  );
}
.ball.blue {
  /* ff 3.6+ */
  background: -moz-linear-gradient(
    180deg,
    #2cfefe 0%,
    #29acd3 17%,
    #2671b4 30%,
    #254ca0 40%,
    #243e99 45%,
    #2b388f 68%,
    #242b79 78%,
    #130a41 100%
  );

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(
    180deg,
    #2cfefe 0%,
    #29acd3 17%,
    #2671b4 30%,
    #254ca0 40%,
    #243e99 45%,
    #2b388f 68%,
    #242b79 78%,
    #130a41 100%
  );

  /* opera 11.10+ */
  background: -o-linear-gradient(
    180deg,
    #2cfefe 0%,
    #29acd3 17%,
    #2671b4 30%,
    #254ca0 40%,
    #243e99 45%,
    #2b388f 68%,
    #242b79 78%,
    #130a41 100%
  );

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#130A41', endColorstr='#2CFEFE', GradientType=1 );

  /* ie 10+ */
  background: -ms-linear-gradient(
    180deg,
    #2cfefe 0%,
    #29acd3 17%,
    #2671b4 30%,
    #254ca0 40%,
    #243e99 45%,
    #2b388f 68%,
    #242b79 78%,
    #130a41 100%
  );

  /* global 94%+ browsers support */
  background: radial-gradient(
    circle at top,
    #2cfefe 0%,
    #29acd3 17%,
    #2671b4 30%,
    #254ca0 40%,
    #243e99 45%,
    #2b388f 68%,
    #242b79 78%,
    #130a41 100%
  );
}
.ball.bluepurple {
  /* ff 3.6+ */
  background: -moz-linear-gradient(180deg, #4ac1fa 0%, #a70083 65%);

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(180deg, #4ac1fa 0%, #a70083 65%);

  /* opera 11.10+ */
  background: -o-linear-gradient(180deg, #4ac1fa 0%, #a70083 65%);

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A70083', endColorstr='#4AC1FA', GradientType=0 );

  /* ie 10+ */
  background: -ms-linear-gradient(180deg, #4ac1fa 0%, #a70083 65%);

  /* global 94%+ browsers support */
  background: radial-gradient(circle at top, #4ac1fa 0%, #a70083 65%);
}
.ball.purple {
  /* ff 3.6+ */
  background: -moz-linear-gradient(
    180deg,
    #ff0095 0%,
    #ad1892 27%,
    #792791 46%,
    #652d90 55%,
    #5a2986 60%,
    #2b1859 87%,
    #181147 100%
  );

  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(
    180deg,
    #ff0095 0%,
    #ad1892 27%,
    #792791 46%,
    #652d90 55%,
    #5a2986 60%,
    #2b1859 87%,
    #181147 100%
  );

  /* opera 11.10+ */
  background: -o-linear-gradient(
    180deg,
    #ff0095 0%,
    #ad1892 27%,
    #792791 46%,
    #652d90 55%,
    #5a2986 60%,
    #2b1859 87%,
    #181147 100%
  );

  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181147', endColorstr='#FF0095', GradientType=1 );

  /* ie 10+ */
  background: -ms-linear-gradient(
    180deg,
    #ff0095 0%,
    #ad1892 27%,
    #792791 46%,
    #652d90 55%,
    #5a2986 60%,
    #2b1859 87%,
    #181147 100%
  );

  /* global 94%+ browsers support */
  background: radial-gradient(
    circle at top,
    #ff0095 0%,
    #ad1892 27%,
    #792791 46%,
    #652d90 55%,
    #5a2986 60%,
    #2b1859 87%,
    #181147 100%
  );
}
.ball .white {
  fill: #ffffff;
  enable-background: new;
}
.ball .circle-contour {
  opacity: 0.15;
}
.ball .drops {
  opacity: 0.5;
}
.ball .drop2 {
  opacity: 0.75;
}
.ball .reflections {
  opacity: 0.165;
}