<?php
include dirname(dirname(dirname(dirname(dirname(__FILE__))))).'/immoWEB/bootstrap.php';

header('Content-Type: text/css');
header('Cache-Control: max-age=' . (7*24*3600));
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 7*24*3600) . ' GMT');
header('Pragma: cache');


/*-----------  colors for INFINITY template  ---------------*/


/*----- COLORS and FONTS -----*/

function hex2rgb($hex) {
   $hex = str_replace("#", "", $hex);

   if (strlen($hex) == 3) {
      $r = hexdec(substr($hex,0,1).substr($hex,0,1));
      $g = hexdec(substr($hex,1,1).substr($hex,1,1));
      $b = hexdec(substr($hex,2,1).substr($hex,2,1));
   } else {
      $r = hexdec(substr($hex,0,2));
      $g = hexdec(substr($hex,2,2));
      $b = hexdec(substr($hex,4,2));
   }
   $rgb = array($r, $g, $b);
   
   return implode(",", $rgb);
}


/* Body */
$bg_color_01 = WebSettings::getInstance()->colors->bg_color_01 ?? false;
$txt_color_01 = WebSettings::getInstance()->colors->txt_color_01 ?? false;
$txt_font_01 = WebSettings::getInstance()->colors->txt_font_01 ?? false;

/* Box */
$bg_color_02 = WebSettings::getInstance()->colors->bg_color_02 ?? false;
$border_02 = WebSettings::getInstance()->colors->border_02 ?? false;
$border_color_02 = WebSettings::getInstance()->colors->border_color_02 ?? false;
$separator_02 = WebSettings::getInstance()->colors->separator_02 ?? false;
$txt_color_02 = WebSettings::getInstance()->colors->txt_color_02 ?? false;
/* Box hover */
$bg_color_02h = WebSettings::getInstance()->colors->bg_color_02h ?? false;
$border_02h = WebSettings::getInstance()->colors->border_02h ?? false;
$border_color_02h = WebSettings::getInstance()->colors->border_color_02h ?? false;
$separator_02h = WebSettings::getInstance()->colors->separator_02h ?? false;
$txt_color_02h = WebSettings::getInstance()->colors->txt_color_02h ?? false;

/* Box title */
$bg_color_03 = WebSettings::getInstance()->colors->bg_color_03 ?? false;
$txt_color_03 = WebSettings::getInstance()->colors->txt_color_03 ?? false;
$txt_color_03h = WebSettings::getInstance()->colors->txt_color_03h ?? false;
$bg_color_03h = WebSettings::getInstance()->colors->bg_color_03h ?? false;

/* Slogan */
$bg_color_04 = WebSettings::getInstance()->colors->bg_color_04 ?? false;
$txt_color_04 = WebSettings::getInstance()->colors->txt_color_04 ?? false;

/* Header */
$bg_color_05 = WebSettings::getInstance()->colors->bg_color_05 ?? false;
$txt_color_05 = WebSettings::getInstance()->colors->txt_color_05 ?? false;
$txt_color_05h = WebSettings::getInstance()->colors->txt_color_05h ?? false;

/* Navigation */
$txt_color_06 = WebSettings::getInstance()->colors->txt_color_06 ?? false;
$txt_color_06h = WebSettings::getInstance()->colors->txt_color_06h ?? false;

/* HOME NAVIGATION  */
$bg_color_061 = WebSettings::getInstance()->colors->bg_color_061 ?? false;
$opacity_061 = WebSettings::getInstance()->colors->opacity_061 ?? false;
$txt_color_061 = WebSettings::getInstance()->colors->txt_color_061 ?? false;
$txt_color_061h = WebSettings::getInstance()->colors->txt_color_061h ?? false;

/* Footer infos */
$bg_color_07 = WebSettings::getInstance()->colors->bg_color_07 ?? false;
$txt_color_07 = WebSettings::getInstance()->colors->txt_color_07 ?? false;
$txt_color_07h = WebSettings::getInstance()->colors->txt_color_07h ?? false;

/* Footer buttons */
$bg_color_071 = WebSettings::getInstance()->colors->bg_color_071 ?? false;
$bg_color_071h = WebSettings::getInstance()->colors->bg_color_071h ?? false;
$txt_color_071 = WebSettings::getInstance()->colors->txt_color_071 ?? false;
$txt_color_071h = WebSettings::getInstance()->colors->txt_color_071h ?? false;

/* Footer copyright */
$bg_color_08 = WebSettings::getInstance()->colors->bg_color_08 ?? false;
$txt_color_08 = WebSettings::getInstance()->colors->txt_color_08 ?? false;
$txt_color_08h = WebSettings::getInstance()->colors->txt_color_08h ?? false;


/* Checkbox and handler */
$bg_color_09 = WebSettings::getInstance()->colors->bg_color_09 ?? false;
$border_color_09 = WebSettings::getInstance()->colors->border_color_09 ?? false;
/* Slider base */
$bg_color_10 = WebSettings::getInstance()->colors->bg_color_10 ?? false;
$border_color_10 = WebSettings::getInstance()->colors->border_color_10 ?? false;
/* Slider full */
$bg_color_11 = WebSettings::getInstance()->colors->bg_color_11 ?? false;


/* Input text */
$bg_color_12 = WebSettings::getInstance()->colors->bg_color_12 ?? false;
$border_12 = WebSettings::getInstance()->colors->border_12 ?? false;
$border_color_12 = WebSettings::getInstance()->colors->border_color_12 ?? false;
$txt_color_12 = WebSettings::getInstance()->colors->txt_color_12 ?? false;
/* Input text hover & focus */
$bg_color_12h = WebSettings::getInstance()->colors->bg_color_12h ?? false;
$border_12h = WebSettings::getInstance()->colors->border_12h ?? false;
$border_color_12h = WebSettings::getInstance()->colors->border_color_12h ?? false;
$txt_color_12h = WebSettings::getInstance()->colors->txt_color_12h ?? false;

