/*
 *  Document   : themes.css
 *  Author     : idmedias
 *  Description: The themes stylesheet of the template. The classes can
 *  be used to alter the text or the background of an element individually
 *
 */
 /*
=================================================================
scroll top implementation full css
=================================================================
*/
html{scroll-behavior:smooth}body{position:relative}.scrolltop-wrap{box-sizing:border-box;position:absolute;top:12rem;right:2rem;bottom:0;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.scrolltop-wrap #scrolltop-bg{fill:#627aad}.scrolltop-wrap #scrolltop-arrow{fill:#fff}.scrolltop-wrap a:hover #scrolltop-bg{fill:#2990ff}.scrolltop-wrap a:hover #scrolltop-arrow{fill:#fff}.scrolltop-wrap a{position:fixed;position:-webkit-sticky;position:sticky;top:-5rem;width:3rem;height:3rem;margin-bottom:-5rem;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:all;outline:none;overflow:hidden}.scrolltop-wrap a svg{display:block;border-radius:50%;width:100%;height:100%}.scrolltop-wrap a svg path{transition:all .1s}.scrolltop-wrap a #scrolltop-arrow{-webkit-transform:scale(0.66);transform:scale(0.66);-webkit-transform-origin:center;transform-origin:center}@media print{.scrolltop-wrap{display:none!important}}html{overflow-y:scroll}

/*
=================================================================
THEME DEFAULT
=================================================================
*/

.themed-color-default {
    color: #5ccdde !important;
}

.themed-background-default {
    background-color: #5ccdde !important;
}

.themed-color-dark-default {
    color: #454e59 !important;
}

.themed-background-dark-default {
    background-color: #454e59 !important;
}

/*
=================================================================
THEME SOCIAL
=================================================================
*/

.themed-color-social {
    color: #627aad !important;
}

.themed-background-social {
    background-color: #627aad !important;
}

.themed-color-dark-social {
    color: #333333 !important;
}

.themed-background-dark-social {
    background-color: #333333 !important;
}

/*
=================================================================
THEME FLAT
=================================================================
*/

.themed-color-flat {
    color: #45a7b9 !important;
}

.themed-background-flat {
    background-color: #45a7b9 !important;
}

.themed-color-dark-flat {
    color: #374249 !important;
}

.themed-background-dark-flat {
    background-color: #374249 !important;
}

/*
=================================================================
THEME AMETHYST
=================================================================
*/

.themed-color-amethyst {
    color: #7c62ad !important;
}

.themed-background-amethyst {
    background-color: #7c62ad !important;
}

.themed-color-dark-amethyst {
    color: #353a4d !important;
}

.themed-background-dark-amethyst {
    background-color: #353a4d !important;
}

/*
=================================================================
THEME CREME
=================================================================
*/

.themed-color-creme {
    color: #b09573 !important;
}

.themed-background-creme {
    background-color: #b09573 !important;
}

.themed-color-dark-creme {
    color: #49443d !important;
}

.themed-background-dark-creme {
    background-color: #49443d !important;
}

/*
=================================================================
THEME PASSION
=================================================================
*/

.themed-color-passion {
    color: #de4b39 !important;
}

.themed-background-passion {
    background-color: #de4b39 !important;
}

.themed-color-dark-passion {
    color: #252d2f !important;
}

.themed-background-dark-passion {
    background-color: #252d2f !important;
}

/*
=================================================================
THEME CLASSY
=================================================================
*/

.themed-color-classy {
    color: #777777 !important;
}

.themed-background-classy {
    background-color: #777777 !important;
}

.themed-color-dark-classy {
    color: #353535 !important;
}

.themed-background-dark-classy {
    background-color: #353535 !important;
}
/*
=================================================================
THEME JAUNEFLATRECHERCHE
=================================================================
*/

.themed-color-jauneflat {
    color: #f99d36 !important;
}

.themed-background-jauneflat {
    background-color: #f99d36 !important;
}

.themed-color-dark-jauneflat {
    color: #f99d36 !important;
}

.themed-background-dark-jauneflat {
    background-color: #f99d36 !important;
}
/*
=================================================================
THEME ZEN
=================================================================
*/

.themed-color-zenflat {
    color: #18BD9B !important;
}

.themed-background-zenflat {
    background-color: #18BD9B !important;
}

.themed-color-dark-zenflat {
    color: #18BD9B !important;
}

.themed-background-dark-zenflat {
    background-color: #18BD9B !important;
}
/*
=================================================================
THEME recherche
=================================================================
*/

.themed-color-recherche {
    color: #CDDC39 !important;
}

.themed-background-recherche {
    background-color: #CDDC39 !important;
	color:#FFF;
}

.themed-color-dark-recherche {
    color: #CDDC39 !important;
}

.themed-background-dark-recherche {
    background-color: #CDDC39 !important;
}
/*
=================================================================
THEME location
=================================================================
*/

.themed-background-location {
    background-color: #FFC107 !important;
	color:#FFF;
}
/*
=================================================================
THEME commerces
=================================================================
*/

.themed-background-commerces {
    background-color: #5CADE2 !important;
	color:#FFF;
}
/*
=================================================================
THEME transaction
=================================================================
*/

.themed-background-immobilier {
    background-color: #EC407A !important;
	color:#FFF;
}