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

body {
}

/*--- Typography ---*/

body { }
p { }
a { }
a:hover { }
.paradise_logo { }
.paradise_slogan { }
h1 { }
h2, h2 a { }
h3 { }
h4 { }
h5 { }
h6 { }
ul#menu-rightside.menu.static a { color: #2c343c; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 700; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; }
ul#menu-rightside.menu.dropdown > li > a { color: #2c343c; font-size: 16px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; border-top-style: solid; }
ul#menu-rightside.menu.dropdown ul > li > a { color: #ffffff; font-family: 'Roboto'; font-size: 13px; font-style: normal; font-weight: 400; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; }
.menu-rightside-container .overlay-menu ul li a, .menu-rightside-container .overlay-menu .nav-title { color: #ffffff; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 700; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; }

/*--- Layout ---*/

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

.paradise_cell {
    padding:30px 15px;
    margin:0;
}

.paradise_container > * {
    float: left;
}



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

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

    .paradise_container > * {
        float: none;
    }

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

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

    .full .paradise_container {
        width:100%;
    }

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

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

@media (min-width: 768px) {

    .paradise_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 .paradise_container {
        width:100%;
    }

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

}

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

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

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

    .paradise_cols_2,
    .paradise_cols_3,
    .paradise_cols_4,
    .paradise_cols_5,
    .paradise_cols_6 {
        margin: 0 -1%;
    }

    .paradise_cols_2 article {
        width: 48%;
    }

    .paradise_cols_3 article {
        width: 31.33%;
    }

    .paradise_cols_4 article {
        width: 23%;
    }

    .paradise_cols_5 article {
        width: 18%;
    }

    .paradise_cols_6 article {
        width: 14.66%;
    }

    .paradise-main-col > article,
    .paradise_cols_2 article:nth-of-type(2n+1),
    .paradise_cols_3 article:nth-of-type(3n+1),
    .paradise_cols_4 article:nth-of-type(4n+1),
    .paradise_cols_5 article:nth-of-type(5n+1),
    .paradise_cols_6 article:nth-of-type(6n+1) {
        clear: both;
    }

}

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

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

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

@media (min-width: 1200px) {

    .paradise_container {
            width:1200px;
            margin:0 auto;
        padding:0;
    }

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

}

/*--- Menus ---*/

/*- Static menu -*/

ul#menu-rightside.menu.static {
    }


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

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

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

/*- Drop-down menu -*/

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

ul#menu-rightside.menu.dropdown ul {
        background:#d44457;
            text-align:center;
        width:190px;
    }

ul#menu-rightside.menu.dropdown > li.current-menu-ancestor > a,
ul#menu-rightside.menu.dropdown > li.current-menu-item > a {
        color:#ffffff !important;
            background:#d44457;
        cursor:pointer;
}

ul#menu-rightside.menu.dropdown > li:hover,
ul#menu-rightside.menu.dropdown > li:hover a,
ul#menu-rightside.menu.dropdown > li > a:hover {
        color:#ffffff;
            background:#d44457;
    }

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

ul#menu-rightside.menu.dropdown li ul a:hover {
    }

ul#menu-rightside.menu.dropdown li ul ul {
    left:190px;
}


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

/*- Off-canvas menu -*/

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

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

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

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



/*--- 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: 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:1200px !important;
}