/* links */
$txt_color_13 = WebSettings::getInstance()->colors->txt_color_13 ?? false;
$txt_color_13h = WebSettings::getInstance()->colors->txt_color_13h ?? false;

/* Buttons */
$bg_color_14 = WebSettings::getInstance()->colors->bg_color_14 ?? false;
$border_14 = WebSettings::getInstance()->colors->border_14 ?? false;
$border_color_14 = WebSettings::getInstance()->colors->border_color_14 ?? false;
$txt_color_14 = WebSettings::getInstance()->colors->txt_color_14 ?? false;

/* Buttons hover */
$bg_color_14h = WebSettings::getInstance()->colors->bg_color_14h ?? false;
$border_14h = WebSettings::getInstance()->colors->border_14h ?? false;
$border_color_14h = WebSettings::getInstance()->colors->border_color_14h ?? false;
$txt_color_14h = WebSettings::getInstance()->colors->txt_color_14h ?? false;

/* Pagination */
$txt_color_15 = WebSettings::getInstance()->colors->txt_color_15 ?? false;
/* Pagination hover */
$txt_color_15h = WebSettings::getInstance()->colors->txt_color_15h ?? false;

/* STANDARD h1, h2, h3, h4, h5 */
$txt_color_16 = WebSettings::getInstance()->colors->txt_color_16 ?? false;
$separator_16 = WebSettings::getInstance()->colors->separator_16 ?? false;

/* Wrapper 2  h1, h2, h3, h4, h5*/
$txt_color_17 = WebSettings::getInstance()->colors->txt_color_17 ?? false;
  
/* WRAPPER 2  */
$bg_color_18  = WebSettings::getInstance()->colors->bg_color_18 ?? false;
$txt_color_18 = WebSettings::getInstance()->colors->txt_color_18 ?? false;

/* links */
$txt_color_19 = WebSettings::getInstance()->colors->txt_color_19 ?? false;
$txt_color_19h = WebSettings::getInstance()->colors->txt_color_19h ?? false;


/* Wrapper 2  Buttons */
$bg_color_20 = WebSettings::getInstance()->colors->bg_color_20 ?? false;
$border_20 = WebSettings::getInstance()->colors->border_20 ?? false;
$border_color_20 = WebSettings::getInstance()->colors->border_color_20 ?? false;
$txt_color_20 = WebSettings::getInstance()->colors->txt_color_20 ?? false;

/* Wrapper 2 Buttons hover */
$bg_color_20h = WebSettings::getInstance()->colors->bg_color_20h ?? false;
$border_20h = WebSettings::getInstance()->colors->border_20h ?? false;
$border_color_20h = WebSettings::getInstance()->colors->border_color_20h ?? false;
$txt_color_20h = WebSettings::getInstance()->colors->txt_color_20h ?? false;

/* baseline */
$bg_color_21 = WebSettings::getInstance()->colors->bg_color_21 ?? false;
$opacity_21 = WebSettings::getInstance()->colors->opacity_21 ?? false;
$txt_color_21 = WebSettings::getInstance()->colors->txt_color_21 ?? false;

/*----- End colors -----*/ ?>


/* CSS Document */

/*-------------------------------------------------------------------------*/
/*---------------------------   CSS Infinity  ---------------------------*/
/*-------------------------------------------------------------------------*/


