/*------------ DYNAMICALLY GENERATED CSS STYLESHEET ---------------*/

body {
}

/*--- Typography ---*/

body { color: #7f8c8d; font-family: 'Lato'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; text-decoration: none; text-transform: none; }
p { }
a { color: #1abc9c; font-family: 'Lato'; font-style: normal; font-weight: 700; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.sparky_logo { color: #34495e; font-family: 'Lato'; font-size: 28px; font-style: normal; font-weight: 900; line-height: 1; text-decoration: none; text-transform: none; }
.sparky_slogan { color: #ffffff; font-family: 'Lato'; font-size: 10px; font-style: normal; font-weight: 400; line-height: 1.4; text-decoration: none; text-transform: uppercase; }
h1 { color: #34495e; font-family: 'Lato'; font-size: 60px; font-style: normal; font-weight: 700; line-height: 1.2; margin-bottom: 30px; text-decoration: none; text-transform: none; }
h2, h2 a { color: #34495e; font-family: 'Lato'; font-size: 36px; font-style: normal; font-weight: 900; line-height: 1.4; margin-bottom: 30px; text-decoration: none; text-transform: none; }
h3 { color: #34495e; font-family: 'Lato'; font-size: 18px; font-style: normal; font-weight: 700; line-height: 1.2; margin-bottom: 30px; text-decoration: none; text-transform: uppercase; }
h4 { color: #34495e; font-family: 'Lato'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.4; margin-bottom: 30px; text-decoration: none; text-transform: none; }
h5 { }
h6 { }
ul#menu-primary-menu.menu.static a { }
ul#menu-primary-menu.menu.dropdown > li > a { color: #7f8c8d; font-family: 'Lato'; font-size: 14px; font-style: normal; font-weight: 900; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; }
ul#menu-primary-menu.menu.dropdown ul > li > a { color: #7f8c8d; font-family: 'Lato'; font-size: 13px; font-style: normal; font-weight: 400; line-height: 1.4; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; }
.menu-primary-menu-container .overlay-menu ul li a, .menu-primary-menu-container .overlay-menu .nav-title { }

/*--- Layout ---*/

.sparky_container {
        margin:0 auto;
    padding:0;
}

.sparky_cell {
    padding:15px 15px;
    margin:0;
}

.sparky_container > * {
    float: left;
}



/*--- Screen < 768px and > Template width ---*/

@media (max-width: 767px) {
    .sparky_container {
        width: 100%;
    }

    .sparky_container > * {
        float: none;
    }

    [class*="sparkle"] {
        width: 100%;
    }

    .two [class*="sparkle"] {
        width: 50%;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_cell {
        margin: 0;
        padding: 0;
    }
}

/*--- Screen >= 768px and < Template width ---*/

@media (min-width: 768px) {

    .sparky_container {
        width: 750px;
    }

    .sparkle1 {
        width: 8.33333333%;
    }

    .sparkle2 {
        width: 16.66666667%;
    }

    .sparkle3 {
        width: 25%;
    }

    .sparkle4 {
        width: 33.33333333%;
    }

    .sparkle5 {
        width: 41.66666667%;
    }

    .sparkle6 {
        width: 50%;
    }

    .sparkle7 {
        width: 58.33333333%;
    }

    .sparkle8 {
        width: 66.66666667%;
    }

    .sparkle9 {
        width: 75%;
    }

    .sparkle10 {
        width: 83.33333333%;
    }

    .sparkle11 {
        width: 91.66666667%;
    }

    .sparkle12 {
        width: 100%;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_cell {
        margin: 0;
        padding: 0;
    }

}

/*--- Screen >= 992px and < Template width ---*/

@media (min-width: 992px) {
    .sparky_container {
        width: 970px;
    }

    [class*="sparky_cols_"] > article {
        float: left;
        padding: 0 15px 0 0;
        margin: 0 1%;
    }

    .sparky_cols_2,
    .sparky_cols_3,
    .sparky_cols_4,
    .sparky_cols_5,
    .sparky_cols_6 {
        margin: 0 -1%;
    }

    .sparky_cols_2 article {
        width: 48%;
    }

    .sparky_cols_3 article {
        width: 31.33%;
    }

    .sparky_cols_4 article {
        width: 23%;
    }

    .sparky_cols_5 article {
        width: 18%;
    }

    .sparky_cols_6 article {
        width: 14.66%;
    }

    .sparky-main-col > article,
    .sparky_cols_2 article:nth-of-type(2n+1),
    .sparky_cols_3 article:nth-of-type(3n+1),
    .sparky_cols_4 article:nth-of-type(4n+1),
    .sparky_cols_5 article:nth-of-type(5n+1),
    .sparky_cols_6 article:nth-of-type(6n+1) {
        clear: both;
    }

}

/*--- Screen >= 1200px and < Template width ---*/

@media (min-width: 1200px) {
    .sparky_container {
        width: 1170px;
    }
}

/*--- Screen >= Template width ---*/

@media (min-width: 1140px) {

    .sparky_container {
            width:1140px;
            margin:0 auto;
        padding:0;
    }

    [class*="sparkle"] {
        margin-left: 0;
    }

}

/*--- Menus ---*/

/*- Static menu -*/

ul#menu-primary-menu.menu.static {
    }


#menu-primary-menu.menu.static a {
    display:block;
}

#menu-primary-menu.menu.static a:hover {
        }

.menu-primary-menu-container h3 {
        }

/*- Drop-down menu -*/

ul#menu-primary-menu.menu.dropdown {
        text-align:right;
    }

ul#menu-primary-menu.menu.dropdown ul {
        background:#eeeeee;
            text-align:left;
        width:160px;
    }

ul#menu-primary-menu.menu.dropdown > li a {
    outline: 0;
}

ul#menu-primary-menu.menu.dropdown > li.current-menu-ancestor > a,
ul#menu-primary-menu.menu.dropdown > li.current-menu-item > a {
        color:#1abc9c !important;
            cursor:pointer;
}

ul#menu-primary-menu.menu.dropdown > li:hover,
ul#menu-primary-menu.menu.dropdown > li:hover > a,
ul#menu-primary-menu.menu.dropdown > li > a:hover {
        color:#1abc9c;
            background:#eeeeee;
    }

ul#menu-primary-menu.menu.dropdown li ul li:hover {
    }

