/* ════════════════════════════════════════════════════════════════════════════════════ * * ██╗ ██╗ █████╗ ██████╗ ███████╗███████╗ █████╗ ███████╗████████╗ * ██║ ██║██╔══██╗██╔══██╗██╔════╝██╔════╝██╔══██╗██╔════╝╚══██╔══╝ * ███████║███████║██████╔╝█████╗ █████╗ ███████║███████╗ ██║ * ██╔══██║██╔══██║██╔══██╗██╔══╝ ██╔══╝ ██╔══██║╚════██║ ██║ (\ /) * ██║ ██║██║ ██║██████╔╝███████╗██║ ██║ ██║███████║ ██║ ( . .)♥ * ╚═╝ ╚═╝╚═╝ ╚═╝╚═════╝ ╚══════╝╚═╝ ╚═╝ ╚═╝╚══════╝ ╚═╝ c(”)(” * * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * * ███╗ ███╗██╗██╗ ██╗██╗███╗ ██╗███████╗ * ████╗ ████║██║╚██╗██╔╝██║████╗ ██║██╔════╝ * ██╔████╔██║██║ ╚███╔╝ ██║██╔██╗ ██║███████╗ * ██║╚██╔╝██║██║ ██╔██╗ ██║██║╚██╗██║╚════██║ * ██║ ╚═╝ ██║██║██╔╝ ██╗██║██║ ╚████║███████║ * ╚═╝ ╚═╝╚═╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ * * * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BOOTSTRAP / MAXIMAL-FIXED-LAYOUT ZONES * ════════════════════════════════════════════════════════════════════════════════════ * * These mixins have to be used with @include($zone) directives * * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * USEFULL MIXINS * ════════════════════════════════════════════════════════════════════════════════════ * * Bunch of usefull mixins available for use * * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CHILD THEME > SCSS > HTML * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * HEADER * ════════════════════════════════════════════════════════════════════════════════════ */ header { /* ════════════════════════════════════════════════════════════════════════════════════ * General * ════════════════════════════════════════════════════════════════════════════════════ */ z-index: 10000 !important; /* ════════════════════════════════════════════════════════════════════════════════════ * Parent containers * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * TOP HEADER (SLOGAN + SOCIAL ICONS) * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * PARENT CONTAINERS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * MIDDLE HEADER (LOGO + MENU) * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ } header .top_panel_wrap_inner { background: white; } header .top_panel_wrap_inner .content_wrap { width: 100% !important; padding: 0 15px !important; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header .top_panel_top { height: 50px !important; background-color: #0073a2 !important; /* ════════════════════════════════════════════════════════════════════════════════════ * SLOGAN * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * SOCIAL ICONS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * RESPONSIVITY * ════════════════════════════════════════════════════════════════════════════════════ */ } header .top_panel_top > .content_wrap { max-width: 1280px; margin: auto; width: 100% !important; padding: 0 15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header .top_panel_top .top_panel_top_contact_area { line-height: 48px; text-align: left; font-size: 14px; height: 50px !important; } header .top_panel_top .top_panel_top_user_area { height: 50px !important; } header .top_panel_top .top_panel_top_user_area .top_panel_top_socials { height: 30px; margin: 10px 0; float: right; text-align: right; } header .top_panel_top .top_panel_top_user_area .top_panel_top_socials .sc_socials_item, header .top_panel_top .top_panel_top_user_area .top_panel_top_socials .sc_socials_item > a { height: 30px; width: 30px; margin-top: 0; margin-bottom: 0; } header .top_panel_top .top_panel_top_user_area .top_panel_top_socials .sc_socials_item > a > span { font-size: 15px; line-height: 30px; } @media (max-width: 767px) { header .top_panel_top .content_wrap { display: block; font-size: 0; } header .top_panel_top .content_wrap .top_panel_top_contact_area, header .top_panel_top .content_wrap .top_panel_top_user_area { margin: 0; display: inline-block; vertical-align: top; width: 50%; font-size: 14px; } } @media (max-width: 767px) and (max-width: 480px) { header .top_panel_top .content_wrap .top_panel_top_contact_area, header .top_panel_top .content_wrap .top_panel_top_user_area { font-size: 10px; } } @media (max-width: 767px) and (max-width: 320px) { header .top_panel_top .content_wrap .top_panel_top_contact_area, header .top_panel_top .content_wrap .top_panel_top_user_area { font-size: 8px; } } header .top_panel_middle { /* ════════════════════════════════════════════════════════════════════════════════════ * Logo * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Menu * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * SEARCH BOX * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * MOBILE MENU * ════════════════════════════════════════════════════════════════════════════════════ */ /* Icon — We position it on right, vertically centered */ /* Menu — Just under the header bannder */ } header .top_panel_middle > .content_wrap { max-width: 1280px; margin: auto; width: 100% !important; padding: 0 15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100px !important; } header .top_panel_middle .contact_logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } header .top_panel_middle .contact_logo * { margin: 0; } header .top_panel_middle .contact_logo .logo { height: 70px !important; } header .top_panel_middle .contact_logo .logo:after { display: none !important; } header .top_panel_middle .contact_logo .logo img { max-height: 70px !important; } @media (max-width: 767px) { header .top_panel_middle .contact_logo { /* Full size for logo since menu is put in float */ } } @media (max-width: 767px) { .responsive_menu .top_panel_style_3 .contact_logo { width: 100% !important; } .responsive_menu .top_panel_style_3 .contact_logo img { height: 60px !important; } } header .top_panel_middle .menu_main_wrap { margin: 0 20px 0 0; padding: 0; height: 100px; /* ════════════════════════════════════════════════════════════════════════════════════ * Sub-Menus * ════════════════════════════════════════════════════════════════════════════════════ */ } header .top_panel_middle .menu_main_wrap .menu_main_nav > li > a { font-size: 14px !important; padding: 0 10px !important; line-height: 100px; } @media (min-width: 992px) and (max-width: 1200px) { header .top_panel_middle .menu_main_wrap .menu_main_nav > li > a { font-size: calc((14/1200)*100vw) !important; padding: 0 calc((8/1200)*100vw) !important; } } @media (min-width: 768px) and (max-width: 991px) { header .top_panel_middle .menu_main_wrap .menu_main_nav > li > a { font-size: calc((10/768)*100vw) !important; padding: 0 calc((7/768)*100vw) !important; } } @media (min-width: 768px) and (max-width: 991px) { header .top_panel_middle .menu_main_wrap { margin-right: 0; } } @media (max-width: 767px) { header .top_panel_middle .menu_main_wrap { position: absolute !important; right: 0; top: 0; margin-right: 0; } } header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li { background-color: white !important; /* Item menu element arrow */ /* Item menu element link */ } header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li:before { color: black !important; } header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li:hover:before { color: white !important; } header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li a { color: black !important; } header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li:hover > a, header .top_panel_middle .menu_main_wrap .menu_main_nav ul.sub-menu > li:hover > a:before { background-color: #0073a2 !important; color: white !important; } header .top_panel_middle .menu_main_wrap #menu-item-897 ul.sub-menu, header .top_panel_middle .menu_main_wrap #menu-item-1814 ul.sub-menu { /* MENU OUR PARTNERS */ /* MENU OUR PROJECTS */ width: 350px !important; } header .top_panel_middle .top_panel_top_search { margin: 0; line-height: 100px; } header .top_panel_middle .top_panel_top_search .search_wrap { width: 150px !important; } header .top_panel_middle .top_panel_top_search .search_wrap button { top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } @media (max-width: 991px) { header .top_panel_middle .top_panel_top_search .search_wrap { display: none !important; } } .responsive_menu .top_panel_middle .menu_main_responsive_button { position: absolute !important; margin: 0; padding-right: 15px !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; float: right; } .responsive_menu .top_panel_middle .menu_main_responsive_button::before { font-size: 45px; } header .top_panel_middle .menu_main_responsive { margin-top: 100px; } .menu-top-header a { margin-right: 20px !important; color: #fff !important; } /******************************************************************************************************************************************************** ********************************************************************************************************************************************************* ********************************************************************************************************************************************************* FOOTER ********************************************************************************************************************************************************* ********************************************************************************************************************************************************* *********************************************************************************************************************************************************/ /******************************************************************************************************************************************************** ********************************************************************************************************************************************************* GÉNÉRAL ********************************************************************************************************************************************************* *********************************************************************************************************************************************************/ /******************************************************************************************************************************************************** FOND *********************************************************************************************************************************************************/ footer .footer_wrap_inner, .copyright_wrap .copyright_wrap_inner { background-color: #006b9a !important; } /*.footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4{ width:50%; padding-right: 0; }*/ .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup { background: #006b9a; font-size: 100%; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form { padding: 0; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form h2 { color: #fff !important; font-size: 100%; font-weight: normal; text-transform: uppercase; font-family: "Hind", sans-serif; margin-top: 0; margin-bottom: 0; line-height: 1.53em; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .indicates-required { display: none; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .mc-field-group:nth-of-type(3) { display: inline-block; width: 47.5%; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .mc-field-group:nth-of-type(4) { display: inline-block; width: 48%; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .mc-field-group label { font-size: 100%; font-family: "Hind", sans-serif; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .mc-field-group input { border: 1px solid #fff; color: #fff; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .mc-field-group imput:focus { border-color: white; } .footer_wrap.widget_area .footer_wrap_inner.widget_area_inner aside#custom_html-4 #mc_embed_signup form .button { background: #fff; color: #006b9a; } /************************************Footer*************************************************************************************************************/ .footer_wrap_inner { padding-top: 2px !important; } .copyright_wrap_inner { padding-bottom: 2px !important; } .columns_wrap #text-7 .textwidget { display: block !important; } .footer_wrap_inner a { color: white !important; } .footer_wrap_inner a:hover { color: #99007e !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * COPYRIGHT * ════════════════════════════════════════════════════════════════════════════════════ */ .copyright_wrap .copyright_text { float: none; text-align: center; } /* ════════════════════════════════════════════════════════════════════════════════════ * EFORM FORMS * ════════════════════════════════════════════════════════════════════════════════════ */ .ipt_fsqm_form { /* ════════════════════════════════════════════════════════════════════════════════════ * We have diverted the use of PRIMARY NAME field to use it as a mean to indicate * in the title / content of the mail sent to the admin by eForm the numerotation of the project * * We use the following nomenclature: P-XX-YYYY * * — P = 01 / 02 / 03 / 04 if project belongs respectively to * Renewable Energy / LED street Lightning / Waste Management / Specific waste project * * — XX is the language code of the form: EN / FR / ES / PT * * — YYYY is the order of the submission (the YYYYth). * * For instance: * * - First submission of Renewable Energy (PT) will be 01-PT-0001; * — 15th submission of LED street ligthning (FR) will be 02-FR-0015; * — and so on... * * * * ════════════════════════════════════════════════════════════════════════════════════ * IMPORTANT UPDATE * ════════════════════════════════════════════════════════════════════════════════════ * * All the underneath code will be used only if this field is finally choosen to be visible * (not the case finally, since all elements are put in display: none !important; underneath) * * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Renewable Energy eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * LED Street Lightning eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste Management eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Specific Waste Project eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste Water treatment (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Sustainable mobility (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Eco construction (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Form messages * ════════════════════════════════════════════════════════════════════════════════════ */ } .ipt_fsqm_form#ipt_fsqm_form_wrap_52 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_56 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_60 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_64 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_52 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_56 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_60 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_64 .ipt_fsqm_container_f_name i { color: #007b35; } .ipt_fsqm_form#ipt_fsqm_form_wrap_52 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_56 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_60 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_64 .ipt_fsqm_container_f_name input { color: #007b35; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_52 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_56 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_60 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_64 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_53 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_57 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_61 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_65 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_53 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_57 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_61 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_65 .ipt_fsqm_container_f_name i { color: #0e689f; } .ipt_fsqm_form#ipt_fsqm_form_wrap_53 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_57 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_61 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_65 .ipt_fsqm_container_f_name input { color: #0e689f; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_53 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_57 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_61 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_65 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_54 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_58 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_62 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_66 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_54 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_58 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_62 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_66 .ipt_fsqm_container_f_name i { color: #8c2a0e; } .ipt_fsqm_form#ipt_fsqm_form_wrap_54 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_58 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_62 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_66 .ipt_fsqm_container_f_name input { color: #8c2a0e; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_54 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_58 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_62 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_66 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_55 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_59 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_63 .ipt_fsqm_container_f_name, .ipt_fsqm_form#ipt_fsqm_form_wrap_67 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_55 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_59 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_63 .ipt_fsqm_container_f_name i, .ipt_fsqm_form#ipt_fsqm_form_wrap_67 .ipt_fsqm_container_f_name i { color: #8c2a0e; } .ipt_fsqm_form#ipt_fsqm_form_wrap_55 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_59 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_63 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_67 .ipt_fsqm_container_f_name input { color: #8c2a0e; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_55 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_59 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_63 .ipt_fsqm_container_f_name input, .ipt_fsqm_form#ipt_fsqm_form_wrap_67 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_69 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_69 .ipt_fsqm_container_f_name i { color: #00aeef; } .ipt_fsqm_form#ipt_fsqm_form_wrap_69 .ipt_fsqm_container_f_name input { color: #00aeef; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_69 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_70 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_70 .ipt_fsqm_container_f_name i { color: #eabd00; } .ipt_fsqm_form#ipt_fsqm_form_wrap_70 .ipt_fsqm_container_f_name input { color: #eabd00; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_70 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form#ipt_fsqm_form_wrap_71 .ipt_fsqm_container_f_name { display: none !important; } .ipt_fsqm_form#ipt_fsqm_form_wrap_71 .ipt_fsqm_container_f_name i { color: #ff5a30; } .ipt_fsqm_form#ipt_fsqm_form_wrap_71 .ipt_fsqm_container_f_name input { color: #ff5a30; font-weight: bold; } @media not all and (min-resolution: 0.001dpcm) { .ipt_fsqm_form#ipt_fsqm_form_wrap_71 .ipt_fsqm_container_f_name input { -webkit-filter: brightness(60%); } } .ipt_fsqm_form [class*="ipt_fsqm_form_message"] h3 { color: white !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * COMPONENTS > PHOTONIC * ════════════════════════════════════════════════════════════════════════════════════ */ #photonic { /* ════════════════════════════════════════════════════════════════════════════════════ * FILTER * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * ALL ALBUMS GALLERY * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * HEADERS OF GALLERIES * ════════════════════════════════════════════════════════════════════════════════════ */ } #photonic #filter .photonic-pad-photosets { margin: 0 !important; } #photonic #filter img { width: 75px !important; max-width: 100% !important; height: 75px !important; max-height: 100% !important; } #photonic #filter ul { font-size: 0; } #photonic #filter ul li.inactivated:not(#all-albums) img { -webkit-filter: grayscale(100%); /* Webkit Nightlies & Google Chrome Canary */ -webkit-transition: all 0.6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ opacity: 0.2; } #photonic #filter ul li:not(.inactivated):not(#all-albums) img { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); opacity: 1; } @media (max-width: 450px) { #photonic #filter ul li { width: calc((1/3)*100%) !important; } } #photonic #all-albums-gallery { /* ════════════════════════════════════════════════════════════════════════════════════ * CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ } #photonic #all-albums-gallery .photonic-object-header { margin-top: 1.6em !important; } #photonic #all-albums-gallery .photonic-flickr-stream { margin-top: 0 !important; } #photonic .photonic-object-header { position: relative; } #photonic .photonic-object-header .photonic-header-details { position: absolute; top: 50%; left: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ════════════════════════════════════════════════════════════════════════════════════ * PLUGIN > COOKIE NOTICE (RGPD) * ════════════════════════════════════════════════════════════════════════════════════ */ /* MAIN CONTAINER */ #cookie-notice { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ border-top: 2px solid #0073a2; background: black; padding: 0; /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT PART * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BUTTONS * ════════════════════════════════════════════════════════════════════════════════════ */ } #cookie-notice #cn-notice-text { display: inline-block; vertical-align: middle; padding-right: 30px; color: white; font-size: 16px !important; } #cookie-notice #cn-notice-text p { margin-bottom: 0; margin-top: 0 !important; color: white !important; } @media (max-width: 767px) { #cookie-notice #cn-notice-text p { font-size: 14px; } #cookie-notice #cn-notice-text p:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 991px) { #cookie-notice #cn-notice-text { display: block; padding-right: 0; } } #cookie-notice .cn-button { height: 35px; padding: 0 10px; line-height: 35px; margin-top: 15px; margin-bottom: 15px; background-color: #0073a2 !important; background-image: none !important; font-size: 14px !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * HOME PAGE * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ .home { /* ════════════════════════════════════════════════════════════════════════════════════ * BLOCK > REVOLUTION SLIDER * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BLOCK > OUR ACHIEVEMENTS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BLOCK > DISCOVER OUR NEWS * ════════════════════════════════════════════════════════════════════════════════════ */ } .home .rev_slider .tp-caption:hover { cursor: hand !important; } .home #our-achievements .column-achievements { max-width: 100%; width: 25%; height: 300px; /* ════════════════════════════════════════════════════════════════════════════════════ * IMAGE * ════════════════════════════════════════════════════════════════════════════════════ */ } .home #our-achievements .column-achievements .colum-title { /* ════════════════════════════════════════════════════════════════════════════════════ * TITLES * ════════════════════════════════════════════════════════════════════════════════════ */ background-color: #0076a4; width: 40px; text-align: center; vertical-align: middle; height: 300px; } .home #our-achievements .column-achievements .colum-title .activities-columms-titles { color: white; width: 300px; height: 300px; font-size: 23px; transform: rotate(-90deg); } .home #our-achievements .column-achievements .column-image { position: initial; } .home #our-achievements .column-achievements .column-image:hover .overlay { width: 180px; } .home #our-achievements .column-achievements .column-image .activities-image { position: absolute; } .home #our-achievements .column-achievements .column-image .activities-image img { height: 300px; } .home #our-achievements .column-achievements .column-image .overlay { position: absolute; width: 0; background-color: #0076a4; overflow: hidden; height: 100%; transition: 0.5s ease; } .home #our-achievements .column-achievements .column-image .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 170px; top: 50%; transform: translateY(-50%); } .home #our-achievements .column-achievements .column-image .overlay > .slide .read-more { font-size: 10px; text-align: center; background-color: #0076a4; border: none; color: white; } .home #bloc-discover-our-news { padding-bottom: 100px !important; /* ════════════════════════════════════════════════════════════════════════════════════ * RECENTS POSTS * ════════════════════════════════════════════════════════════════════════════════════ */ } .home #bloc-discover-our-news .recent-posts .titre p { color: white !important; } .home #bloc-discover-our-news .recent-posts .vc_widget_recent_posts { background-color: white !important; padding: 30px !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * HOME PAGE V1 * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ /* // ════════════════════════════════════════════════════════════════════════════════════ // BLOCK > PARTNERSHIP // ════════════════════════════════════════════════════════════════════════════════════ // ════════════════════════════════════════════════════════════════════════════════════ // POST TITLE // ════════════════════════════════════════════════════════════════════════════════════ .home #bloc-partenariat .post_content h4 { font-size: 20px !important; min-height: 60px !important; } // ════════════════════════════════════════════════════════════════════════════════════ // COLORS // ════════════════════════════════════════════════════════════════════════════════════ .home #bloc-partenariat .isotope_item:nth-child(1) .post_content .post_title a, .home #bloc-partenariat .isotope_item:nth-child(1) .post_content .post_readmore_label { color: #393d91 !important; } .home #bloc-partenariat .isotope_item:nth-child(2) .post_content .post_title a, .home #bloc-partenariat .isotope_item:nth-child(2) .post_content .post_readmore_label { color: #9acc02 !important; } .home #bloc-partenariat .isotope_item:nth-child(3) .post_content .post_title a, .home #bloc-partenariat .isotope_item:nth-child(3) .post_content .post_readmore_label { color: #99007e !important; } // ════════════════════════════════════════════════════════════════════════════════════ // HOVER // ════════════════════════════════════════════════════════════════════════════════════ .home #bloc-partenariat .post_item a.hover_icon_link:hover:before { display: none !important; } .home #bloc-partenariat .post_item a.hover_icon_link:hover img.wp-post-image { opacity: 1 !important; } */ /*feed twitter*/ .twitter-feed .sc_slider_controls_wrap a { color: black !important; } .sc_section_overlay { padding: 0 !important; } /* Fenêtres agrandies (>1400px) */ @media (min-device-width: 1400px) and (min-width: 1400px) { /*Home*/ /*Our Activities tableau effet de hover*/ .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 220px; } .column-image:hover .overlay { width: 230px; } } /* Fenêtres agrandies (>1280px) */ @media (min-device-width: 1281px) and (min-width: 1281px) { /*Home*/ #advocacy-column-image, #programmes-column-image, #projects-column-image, #initiatives-column-image { width: auto !important; padding-top: 0 !important; } .column-activities { max-width: 100% !important; width: 25% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } } /* Tablettes Horizontales */ @media (max-width: 1280px) and (orientation: landscape) { /*Home*/ /*Our Activities tableau effet de hover*/ .column-image { width: auto !important; padding-top: 0 !important; } .column-activities { max-width: 100% !important; width: 25% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } .colum-title { width: 10% !important; } .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 170px; } .column-image:hover .overlay { width: 180px; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*Home*/ /*Our Activities tableau effet de hover*/ .top_panel_middle .menu_main_wrap { margin-right: 0 !important; } .column-image { width: auto !important; padding-top: 0 !important; } .column-activities { max-width: 100% !important; width: 50% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } .colum-title { width: 10% !important; } .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 250px; } .column-image:hover .overlay { width: 260px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /*Home*/ /*Our Activities tableau effet de hover*/ .column-image { width: auto !important; padding-top: 0 !important; } .column-achievements { max-width: 100% !important; width: 50% !important; display: inline-block !important; } .activities-columms-titles { width: 315px; } .colum-title { width: 10% !important !important; } .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 230px; } .column-image:hover .overlay { width: 230px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 610px) and (orientation: landscape) { /*Home*/ /*Our Activities tableau effet de hover*/ .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 170px; } .column-image:hover .overlay { width: 170px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*Home*/ .column-image { width: auto !important; padding-top: 0 !important; } .column-achievements { max-width: 100% !important; width: 100% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } .colum-title { width: 10% !important; } .ovderlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 230px; } } /* Smartphones Horizontal - iPhone 5 */ @media (max-width: 570px) and (orientation: landscape) { /*Home*/ /*Our Activities tableau effet de hover*/ .column-image { width: auto !important; padding-top: 0 !important; } .column-achievements { max-width: 100% !important; width: 50% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } .colum-title { width: 10% !important; } .overlay > .slide { height: auto; text-align: center; color: white; position: absolute; overflow: hidden; width: 170px; } .column-image:hover .overlay { width: 170px; } } /* Smartphones Vertical - iPhone 5 */ @media (max-width: 320px) and (orientation: portrait) { /*Home*/ .column-image { width: auto !important; padding-top: 0 !important; } .column-achievements { max-width: 100% !important; width: 100% !important; display: inline-block !important; } .activities-columms-titles { width: 315px !important; } .colum-title { width: 10% !important; } } /* ════════════════════════════════════════════════════════════════════════════════════ * GLOBAL PAGE FOR SUBMISSION FORMS https://regions20.org/submission (and translations) * ════════════════════════════════════════════════════════════════════════════════════ */ .submission-page { /* ════════════════════════════════════════════════════════════════════════════════════ * HEADING ROW * ════════════════════════════════════════════════════════════════════════════════════ */ /* To allow to see Submenus of WPML on smartphones */ /* ════════════════════════════════════════════════════════════════════════════════════ * WPML MENU * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CTAs * ════════════════════════════════════════════════════════════════════════════════════ */ } .submission-page #row-heading { overflow: visible; } .submission-page .wpml-ls { z-index: 10000; position: absolute; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; right: 30px; width: auto; } @media (min-width: 1280px) { .submission-page .wpml-ls { right: calc((100% - 1280px)/2 + 30px); } } @media (max-width: 480px) { .submission-page .wpml-ls { top: 0; right: 0; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .submission-page .column-cta { /* ════════════════════════════════════════════════════════════════════════════════════ * Buttons * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Renewable Energy * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * LED Street Lightning * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * LED Street Lightning ES * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste Management * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste Project * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Passivhaus Eco-construcción * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Aguas Residuales * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Transporte Sostenible * ════════════════════════════════════════════════════════════════════════════════════ */ } .submission-page .column-cta .vc_btn3 { width: 250px; color: white !important; } .submission-page .column-cta .vc_btn3:before { content: ''; display: block; position: absolute; top: 13px; left: 0px; width: 50px; height: 50px; } .submission-page .column-cta .vc_btn3:hover { background: white !important; } .submission-page .column-cta .cta-renewable-energy .vc_btn3 { background-color: #007b35; } .submission-page .column-cta .cta-renewable-energy .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-renewable-energy.png'); background-size: cover; } .submission-page .column-cta .cta-renewable-energy .vc_btn3:hover { color: #007b35 !important; border: 1px solid #007b35 !important; } .submission-page .column-cta .cta-renewable-energy .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-renewable-energy-hover.png'); background-size: cover; } .submission-page .column-cta .cta-led-street-lightning .vc_btn3 { background-color: #0e689f; } .submission-page .column-cta .cta-led-street-lightning .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-led-street-lightning.png'); background-size: cover; } .submission-page .column-cta .cta-led-street-lightning .vc_btn3:hover { color: #0e689f !important; border: 1px solid #0e689f !important; } .submission-page .column-cta .cta-led-street-lightning .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-led-street-lightning-hover.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-led-street-lightning .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-alumbrado-publico-led.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-led-street-lightning .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-alumbrado-publico-led-hover.png'); background-size: cover; } .submission-page .column-cta .cta-waste-management .vc_btn3 { background-color: #8c2a0e; } .submission-page .column-cta .cta-waste-management .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-waste-management.png'); background-size: cover; } .submission-page .column-cta .cta-waste-management .vc_btn3:hover { color: #8c2a0e !important; border: 1px solid #8c2a0e !important; } .submission-page .column-cta .cta-waste-management .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-waste-management-hover.png'); background-size: cover; } .submission-page .column-cta .cta-specific-waste-project .vc_btn3 { background-color: #8c2a0e; } .submission-page .column-cta .cta-specific-waste-project .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-specific-waste-project.png'); background-size: cover; } .submission-page .column-cta .cta-specific-waste-project .vc_btn3:hover { color: #8c2a0e !important; border: 1px solid #8c2a0e !important; } .submission-page .column-cta .cta-specific-waste-project .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-specific-waste-project-hover.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-passivhaus-eco-construccion .vc_btn3 { background-color: #ff5a30; } html[lang='es-ES'] .submission-page .column-cta .cta-passivhaus-eco-construccion .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-passivhaus-eco-construccion.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-passivhaus-eco-construccion .vc_btn3:hover { color: #ff5a30 !important; border: 1px solid #ff5a30 !important; } html[lang='es-ES'] .submission-page .column-cta .cta-passivhaus-eco-construccion .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-passivhaus-eco-construccion-hover.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-aguas-residuales .vc_btn3 { background-color: #00aeef; } html[lang='es-ES'] .submission-page .column-cta .cta-aguas-residuales .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-aguas-residuales.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-aguas-residuales .vc_btn3:hover { color: #00aeef !important; border: 1px solid #00aeef !important; } html[lang='es-ES'] .submission-page .column-cta .cta-aguas-residuales .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-aguas-residuales-hover.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-transporte-sostenible .vc_btn3 { background-color: #eabd00; } html[lang='es-ES'] .submission-page .column-cta .cta-transporte-sostenible .vc_btn3:before { background: url('/wp-content/uploads/2017/07/regions20-icon-transporte-sostenible.png'); background-size: cover; } html[lang='es-ES'] .submission-page .column-cta .cta-transporte-sostenible .vc_btn3:hover { color: #eabd00 !important; border: 1px solid #eabd00 !important; } html[lang='es-ES'] .submission-page .column-cta .cta-transporte-sostenible .vc_btn3:hover:before { background: url('/wp-content/uploads/2017/07/regions20-icon-transporte-sostenible-hover.png'); background-size: cover; } /* ════════════════════════════════════════════════════════════════════════════════════ * INDIVIDUAL PAGE FOR SUBMISSION FORMS https://regions20.org/submission/XXX (and translations) * ════════════════════════════════════════════════════════════════════════════════════ */ .submission-form { /* ════════════════════════════════════════════════════════════════════════════════════ * On the MCQ element corresponding to Project Maturity Stage, we want choice elements to * show 1 / 2 / 3 in first column and 4 / 5 in second column. * * Under 1200px, all elements goes one under the other. So we don't need to do anything * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * MOBILE VERTICAL * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (min-width: 1200px) { .submission-form { /* ════════════════════════════════════════════════════════════════════════════════════ * Renewable Energy eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content, .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content { /* ════════════════════════════════════════════════════════════════════════════════════ * LED Street Lightning eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste Management eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Specific Waste Project eForm forms (EN / FR / ES / PT) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Waste water treatment (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Sustainable mobility (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Eco construction (ES ONLY) * ════════════════════════════════════════════════════════════════════════════════════ */ display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; flex-wrap: wrap; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column, .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column { display: -webkit-flex; display: -ms-flex; display: flex; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1), .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(1) { order: 1; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2), .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(2) { order: 3; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3), .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(3) { order: 5; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4), .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(4) { order: 2; } .submission-form #ipt_fsqm_form_wrap_52 #ipt_fsqm_form_52_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_56 #ipt_fsqm_form_56_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_60 #ipt_fsqm_form_60_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_64 #ipt_fsqm_form_64_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_53 #ipt_fsqm_form_53_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_57 #ipt_fsqm_form_57_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_61 #ipt_fsqm_form_61_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_65 #ipt_fsqm_form_65_mcq_20 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_54 #ipt_fsqm_form_54_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_58 #ipt_fsqm_form_58_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_62 #ipt_fsqm_form_62_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_66 #ipt_fsqm_form_66_mcq_27 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_55 #ipt_fsqm_form_55_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_59 #ipt_fsqm_form_59_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_63 #ipt_fsqm_form_63_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_67 #ipt_fsqm_form_67_mcq_35 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_69 #ipt_fsqm_form_69_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_70 #ipt_fsqm_form_70_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5), .submission-form #ipt_fsqm_form_wrap_71 #ipt_fsqm_form_71_mcq_22 .ipt_uif_question_content .ipt_uif_label_column:nth-child(5) { order: 4; } } @media (max-width: 480px) { .submission-form { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ } .submission-form .page_content_wrap > .content_wrap { width: 100%; } } /********************************************************************************************************************************************************** Oran, Algeria *************************************************************************************************************************************************************/ /*position du titre de l'image du debut*/ #oran-algeria-title .wpb_heading, #brazil-title .wpb_heading, #nigeria-title .wpb_heading { position: absolute; z-index: 1; margin-top: 6%; padding-left: 5%; padding-right: 2%; width: auto; background-color: rgba(255, 255, 255, 0.7); color: #0074a6 !important; } /*le tableau oran-algeria energy-efficiency*/ /*on met les titres des colonnes a ligner avec l'image(s) + modif couleur taille*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { display: inline-block; vertical-align: middle; padding-top: 11%; font-size: 20px; position: absolute; padding-left: 40%; color: white !important; } .oran-algeria-eco-housing-image .wpb_wrapper vc_figure, .oran-algeria-eco-led-street-lighting .wpb_wrapper vc_figure { display: inline-block; vertical-align: middle; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 80px; } /********************************************************************************************************************************************************** FIN Oran, Algeria *************************************************************************************************************************************************************/ /* Tablettes Horizontales */ @media (max-width: 1280px) and (orientation: landscape) { /*Oran Algeria*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { padding-left: 35%; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 15px !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*Oran algeria*/ .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 65px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /*Oran Algeria*/ /*le tableau oran-algeria energy-efficiency*/ /*on met les titres des colonnes au dessus de(s)l'image(s)*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { display: inherit; padding-top: 0; position: initial; padding-left: 0; } #oran-algeria-energy-efficiency-tableau { text-align: center; } .oran-algeria-eco-housing-image, .oran-algeria-eco-led-street-lighting { text-align: center !important; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 15px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*Oran Algeria*/ /*le tableau oran-algeria energy-efficiency*/ /*on met les titres des colonnes au dessus de(s)l'image(s)*/ /*Our Activities tableau effet de hover*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { position: initial !important; padding-left: 0 !important; } #oran-algeria-energy-efficiency-tableau { text-align: center; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 15px !important; } #advocacy-column-image:hover #overlay-advocacy, #programmes-column-image:hover #overlay-programmes, #projects-column-image:hover #overlay-projects, #initiatives-column-image:hover #overlay-initiatives { width: 230px; } } /* Smartphones Horizontal - iPhone 5 */ @media (max-width: 570px) and (orientation: landscape) { /*Oran Algeria*/ /*le tableau oran-algeria energy-efficiency*/ /*on met les titres des colonnes au dessus de(s)l'image(s)*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { display: inherit; padding-top: 0; position: initial; padding-left: 0; } #oran-algeria-energy-efficiency-tableau { text-align: center; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 15px !important; } } /* Smartphones Vertical - iPhone 5 */ @media (max-width: 320px) and (orientation: portrait) { /*Oran Algeria*/ /*le tableau oran-algeria energy-efficiency*/ /*on met les titres des colonnes au dessus de(s)l'image(s)*/ .oran-algeria-eco-housing-image .wpb_heading, .oran-algeria-eco-led-street-lighting .wpb_heading { position: initial !important; padding-left: 0 !important; } #oran-algeria-energy-efficiency-tableau { text-align: center; } .oran-algeria-energy-efficiency-tableau-led-street-lighting-3 { padding-top: 15px !important; } } /********************************************************************************************************************************************************** About Us *************************************************************************************************************************************************************/ /*on change le margin de about us*/ /*.page-id-53935 .content_wrap { margin-left: 100px; margin-right: 100px; width: auto; }*/ #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 15px; margin-right: 15px; } /*font size*/ .about-us-r20-staff-and-offices-picture { font-size: 11px; } /*border entre les 2 colonnes*/ /*remetre le border sur association lors que l'on a les photo*/ /* .about-us-governance-association { border-left: 1px solid; } */ /*border entre les 2 colonnes*/ .about-us-governance-foundation { border-right: 1px solid; } /*coleur des text hover*/ #about-us-governance-foundation-association .about-us-governance-foundation-association-img-hover .info h3 { color: white !important; } /*On masque les photo de la colonne association (on na pas les photo)*/ .about-us-governance-association .about-us-governance-foundation-association-img-hover { display: none; } .about-us-governance-association .about-us-governance-foundation-association-img-text { padding-top: 30px; } /*pour enlever le contour transparent des images*/ .about-us-governance-foundation .ih-item.circle .img:before, .about-us-governance-association .ih-item.circle .img:before { content: none; } /*centrer les images*/ #about-us-governance-foundation-association .ih-item.circle { margin-right: auto; margin-left: auto; } #about-us-r20-staff-and-office-column-image1, about-us-r20-staff-and-office-column-image2, #about-us-governance-foundation-column-1, #about-us-governance-foundation-column-2, #about-us-governance-association-column-1, #about-us-governance-association-column-2, #about-us-governance-association-column-3, #about-us-governance-association-column-4, #about-us-governance-association-column-5 { font-size: 12px; line-height: 15px; } /********************************************************************************************************************************************************** FIN About Us *************************************************************************************************************************************************************/ /* Fenêtres agrandies (>1400px) */ @media (min-device-width: 1400px) and (min-width: 1400px) { /*About Us*/ #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 100px !important; margin-right: 100px !important; } } /* Tablettes Horizontales */ @media (max-width: 1280px) and (orientation: landscape) { /*About Us*/ #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 15px !important; margin-right: 15px !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*About Us*/ /*on change le margin de about us*/ /*tableau intro*/ .page-id-53935 .content_wrap { margin-left: 15px; margin-right: 15px; width: auto; } #about-us-tableau-intro .about-us-column-text-intro, #about-us-tableau-intro .about-us-column-video-intro { width: 100%; display: inline-block; } #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 15px !important; margin-right: 15px !important; } #about-us-governance-foundation-association .about-us-governance-foundation, #about-us-governance-foundation-association .about-us-governance-association { width: 100% !important; display: inline-block; border: none; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /*About Us*/ /*FIN About Us*/ #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 15px !important; margin-right: 15px !important; } .about-us-governance-association, .about-us-governance-foundation { border: none; } #about-us-governance-association-column-1 { padding-top: 0px !important; } #about-us-governance-foundation-association .about-us-governance-foundation-association-column { width: 32%; display: inline-block; } #about-us-governance-foundation-association .about-us-governance-foundation-association-img-hover { width: 100px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*About Us*/ /*FIN About Us*/ #about-us-r20-mission-vision .about-us-r20-mission-vision-text { margin-left: 15px !important; margin-right: 15px !important; } .about-us-governance-association, .about-us-governance-foundation { border: none; } #about-us-governance-association-column-1 { padding-top: 0px !important; } } /********************************************************************************************************************************************************** Approach *************************************************************************************************************************************************************/ /*Les 4 bandes de couleurs des 4 partie d'approach*/ #approach-projects-identification-structuring-big-row-border { border-left: 30px solid; border-left-color: #393d91; } #approach-projects-bankability-big-row-border { border-left: 30px solid; border-left-color: #9acc02; } #approach-projects-financing-big-row-border { border-left: 30px solid; border-left-color: #99007e; } #approach-projects-mrv-big-row-border { border-left: 30px solid; border-left-color: #0073a2; } /*on size les onglets des differentes tab*/ .approach-projects-structuring-tab .vc_tta-tab, .approach-projects-bankability-tab .vc_tta-tab, .approach-projects-financing-tab .vc_tta-tab { width: 50%; } /*on modifies la couleur des onglets actif et inactif des differentes tab*/ .approach-projects-structuring-tab .vc_tta-tab.vc_active > a { background-color: #393d91 !important; color: white !important; } .approach-projects-structuring-tab .vc_tta-tab > a { color: #393d91 !important; background-color: white !important; border: 1px solid !important; border-color: #393d91 !important; } .approach-projects-bankability-tab .vc_tta-tab.vc_active > a { background-color: #9acc02 !important; color: white !important; } .approach-projects-bankability-tab .vc_tta-tab > a { color: #9acc02 !important; background-color: white !important; border: 1px solid !important; border-color: #9acc02 !important; } .approach-projects-financing-tab .vc_tta-tab.vc_active > a { background-color: #99007e !important; color: white !important; } .approach-projects-financing-tab .vc_tta-tab > a { color: #99007e !important; background-color: white !important; border: 1px solid !important; border-color: #99007e !important; } /*On size les images des differents titre*/ #approach-projects-identification .wpb_single_image img, #approach-projects-structuring .wpb_single_image img, #approach-projects-bankability .wpb_single_image img, #approach-projects-financing .wpb_single_image img, #approach-projects-mrv .wpb_single_image img { width: 100px; height: 100px; } /********************************************************************************************************************************************************** FIN Approach *************************************************************************************************************************************************************/ /* Tablettes Horizontales */ @media (max-width: 1280px) and (orientation: landscape) { /*Approach*/ /*les margin*/ #approach-projects-identification-structuring-big-row-border .enlever-margin-for-responsive, #approach-projects-identification-structuring-big-row-border .approach-projects-structuring-tab, #approach-projects-bankability-big-row-border .enlever-margin-for-responsive, #approach-projects-bankability-big-row-border .approach-projects-bankability-tab, #approach-projects-financing-big-row-border .enlever-margin-for-responsive, #approach-projects-financing-big-row-border .approach-projects-financing-tab, #approach-projects-mrv-big-row-border .enlever-margin-for-responsive { margin-left: 100px !important; margin-right: 100px !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*Approach*/ /*les margin*/ #approach-projects-identification-structuring-big-row-border .enlever-margin-for-responsive, #approach-projects-identification-structuring-big-row-border .approach-projects-structuring-tab, #approach-projects-bankability-big-row-border .enlever-margin-for-responsive, #approach-projects-bankability-big-row-border .approach-projects-bankability-tab, #approach-projects-financing-big-row-border .enlever-margin-for-responsive, #approach-projects-financing-big-row-border .approach-projects-financing-tab, #approach-projects-mrv-big-row-border .enlever-margin-for-responsive { margin-left: 20px !important; margin-right: 20px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /*Approach*/ /*Les 4 bandes de couleurs des 4 partie d'approach*/ /*les margin*/ /*on modifies la couleur des onglets actif et inactif des differentes tab ATENTION il ne s'agit pas de la meme classe que en non responsive*/ /*Les images des tableaux*/ #approach-projects-identification-structuring-big-row-border, #approach-projects-bankability-big-row-border, #approach-projects-financing-big-row-border, #approach-projects-mrv-big-row-border { border: none; } #approach-projects-identification-structuring-big-row-border .enlever-margin-for-responsive, #approach-projects-identification-structuring-big-row-border .approach-projects-structuring-tab, #approach-projects-bankability-big-row-border .enlever-margin-for-responsive, #approach-projects-bankability-big-row-border .approach-projects-bankability-tab, #approach-projects-financing-big-row-border .enlever-margin-for-responsive, #approach-projects-financing-big-row-border .approach-projects-financing-tab, #approach-projects-mrv-big-row-border .enlever-margin-for-responsive { margin-left: 10px !important; margin-right: 10px !important; } #approach-projects-identification-structuring-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #393d91 !important; color: white !important; } #approach-projects-identification-structuring-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #393d91 !important; border: 1px solid !important; background-color: white !important; } #approach-projects-bankability-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #9acc02 !important; color: white !important; } #approach-projects-bankability-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #9acc02 !important; border: 1px solid !important; background-color: white !important; } #approach-projects-financing-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #99007e !important; color: white !important; } #approach-projects-financing-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #99007e !important; border: 1px solid !important; background-color: white !important; } #approach-projects-identification-tableau .approach-project-identification-img, #approach-projects-financing-tableau .approach-projects-financing-img, #approach-projects-mrv-tableau .approach-projects-mrv-img { width: 50%; display: inline-block; } #approach-projects-stucturing-tableau .approach-projects-stucturing-img, #approach-projects-bankability-tableau .approach-projects-bankability-img { width: 25%; display: inline-block; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*Approach*/ /*Les 4 bandes de couleurs des 4 partie d'approach*/ /*les margin*/ /*on modifies la couleur des onglets actif et inactif des differentes tab*/ /*positionnement image projects structuring */ #approach-projects-identification-structuring-big-row-border, #approach-projects-bankability-big-row-border, #approach-projects-financing-big-row-border, #approach-projects-mrv-big-row-border { border: none; } #approach-projects-identification-structuring-big-row-border .enlever-margin-for-responsive, #approach-projects-identification-structuring-big-row-border .approach-projects-structuring-tab, #approach-projects-bankability-big-row-border .enlever-margin-for-responsive, #approach-projects-bankability-big-row-border .approach-projects-bankability-tab, #approach-projects-financing-big-row-border .enlever-margin-for-responsive, #approach-projects-financing-big-row-border .approach-projects-financing-tab, #approach-projects-mrv-big-row-border .enlever-margin-for-responsive { margin-left: 10px !important; margin-right: 10px !important; } #approach-projects-identification-structuring-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #393d91 !important; color: white !important; } #approach-projects-identification-structuring-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #393d91 !important; border: 1px solid !important; background-color: white !important; } #approach-projects-bankability-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #9acc02 !important; color: white !important; } #approach-projects-bankability-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #9acc02 !important; border: 1px solid !important; background-color: white !important; } #approach-projects-financing-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { background-color: #99007e !important; color: white !important; } #approach-projects-financing-big-row-border .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #99007e !important; border: 1px solid !important; background-color: white !important; } #approach-projects-stucturing-tableau .approach-projects-stucturing-img .approach-projects-stucturing-img-image { text-align: center; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 610px) and (orientation: landscape) { /*Project initiative*/ #project-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block, #project-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone { width: 100%; } #project-grid .vc_gitem-zone-a { height: 400px !important; } #project-grid .vc_gitem-zone-c { height: auto !important; } #project-grid { padding-right: 0px !important; padding-left: 0px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*Project initiative*/ #project-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block, #project-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone { width: 100%; } #project-grid .vc_gitem-zone-a { height: 200px !important; } #project-grid .vc_gitem-zone-c { height: auto !important; } #project-grid { padding-right: 0px !important; padding-left: 0px !important; } } /* ════════════════════════════════════════════════════════════════════════════════════ * PAGE: PUBLICATIONS * ════════════════════════════════════════════════════════════════════════════════════ */ .page-publications { /* ════════════════════════════════════════════════════════════════════════════════════ * ARTICLE's BLOCK * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-publications .vc_grid-item { /* ════════════════════════════════════════════════════════════════════════════════════ * TITLE * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CTAs * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-publications .vc_grid-item h4 { font-size: 20px; } .page-publications .vc_grid-item .vc_btn3 { background: #0073a2; text-transform: uppercase; }