<?php if ($txt_font_01 == 'open_sans') { ?>
    @import url(https://fonts.googleapis.com/css?family=Open+Sans:100,400);
<?php } else if ($txt_font_01 == 'raleway') { ?>
    @import url(https://fonts.googleapis.com/css?family=Raleway:100,400);
<?php } else if ($txt_font_01 == 'neuton') { ?>
    @import url(https://fonts.googleapis.com/css?family=Neuton);
<?php } else if ($txt_font_01 == 'libre_franklin') { ?>
    @import url(https://fonts.googleapis.com/css?family=Libre+Franklin:100,400);
<?php } ?>

*, body,
.ui-widget,
.scroll_checklist_hide,
input,
textarea,
.ui-multiselect,
.ui-selectmenu-button,
.menu_top_module .ui-selectmenu-button {
    <?php if ($txt_font_01 == 'open_sans') { ?>
        font-family:"Open Sans", Arial, sans-serif;
    <?php } else if ($txt_font_01 == 'raleway') { ?>
        font-family:"Raleway", Arial, sans-serif;
    <?php } else if ($txt_font_01 == 'libre_franklin') { ?>
        font-family:"Libre Franklin", Arial, sans-serif;
    <?php } else if ($txt_font_01 == 'times') { ?>
        font-family:"Times New Roman", Times, serif;
    <?php } else if ($txt_font_01 == 'neuton') { ?>
        font-family:Neuton, Times, Times New Roman, serif;
    <?php } else if ($txt_font_01 == 'arial') { ?>
        font-family: Arial, sans-serif;
    <?php } ?>
}


body, #identification_popup,
.cms_section_dark .cms_accordion,
.body_main_index .wrapper.light_wrapper
.wrapper.light_wrapper {

    background-color:<?php echo $bg_color_01; ?>;
    color: <?php echo $txt_color_01; ?>;
}

#detail_container .pictures_energy svg .legend{
    fill: <?php echo $txt_color_01; ?>
}

#detail_container .pictures_energy svg .background line{
    stroke: <?php echo $txt_color_01; ?>;
    opacity: 0.3;
}

#detail_container .pictures_energy svg .legend .energy_st9{
    fill: <?php echo $txt_color_01; ?>;
    opacity: 0.5;
}

#team_container.cms_team_container .team_group,
.cms_separator {
    border-color:rgba(<?php echo hex2rgb($txt_color_01); ?>, 0.25);
}

/*--------- h1, h2, h3, h4, h5 ------------------*/

h2, h3, h4, h5:not(.archive_year),
.body_objects_detail #error_container .box .title h2,
.cms_section_dark .cms_accordion h2,
.cms_section_dark .cms_accordion h3,
.cms_section_dark .cms_accordion h4,
.cms_section_dark .cms_accordion h5 {
  color: <?php echo $txt_color_16; ?>;
} 


/*--------- BASELINE -------------------*/

.baseline h2,
.std_container:not(#links_container) > .box_title:not(.box_objects):not(.box_blog) .title h2, 
#contact_container .box_title .title h2, 
#blog_container .box_title .title h2, 
#error_container .box .title h2, 
#forgotten_login_container .box .title h2, 
#simulation_container .box .title h2, 
#financing_container .box .title h2, 
body:not(.body_main_presentation) #team_container .box_title .title h2, 
.body_cms_content:not(.body_cms3) .std_container:not(#team_container) .box .title h2,
.cms_team_member .title h2,
.cms_banner .cms_slider + .cms_text h1,
.cms_banner .cms_picture + .cms_text h1,
.cms_banner .cms_video + .cms_text h1,
.cms_banner .cms_slider + .cms_text h2,
.cms_banner .cms_picture + .cms_text h2,
.cms_banner .cms_video + .cms_text h2, 
.cms_banner_content .cms_text > *,
.cms_banner .cms_text_content{
    color: <?php echo $txt_color_21; ?>;
    text-shadow: 0px 0px 6px rgba(<?php echo hex2rgb($bg_color_21); ?>, <?php echo $opacity_21; ?>);
}

.body_main_index  #banner_img .banner_picture::after{
    background-image: -ms-linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 0, rgba(<?php echo hex2rgb($bg_color_21); ?>, <?php echo $opacity_21; ?>) 50%, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 100%);
    background-image: -webkit-linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 0, rgba(<?php echo hex2rgb($bg_color_21); ?>, <?php echo $opacity_21; ?>) 50%, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 100%);
    background-image: -o-linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 0, rgba(<?php echo hex2rgb($bg_color_21); ?>,<?php echo $opacity_21; ?>) 50%), rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 100%);
    background-image:linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 0, rgba(<?php echo hex2rgb($bg_color_21); ?>,<?php echo $opacity_21; ?>) 50%, rgba(<?php echo hex2rgb($bg_color_21); ?>, 0) 100%);
}

.cms_banner .cms_banner_content,
body:not(.body_main_index) #banner_img .banner_picture::after{
    background-color: rgba(<?php echo hex2rgb($bg_color_21); ?>, <?php echo $opacity_21; ?>);
}