ul#menu-primary-menu.menu.dropdown li ul a:hover {
        color:#1abc9c;
    }

ul#menu-primary-menu.menu.dropdown li ul ul {
    left:160px;
}

ul#menu-primary-menu.menu.dropdown > li.menu-item-has-children > a {
    background-image:url(https://wpdemo.hotjoomlatemplates.com/app/wp-content/themes/hot-app/images/arrow_down.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:15px 15px;
    margin-right: 15px;
    padding-right: 25px;
}

ul#menu-primary-menu.menu.dropdown li li.menu-item-has-children > a {
    background:url(https://wpdemo.hotjoomlatemplates.com/app/wp-content/themes/hot-app/images/arrow_right.png) no-repeat right center;
}


/*- Off-canvas menu -*/

.menu-primary-menu-container .overlay-menu {
    background: rgba(51, 55, 69, 0.80);
}

.menu-primary-menu-container .open-menu {
    float:right;
}

.menu-primary-menu-container .overlay-menu ul li a:hover,
.menu-primary-menu-container .overlay-menu ul li a:focus,
.menu-primary-menu-container .overlay-menu ul li a:active {
    color: ;
}




/*- Animations -*/

.wp-block-media-text__media,
.animated_logo .wp-block-image {
    opacity: 0;
}

.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.rotate-in-center {
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

/*--- Responsive top menu ---*/


@media screen and (min-width: 993px) {

    .js .nav-collapse {
        position: relative;
    }

    .js .nav-collapse.closed {
        max-height: none;
    }

    .nav-toggle {
        display: none;
    }

}

@media screen and (max-width: 992px) {

    .nav-collapse.closed {
        overflow:hidden;
    }

    ul.menu.dropdown, ul.menu.starting {
        display: none;
    }

    .nav-collapse.opened ul.menu.dropdown {
        display: block;
    }

}

/*--- For WP customizer only ---*/

.fluidwidth {
    width:100% !important;
}

.fixedwidth {
    width:1140px !important;
}