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

body {
}

/*--- Typography ---*/

body { color: #7f8c8d; font-family: 'Poppins'; font-size: 17px; font-style: normal; font-weight: 400; line-height: 1.5; text-decoration: none; text-transform: none; }
p { color: #646f70; font-size: 16px; line-height: 1.4; }
a { color: #1371b1; font-family: 'Poppins'; font-style: normal; font-weight: 400; text-decoration: none; }
a:hover { color: #414141; text-decoration: none; }
.sparky_logo { color: #414141; font-family: 'Poppins'; font-size: 31px; font-style: normal; font-weight: 700; line-height: 1.2; text-decoration: none; text-transform: none; }
.sparky_slogan { color: #a68637; font-family: 'Poppins'; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.7; text-decoration: none; }
h1 { color: #414141; font-family: 'Poppins'; font-size: 48px; font-style: normal; font-weight: 700; line-height: 1.2; margin-bottom: 30px; text-decoration: none; text-transform: none; }
h2, h2 a { color: #414141; font-family: 'Poppins'; font-size: 36px; font-style: normal; font-weight: 700; line-height: 1.4; margin-bottom: 30px; text-decoration: none; text-transform: none; }
h3 { color: #414141; font-family: 'Poppins'; font-size: 24px; font-style: normal; font-weight: 700; line-height: 1.2; margin-bottom: 30px; text-decoration: none; }
h4 { color: #000000; font-family: 'Poppins'; font-size: 16px; font-style: normal; font-weight: 400; 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 { background-color: #4f4f4f; color: #f9f6e0; font-family: 'Poppins'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; padding-top: 28px; padding-bottom: 28px; padding-left: 25px; padding-right: 25px; text-decoration: none; text-transform: uppercase; }
ul#menu-primary-menu.menu.dropdown ul > li > a { background-color: #a68637; color: #f0f1f3; font-family: 'Poppins'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.4; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; padding-right: 25px; }
.menu-primary-menu-container .overlay-menu ul li a, .menu-primary-menu-container .overlay-menu .nav-title { }

/*--- Layout ---*/

.sparky_container {
        background:#ededed;
        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 {
        display:none;
        }

/*- Drop-down menu -*/

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

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

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:#eeee22 !important;
            background:#000000;
        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:#262626;
            background:#ddc65f;
    }

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

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

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


.menu-primary-menu-container h3 {
    display:none;
}

/*- 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: ;
}

.menu-primary-menu-container h3 {
    display:none;
}



/*- Animations -*/

.wp-block-media-text__media {
    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: 992px) {

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

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

    .nav-toggle {
        display: none;
    }

}

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

    .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;
}