/*------- LINKS / BUTTON / PAGINATION ----------------*/
button,
button.button, 
a.button, 
input.button, 
span.button,
.filter_buttons button,
#detail_container input[type=submit],
#recommend_container input[type=submit],
#load_more_button,
.box_contact_form input.button,
.button.send,
.news_content_box .text_content .icon_more,
.cms_section_dark .cms_accordion .button {
    background-color:<?php echo $bg_color_14; ?>;
    color:<?php echo $txt_color_14; ?>;
    <?php if ($border_14) { ?>
        border-bottom: 4px solid <?php echo $border_color_14; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

button,
button.button:hover,
a.button:hover, 
input.button:hover, 
span.button:hover,
.filter_buttons button:hover,
.filter_buttons .ui-state-default.ui-state-active,
#detail_container input[type=submit]:hover,
#recommend_container input[type=submit]:hover,
#load_more_button:hover,
.box_contact_form input.button:hover,
.button.send:hover,
.button.selected, 
.news_content_box .text_content .icon_more:hover,
.cms_section_dark .cms_accordion .button:hover {
    background-color:<?php echo $bg_color_14h; ?>;
    color:<?php echo $txt_color_14h; ?>;
    <?php if ($border_14h) { ?>
        border-bottom:4px solid <?php echo $border_color_14h; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

.news_content_box .text_content .icon_more svg *,
a.button svg * {
  fill: <?php echo $txt_color_14; ?>;
}

.news_content_box .text_content .icon_more:hover svg *,
a.button:hover svg *,
button:hover svg *  {
  fill: <?php echo $txt_color_14h; ?>;
}


a, 
.title.withlink a.link, 
.title .lookingfor_link a,
.body_main_index .title.withlink a.link,
.pagination a, 
.pagination .number_page, 
.pagination .arrow,
.account_container .account_tab, 
.account_container .login_container a:not(.button),
.account_container .login_container span,
.account_container a#button_delete_my_account,
.account_container a#new_criteria,
.account_container .account_tab span,
.account_container .account_tab:not(:first-child)::before,
.cms_section_dark .cms_accordion a,
.team_box .team_mobile a,
.team_box .team_phone a {
  color: <?php echo $txt_color_15; ?>;
}

a:hover, 
#filter .title.withlink a.link:hover,
.title.withlink a.link:hover, 
.title .lookingfor_link a:hover
.pagination a:hover, 
.pagination .number_page:hover,
.pagination .arrow:hover,
.account_container a#button_delete_my_account:hover, 
.account_container .account_tab:not(.button_inactive):hover, 
.account_container .login_container a:not(.button):hover,
.account_container a#button_delete_my_account:hover,
.account_container a#new_criteria:hover,
.account_container .account_tab:not(.button_inactive):hover span,
.cms_section_dark .cms_accordion a:hover,
.team_box .team_mobile a:hover,
.team_box .team_phone a:hover {
  color:<?php echo $txt_color_15h; ?>;
}

.pagination .arrow svg *{
  stroke:<?php echo $txt_color_15; ?>;
  fill: none;
}

#results_display a svg *,
.title.withlink a.link svg *, 
.account_container .account_tab svg *, 
.account_container .login_container svg *,
#detail_container .visit_box svg *{
  fill: <?php echo $txt_color_15; ?>;
}

.pagination .arrow:hover svg *{
  stroke:<?php echo $txt_color_15h; ?>;
  fill: none;
}

#results_display a:not(.selected):hover svg *,
.title.withlink a.link:hover svg *,
.account_container .account_tab:not(.button_inactive):hover svg * {
  fill: <?php echo $txt_color_15h; ?>;
}

  .account_container .account_tab svg, 
.account_container .login_container svg,
.account_container .account_tab.selected svg{
  border-color: <?php echo $txt_color_15; ?>;
}

.account_container .account_tab:not(.button_inactive):hover svg{
  border-color: <?php echo $txt_color_15h; ?>;
}


/*-- #navigation a svg  --*/
/*------- BOX OBJECTS STANDARD ----------------*/
.box_objects:not(.box_title), 
.box_objects_small:not(.box_title), 
.box_blog, 
.box_small, 
#lookingfor_container table,
#infosMap .box_objects,
#home_blog a.box_blog, 
.cms_box,
.mfp-container .box{
    background-color:<?php echo $bg_color_02; ?>;
    color: <?php echo $txt_color_02; ?>;
    <?php if ($border_02) { ?>
        border: 1px solid <?php echo $border_color_02; ?>;
      <?php } else { ?>
        border:none;
    <?php } ?>
}

.box_objects:not(.box_title) .infos_row, 
.box_objects_small:not(.box_title) .infos_row {
    color: <?php echo $txt_color_02; ?>;
}

.box_objects:not(.box_title):hover .infos_row, 
.box_objects_small:not(.box_title):hover .infos_row {
    color: <?php echo $txt_color_02h; ?>;
}

.box_objects:not(.box_title) .infos_row .icon svg *, 
.box_objects_small:not(.box_title) .infos_row .icon svg * {
    fill: <?php echo $txt_color_02; ?>;
}
.box_objects:not(.box_title):hover .infos_row .icon svg *, 
.box_objects_small:not(.box_title):hover .infos_row .icon svg * {
    fill: <?php echo $txt_color_02h; ?>;
}

<?php if ($border_02) { ?>
  .cms_box .cms_text_content{
    padding-left:20px;
    padding-right:20px;
  }
 <?php } ?>

.cms_box h3, 
.cms_box h4,
.cms_section_dark .cms_box h3, 
.cms_section_dark .cms_box h4{
  color: <?php echo $txt_color_02; ?>;
}

.cms_section .cms_box.team_box {
    background:none;
    border:none;
    color:<?php echo $txt_color_01; ?>;
}

.cms_section_dark .cms_box.team_box {
    color:<?php echo $txt_color_18; ?>;
}

<?php if ($bg_color_01 == $bg_color_02h) { ?>
    .cms_section_dark a.cms_box:hover,
    .cms_section_dark .cms_comp_link.cms_box:hover {
        background-color:<?php echo $bg_color_18; ?>;
        color: <?php echo $txt_color_18; ?>;
    }

    <?php if ($bg_color_03h == $bg_color_02h) { ?>
        .cms_section_dark a.cms_box:hover .cms_text_title,
        .cms_section_dark .cms_comp_link.cms_box:hover .cms_text_title,
        .cms_section_dark a.cms_box:hover .cms_text_main_title,
        .cms_section_dark .cms_comp_link.cms_box:hover .cms_text_main_title {
            background-color:<?php echo $bg_color_18; ?>;
        }

        .cms_section_dark a.cms_box:hover .cms_text_title h2,
        .cms_section_dark .cms_comp_link.cms_box:hover .cms_text_title h2,
        .cms_section_dark a.cms_box:hover .cms_text_main_title h1,
        .cms_section_dark .cms_comp_link.cms_box:hover .cms_text_main_title h1 {
            color:<?php echo $txt_color_18; ?>;
        }
    <?php }
} ?>


.box_objects:not(.box_title):hover, 
.box_objects_small:not(.box_title):hover, 
.box_blog:hover, 
.box_small:hover, 
a.cms_box:hover, 
.cms_comp_link.cms_box:hover{
    background-color:<?php echo $bg_color_02h; ?>;
    color: <?php echo $txt_color_02h; ?>;
    <?php if ($border_02h) { ?>
        border: 1px solid  <?php echo $border_color_02h; ?>;
      <?php } else { ?>
        border:none;
    <?php } ?>
}

.box_objects.box_objects_small .infos_row,
.box_objects.box_objects_small .infos_row:first-child,
.cms_section .cms_box .cms_separator{
    border-color:<?php echo $separator_02; ?>;
}

#detail_container .box .title,
#detail_container .detail_row,
#detail_container .visit_box .visit_detail .visit_row,
#lookingfor_container .box:not(.box_title) ,
.box.presses_box .title, 
.box.box_promo .title, 
.cms_thumbnails_small_cols .cms_box .cms_text_subtitle,
.account_container .account_right,
#team_container .row,
.cms_team_member .row,
#team_detail_container .row,
.news_content_box .text_content,
#financing_container .row,
#contact_container .row,
.cms_separator {
    border-color:<?php echo $separator_16; ?>;
}

<?php if ($bg_color_01 != $bg_color_02){ ?>
    
    .box_objects.box_objects_small .infos_row:nth-last-child(2){ 
        border: 0;
    }

    .box_objects.box_objects_small .title,
    .box_objects.box_objects_small .object_infos,
    .box:not(.box_blog):not(.box_promo):not(.presses_box):not(.news_box) .box_infos,
    .cms_thumbnails_small_cols .cms_box .cms_text_paragraph, 
    .cms_thumbnails_small_cols .cms_separator,
    .cms_box .box_content > .cms_text {
      padding: 10px 1em 1em;
    }

    .cms_box .cms_text_title,
    .cms_box .cms_text_main_title {
        margin-bottom:0;
    }

    .news_content_box .box.news_box .title{
      padding: 0.5em 1em 1em;
    }

    .cms_thumbnails_small_cols .cms_box .cms_text_subtitle{
      padding: 0em 1em 0em;
    }

    .news_content_box .box.box_small .box_infos, 
    .news_content_box .box.news_box .box_infos,
    .news_content_box .box_objects.box_objects_small .object_infos{
      padding: 0em 1em 1em;
    }

   
    .cms_box .cms_text_content{
      padding-left:20px;
      padding-right:20px;
    }
   

 <?php } ?>

<?php if ($bg_color_01 != $bg_color_03){ ?>

   .box_objects.box_objects_small .title,
   .cms_box .cms_text_main_title,
   .cms_box .cms_text_title {
    padding: 10px 1em 1em;
   }
   .news_content_box .box.news_box .title{
      padding: 0.5em 1em 1em;
    }
<?php } ?>

<?php if ($bg_color_02 != $bg_color_03){ ?>
    .news_content_box .box.box_small .box_infos, 
    .news_content_box .box.news_box .box_infos,
    .news_content_box .box_objects.box_objects_small .object_infos,
    .box_objects.box_objects_small .object_infos,
    .box:not(.box_blog):not(.box_promo):not(.presses_box):not(.news_box) .box_infos{
      padding: 0em 1em 1em;
    }
<?php } ?>

.box_objects.box_objects_small:hover .infos_row,
.box_objects.box_objects_small:hover .infos_row:first-child,
.cms_box:hover .cms_separator {
    border-color:<?php echo $separator_02h; ?>;
}

.box_objects_small .title,
.box_blog .title, 
.box_small .title,
#lookingfor_container .lookingfor_title td,
.cms_box .cms_text_title,
.cms_box .cms_text_main_title {
    background: <?php echo $bg_color_03; ?>;
}

.box_objects_small h2,
.box_objects_small h3,
.box_blog h2,
.box_blog .blog_date,
.box_small h2,
#lookingfor_container .lookingfor_title h4,
.cms_box .cms_text_title h2,
.cms_box .cms_text_main_title h1 {
    color: <?php echo $txt_color_03; ?>;
    
}

.box_objects_small:hover .title,
.box_blog:hover .title,
.box_small:hover .title,
a.cms_box:hover .cms_text_title,
.cms_comp_link.cms_box:hover .cms_text_title,
a.cms_box:hover .cms_text_main_title,
.cms_comp_link.cms_box:hover .cms_text_main_title{
    background: <?php echo $bg_color_03h; ?>;
}

.box_objects_small:hover h2,
.box_objects_small:hover h3,
.box_blog:hover h2,
.box_blog:hover .blog_date, 
.box_small:hover h2,
a.cms_box:hover .cms_text_title h2,
.cms_comp_link.cms_box:hover .cms_text_title h2,
a.cms_box:hover .cms_text_main_title h1,
.cms_comp_link.cms_box:hover .cms_text_main_title h1{
    color: <?php echo $txt_color_03h; ?>;
}

<?php if ($bg_color_02 != $bg_color_03){ ?>
    .box_objects.box_objects_small .infos_row:first-child { 
        border-top: 0;
    }
 <?php } ?>

 <?php if ($bg_color_02h != $bg_color_03h ){ ?>
    a.box_objects.box_objects_small:hover .infos_row:first-child,
    .cms_comp_link.box_objects.box_objects_small:hover .infos_row:first-child { 
        border-top: 0;
    }
 <?php } ?>

.slogan{
    background-color:<?php echo $bg_color_04; ?>;
    color: <?php echo $txt_color_04; ?>;
}

#header, #header_box, 
.body_main_index #header.navigationFixed #header_box,
.body_main_index #header.navigationFixed #header_box .navigation_link,
#navigation .submenu_content2,
.navigation_link{
    background-color: <?php echo $bg_color_05; ?>;
    color: <?php echo $txt_color_05; ?>;
}

#menu_top, #menu_top a,
#menu_top .ui-state-default,
#navigation .navigation_mobile{
  color: <?php echo $txt_color_05; ?>;
}

#menu_top, #menu_top a:hover,
#menu_top .ui-state-default:hover{
  color: <?php echo $txt_color_05h; ?>;
}

#navigation .navigation_mobile svg path,
.navigation_mobile.navigation_link .anim_menu_mobile svg path {
  stroke:  <?php echo $txt_color_05; ?>;
}

.notouchscreen #navigation .navigation_mobile:hover , 
.notouchscreen .navigation_mobile.navigation_link:hover ,
.body_main_index .navigation_link:hover ,
.notouchscreen .body_main_index #navigation .navigation_mobile_open:hover{
  color: <?php echo $txt_color_05h; ?>;
}

.notouchscreen #navigation .navigation_mobile:hover .anim_menu_mobile svg path, 
.notouchscreen .navigation_mobile.navigation_link:hover .anim_menu_mobile svg path,
.notouchscreen .body_main_index #navigation .navigation_mobile_open:hover svg path{
  stroke:  <?php echo $txt_color_05h; ?>;
}

#menu_top a:hover{
  border: 1px solid <?php echo $txt_color_05h; ?>;
  background: none;
  color: <?php echo $txt_color_05h; ?>;
}

.navigation_link{
  color: <?php echo $txt_color_06; ?>;
}

#navigation .navigation_link .arrow_mobile svg path{
  fill: <?php echo $txt_color_06; ?>;
}

.navigation_link.selected, 
.navigation_link:hover{
    color: <?php echo $txt_color_06h; ?>;
}

#navigation .navigation_link.selected .arrow_mobile svg path,
#navigation .navigation_link:hover .arrow_mobile svg path{
  fill: <?php echo $txt_color_06h; ?>;
}

.body_main_index #navigation .submenu_content2,
.body_main_index .navigation_link,
.body_main_index #menu_top, 
.body_main_index #menu_top a,
.body_main_index #menu_top .ui-state-default,
.body_main_index #menu_top .ui-state-default .ui-icon{
  background-color: transparent;
  color: <?php echo $txt_color_061;?>;
}

.body_main_index #banner_img::after{
    background-image: -ms-linear-gradient(to top,rgba(<?php echo hex2rgb($bg_color_061); ?>, 0) 40%, rgba(<?php echo hex2rgb($bg_color_061); ?>, <?php echo $opacity_061; ?>) 90%);
    background-image: -webkit-linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_061); ?>, 0) 40%, rgba(<?php echo hex2rgb($bg_color_061); ?>, <?php echo $opacity_061; ?>) 90%);
    background-image: -o-linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_061); ?>, 0) 40%, rgba(<?php echo hex2rgb($bg_color_061); ?>, <?php echo $opacity_061; ?>) 90%);
    background-image: linear-gradient(to top, rgba(<?php echo hex2rgb($bg_color_061); ?>, 0) 40%, rgba(<?php echo hex2rgb($bg_color_061); ?>,  <?php echo $opacity_061; ?>) 90%);
}

/*------------ FORM ----------------*/


.slider_box .slider_base,
.touchscreen .slider_box .slider_base {
   background:<?php echo $bg_color_10; ?>;
   border-color: <?php echo $border_color_10; ?>;
}

.slider_box .slider_base .slider_full {
    background:<?php echo $bg_color_11; ?>;
}

.slider_box .slider_handler::after,
.touchscreen .slider_box .slider_handler::after {
    background: <?php echo $bg_color_09; ?>;
    border: 1px solid <?php echo $border_color_09; ?>;
  
}


input[type=submit],
input[type="text"],
input[type="password"],
textarea,
select,
.ui-multiselect,
.ui-state-default,
.scroll_checklist {
    background:<?php echo $bg_color_12; ?>;
    color:<?php echo $txt_color_12; ?>;
    <?php if ($border_12) { ?>
        border: 1px solid <?php echo $border_color_12; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
.ui-multiselect.ui-state-hover,
.ui-multiselect.ui-state-active,
.ui-state-default.ui-state-hover,
.ui-state-default.ui-state-active,
.scroll_checklist:hover {
    background:<?php echo $bg_color_12h; ?>;
    color:<?php echo $txt_color_12h; ?>;
    <?php if ($border_12h) { ?>
        border: 1px solid <?php echo $border_color_12h; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

.checkBoxParent .checkBoxDyn,
.checkBoxParent .checkBoxDyn.checked {
    background:<?php echo $bg_color_12; ?>;
    <?php if ($border_12) { ?>
        border: 1px solid <?php echo $border_color_12; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

.terms_data_processing .checkBoxParent .checkBoxDyn,
.terms_data_processing .checkBoxParent .checkBoxDyn.checked,
.row_form_copytomyself.row_copytomyself.row .checkBoxDyn,
.row_form_copytomyself.row_copytomyself.row .checkBoxDyn.checked {
    <?php if ($border_12) { ?>
        border: 1px solid <?php echo $txt_color_12; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
    background-color:<?php echo $bg_color_12; ?>;
    color:<?php echo $txt_color_12; ?>;
}

.terms_data_processing.row svg path,
.row_form_copytomyself.row svg path{
  fill:<?php echo $txt_color_15; ?>;

}

.checkBoxParent .checkBoxDyn.checked{
      background:<?php echo $bg_color_11; ?>;
}

.checkBoxParent .checkBoxDyn:hover {
   opacity: 0.8;
}

.checkBoxParent .checkBoxDyn.checked:hover:after {
    color:<?php echo $txt_color_12h; ?>;
}

.checkBoxParent .checkBoxDyn.checked:after {
    color:<?php echo $txt_color_12; ?>;
}

.scroll_checklist_hide {
    background:<?php echo $bg_color_12h; ?>;
    color:<?php echo $txt_color_12h; ?>;
}
/*----------- WRAPPER 2 --------------*/

.body_main_index .wrapper:nth-child(2n+1),
#filter, .dark_wrapper, .account_container .box_title,
.identification_col.col_right, 
.searchcriteria_box_content.dark_wrapper,
#audit_container .col,
.cms_section_dark,
.cms_section_light .cms_accordion {
    background: <?php echo $bg_color_18; ?>;
    color: <?php echo $txt_color_18; ?>;
}

.body_main_index .wrapper:nth-child(2n+1),
.body_main_index .wrapper:nth-child(2n+1) .box.box_blog,
.body_main_index .wrapper:nth-child(2n+1) #home_blog a.box_blog,
.body_main_index .wrapper:nth-child(2n+1) .box.box_blog .title{
   background: <?php echo $bg_color_18; ?> !important;
    color: <?php echo $txt_color_18; ?>;
}

/*to hover pass the precedent for .wrapper_light */
.body_main_index .wrapper.light_wrapper,
.body_main_index .wrapper.light_wrapper:nth-child(2n+1) {
    background-color:<?php echo $bg_color_01; ?> !important;
    color: <?php echo $txt_color_01; ?>;
}

.body_main_index .wrapper:nth-child(2n+1) .box.box_blog .title,
.body_main_index .wrapper:nth-child(2n+1) .box.box_blog .blog_date,
.body_main_index .wrapper:nth-child(2n+1) .box.box_blog .box_infos{
    color: <?php echo $txt_color_18; ?>;
}

.cms_section_dark .cms_accordion {
    background: <?php echo $bg_color_01; ?> ;
    color: <?php echo $txt_color_01; ?>;
}

.cms_accordion .accordion_title {
    border-color: <?php echo $bg_color_01; ?>;
}

.cms_section_dark .cms_accordion .accordion_title {
    border-color: <?php echo $bg_color_18; ?>;
}

<?php if ($bg_color_18 != $bg_color_02) { ?>
  
  #home_blog .blog_n_article_3 a.box:nth-child(2) .title, 
  #home_blog .blog_n_article_3 a.box:nth-child(3) .title{
    padding: 1em;
  }

<?php } ?>

<?php if ($bg_color_18 != $bg_color_01){ ?>
  .cms_section_dark .cms_box .cms_text_content{
    padding-left:20px;
    padding-right:20px;
  }
<?php } ?>

.cms_section_dark .cms_separator {
    border-color:rgba(<?php echo hex2rgb($txt_color_18); ?>, 0.15);
}

#identification_popup .mfp-close {
  color: <?php echo $txt_color_18; ?>;
}

.dark_wrapper h2, 
.dark_wrapper h3, 
.dark_wrapper h4, 
.dark_wrapper h5,
.body_main_index .wrapper:nth-child(2n+1) h2, 
.body_main_index .wrapper:nth-child(2n+1) h3, 
.body_main_index .wrapper:nth-child(2n+1) h4,
#identification_popup .identification_col.col_right h4,
#invite_container .identification_col.col_right h4,
#filter h2,
#filter h3,
#filter h4,
#filter h5,
#filter h6,
.cms_section_dark h1,
.cms_section_dark h2, 
.cms_section_dark h3, 
.cms_section_dark h4, 
.cms_section_dark h5,
.cms_section_dark .cms_team_member .title h2,
.cms_section_light .cms_accordion h2,
.cms_section_light .cms_accordion h3,
.cms_section_light .cms_accordion h4,
.cms_section_light .cms_accordion h5,
body.no_banner.body_cms_content .cms_section_dark .box.team_box .title h2 {
  color: <?php echo $txt_color_17; ?>;
}

#filter_title_mobile svg * {
    fill: <?php echo $txt_color_17; ?>;
}

.dark_wrapper a, .dark_wrapper a.button, .dark_wrapper button,
.dark_wrapper .title.withlink a.link, 
.body_main_index .wrapper:nth-child(2n+1) a:not(.box_objects),
.body_main_index .wrapper:nth-child(2n+1) .title.withlink a.link,
#filter .title.withlink a.link, 
.cms_section_dark a,
.cms_section_light .cms_accordion a,
.team_box .team_mobile a,
.team_box .team_phone a,
#filter a {
    color: <?php echo $txt_color_19; ?>;
}

.dark_wrapper a:hover,
.dark_wrapper a.button:hover,
.dark_wrapper button:hover,
.dark_wrapper .title.withlink a.link:hover, 
.body_main_index .wrapper:nth-child(2n+1) a:not(.box_objects):hover,
.body_main_index .wrapper:nth-child(2n+1) .title.withlink a.link:hover,
#filter .title.withlink a.link:hover, 
.cms_section_dark a:hover,
.cms_section_light .cms_accordion a:hover,
.team_box .team_mobile a:hover,
.team_box .team_phone a:hover,
#filter a:hover {
    color: <?php echo $txt_color_19h; ?>;
}

.dark_wrapper a svg *,
#filter a.link svg *,
.dark_wrapper .title.withlink a.link svg *,
.body_main_index .wrapper:nth-child(2n+1) a.link svg *, 
.body_main_index .wrapper:nth-child(2n+1) a svg *,
.team_box svg *,
#team_detail_container .team_box svg *,
.cms_team_member svg *, 
.button_share svg *, 
.cms_section_dark a svg *,
.cms_section_light .cms_accordion a svg * {
  fill: <?php echo $txt_color_19 ?>;
}

.dark_wrapper a:hover svg *,
#filter .title.withlink a.link:hover svg *,
.dark_wrapper .title.withlink a.link:hover svg *,
.body_main_index .wrapper:nth-child(2n+1) a.link:hover svg *, 
.body_main_index .wrapper:nth-child(2n+1) a:hover svg *, 
.cms_section_dark a:hover svg *,
.cms_section_light .cms_accordion a:hover svg * {
  fill: <?php echo $txt_color_19h ?>;
}

.dark_wrapper button, 
.dark_wrapper a.button, 
.dark_wrapper input.button, 
.dark_wrapper span.button,
.body_main_index .wrapper:nth-child(2n+1) a.button, 
.body_main_index .wrapper:nth-child(2n+1) input.button, 
.body_main_index .wrapper:nth-child(2n+1) span.button,
.identification_col.col_right .button, 
.cms_section_dark .button,
.cms_section_light .cms_accordion .button {
    background-color:<?php echo $bg_color_20; ?>;
    color:<?php echo $txt_color_20; ?>;
    <?php if ($border_20) { ?>
        border-bottom: 4px solid <?php echo $border_color_20; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

.dark_wrapper button:hover, 
.dark_wrapper a.button:hover, 
.dark_wrapper input.button:hover, 
.dark_wrapper span.button:hover,
.body_main_index .wrapper:nth-child(2n+1) a.button:hover, 
.body_main_index .wrapper:nth-child(2n+1) input.button:hover, 
.body_main_index .wrapper:nth-child(2n+1) span.button:hover,
.identification_col.col_right .button:hover, 
.cms_section_dark .button:hover,
.cms_section_light .cms_accordion .button:hover {
    background-color:<?php echo $bg_color_20h; ?>;
    color:<?php echo $txt_color_20h; ?>;
    <?php if ($border_20h) { ?>
        border-bottom:4px solid <?php echo $border_color_20h; ?>;
    <?php } else { ?>
        border:none;
    <?php } ?>
}

/*OTHER -----------*/

.no_result_icon svg *{
  fill:  rgba(<?php echo hex2rgb($txt_color_01); ?>, 0.15);
}

/*------------ FOOTER -------------*/

#footer{
  background-color: <?php echo $bg_color_07; ?>;
  color: <?php echo $txt_color_07; ?>;
}

#footer h3,
#footer a{
  color:  <?php echo $txt_color_07; ?>;
}

#footer a:hover{
  color:  <?php echo $txt_color_07h; ?>;
}

#footer_copyright{
   background-color: <?php echo $bg_color_08; ?>;
  color: <?php echo $txt_color_08; ?>;
}

#footer_copyright a {
  color:  <?php echo $txt_color_08; ?>;
}

#footer_copyright a:hover {
  color:  <?php echo $txt_color_08h; ?>;
}

#footer button,
#footer a.button{
  background: <?php echo $bg_color_071; ?>;
  color: <?php echo $txt_color_071; ?>;
}

#footer .social_network_links a svg *{
 fill: <?php echo $txt_color_07; ?>;
}

#footer a.button:hover{
  background: <?php echo $bg_color_071h; ?>;
  color: <?php echo $txt_color_071h; ?>;
}

#footer .social_network_links a:hover svg *{
 fill: <?php echo $txt_color_07h; ?>;
}


@media screen and (max-width: 1050px){
  #navigation .navigation_mobile .anim_menu_mobile{
    transform-origin: top 0 left 0;
     transform: scale(1.25);
  }

  #navigation .navigation_content{
      background-color: <?php echo $bg_color_05; ?>;
      color: <?php echo $txt_color_05; ?>;
  }

  .std_container:not(#links_container) > .box_title:not(.box_objects):not(.box_blog) .title.menu_mobile_open h2, 
  #contact_container .box_title .title.menu_mobile_open h2, 
  #blog_container .box_title .title.menu_mobile_open h2, 
  #blog_container .box_title .title.menu_mobile_open h2, 
  #error_container .box .title.menu_mobile_open h2, 
  #forgotten_login_container .box .title.menu_mobile_open h2, 
  #simulation_container .box .title.menu_mobile_open h2, 
  #financing_container .box .title.menu_mobile_open h2,
  body.no_banner .box .title h2,
  body.no_banner .box_title .title h2{
      color: <?php echo $txt_color_16; ?> !important;
  }

  .body_main_index #navigation .navigation_mobile .menu_mobile_text {
    color: <?php echo $txt_color_061;?>;
  }

  .body_main_index #navigation .navigation_mobile svg path, 
  .body_main_index .navigation_mobile.navigation_link .anim_menu_mobile svg path {
    stroke: <?php echo $txt_color_061;?>;
  }

  .body_main_index #navigation .submenu_content2,
  .body_main_index .navigation_link {
    color: <?php echo $txt_color_06;?>;
  }

  table.distances td p{
      display:none;
  }

  table.distances td svg *{
      display:block;
  }
  .body_main_index #header:not(.navigationFixed) #menu_top{
    background-color: <?php echo $bg_color_05; ?>;
  }
}

<?php if ($bg_color_01 != $bg_color_02){ ?>
@media screen and (max-width: 640px){
    
    .box_objects.box_objects_small .title,
    .box_objects.box_objects_small .object_infos, 
    .box.box_small .box_infos, 
    .box_content,
    .cms_box .box_content > .cms_text {
      padding: 1em !important;
    }

    .box.box_small .box_pic, .box_objects.box_objects_small .object_pic{
      margin-bottom: 0px;
    }

    #home_blog a.box_blog .title, 
    #home_blog a.box_blog .box_infos, 
    #home_blog a.box_blog:nth-child(1) .title, 
    #home_blog .blog_n_article_3 a.box:nth-child(2) .title, 
    #home_blog .blog_n_article_3 a.box:nth-child(3) .title, 
    #home_blog a.box_blog:nth-child(1) .box_infos, 
    #home_blog .blog_n_article_3 a.box:nth-child(2) .box_infos, 
    #home_blog .blog_n_article_3 a.box:nth-child(3) .box_infos{
      padding: 1em !important;;
    }


}
<?php } ?>