/* =================================================================================== Theme Name: Sassico Child Theme URI: https://themeforest.net/user/xpeedstudio/portfolio Author: Xpeedstudio Author URI: https://xpeedstudio.com/ Description: Sassico is a Creative saas digital marketing WordPress Theme. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: sassico * Template: sassico * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready * We encourage you to create Child theme for any modifications you will want to do. * Why use Child theme? * Because of future updates we may provide for this theme that will overwrite your * modifications and all your custom work. * If you are not familiar with Child Themes, you can read about it here: * http://codex.wordpress.org/Child_Themes * http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/ ====================================================================================== */ h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif, Arial !important; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; } body .sassico-nav-button > i, body .btn.btn-link > i.fa, body .btn-outline-light > i.fa { font-family: "FontAwesome" !important; } /* header */ body:not(.home) .elementskit-navbar-nav-default .elementskit-navbar-nav > li > a:not(.ekit_creative_button) { color: #000 !important; } body .elementskit-navbar-nav-default .elementskit-navbar-nav > li > a:not(.ekit_creative_button):hover { color: #029EE2 !important; } body .elementskit-menu-close, body .elementskit-menu-hamburger { border-color: #292568 !important; } body .elementskit-menu-close span, body .elementskit-menu-hamburger span { background-color: #292568 !important; } /* else */ body .solvinfo_form_styles input[type="text"] { border-radius: 10px; background: #fff; box-shadow: none; border: 2px solid #282467; transition: all 100ms ease; font-family: 'Roboto', sans-serif, Arial; color: #000; font-weight: 600; font-size: 14px; line-height: 21px; letter-spacing: 1px; padding: 17px 15px 17px 20px; outline: 0; text-align: left; box-sizing: border-box; margin-bottom: 10px; } body .solvinfo_form_styles input[type="text"]::placeholder { color: #555555; font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } body .solvinfo_form_styles input[type="text"]:focus { border-color: #029EE2; } body .solvinfo_form_styles input[type="submit"] { border-radius: 20px; background: #282467; border: 2px solid #282467; color: #fff; padding: 17px 30px; font-family: 'Roboto', sans-serif, Arial; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; line-height: 21px; transition: all 100ms ease; cursor: pointer; } body .solvinfo_form_styles input[type="submit"]:hover { background: #029EE2; border-color: #029EE2; } body .fcs_l_form.solvinfo_form_styles { width: 100%; max-width: 650px; } body .fcs_l_form.solvinfo_form_styles input[type="text"] { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 none; width: calc(100% - 125px); min-height: 57px; } body .fcs_l_form.solvinfo_form_styles input[type="submit"] { border-top-left-radius: 0; border-bottom-left-radius: 0; min-height: 57px; width: 125px; } .preac_result #p_reac_response { background: #fff; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); border-radius: 10px; padding: 20px 20px 10px; } .preac_result #p_reac_response p { margin-bottom: 10px; } .preac_result #p_reac_response .p_reac_button { color: #2B2769; text-decoration: none; background: #EAF2FF; padding: 10px 30px; transition: all 100ms ease; border-radius: 5px; font-weight: bold; } .preac_result #p_reac_response .p_reac_button:hover { background: #2B2769; color: #fff; } .preac_result #p_reac_m_response { position: relative; } .preac_result #p_reac_m_response.p_r_m_r_multiple { height: 600px; overflow: auto; padding: 25px; } .preac_result #p_reac_m_response .prm_r_entreprise { background: #fff; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); border-radius: 10px; padding: 20px 20px 10px; margin-bottom: 15px; cursor: pointer; transition: all 100ms ease; } .preac_result #p_reac_m_response .prm_r_entreprise:hover { background: #3E69AF; color: #fff; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.5); } .preac_result #p_reac_m_response .prm_r_entreprise.e_selected { border: 3px solid #3E69AF; } .preac_result #p_reac_m_response p { margin-bottom: 10px; } .preac_result #p_reac_m_response .prm_r_entreprise:hover p { color: #fff; } #p_reac_m_wrapper { background: #fff; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); border-radius: 10px; padding: 40px 20px 10px; } body .custom_button_link { color: #2B2769; text-decoration: none; background: #EAF2FF; padding: 10px 30px; transition: all 100ms ease; border-radius: 5px; font-weight: bold; } body .custom_button_link:hover { background: #2B2769; color: #fff; } body .custom_button_link.disabled_b { background: #D9E2EC; color: #B5B5B5; cursor: not-allowed; } body .sassico-innner-page-banner, body .xs_single_blog_banner { margin-top: 0; min-height: auto; } body .xs-jumbotron-content-wraper { padding: 4rem 0 3rem; } body .xs_blog_image_card .xs_blog_image_card_content { padding-left: 2rem; padding-right: 2rem; } body .xs_blog_image_card .entry-title > a { text-decoration: underline; } body .xs_blog_image_card .entry-title > a:hover { text-decoration: none; } body .xs_blog_image_card .post-author-info.style_2 { display: none; } /* Login page */ body.page-id-6337 .woocommerce-form.woocommerce-form-login.login { border: 0 none; background: #fff; border-radius: 15px; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); max-width: 500px; margin: auto; } body.page-id-6337 form .password-input, .woocommerce-page form .password-input { width: 100%; } /* Mon compte */ body .woocommerce-info { border: 0 none; border-radius: 0.8rem; } .page-id-6337 .main-container { padding-top: 10px; background: #F7F9FB; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation { float: none; width: 100%; margin: 0 0 50px; background: #3E69AF; border-radius: 40px; border: 0; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); font-size: 14px; line-height: 21px; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul { text-align: center; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li { display: inline-block; width: auto; border: 0 none; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard, .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address { display: none; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li a { border: 0; color: #fff; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li:hover a { color: #F9B233; } .page-id-6337 .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #022845; } .page-id-6337 .woocommerce .woocommerce-MyAccount-content { max-width: 1100px; margin: auto; float: none; width: 100%; } .page-id-6337.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content, .page-id-6337.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content { border-radius: 0.85rem; background: #fff; padding: 40px; } .page-id-6337.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content legend { padding: 20px 0; } .page-id-6337 .woocommerce h2 { margin: 40px 0; } body.woocommerce-page #main-content > .container > .row > .col-lg-8, body.page #main-content > .container > .row > .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } body.woocommerce-page #main-content > .container > .row > .col-lg-4, body.page #main-content > .container > .row > .col-lg-4 { display: none; } /* Checkout */ html body.woocommerce-checkout form.checkout > #wc-stripe-payment-request-wrapper, html body.woocommerce-checkout form.checkout > #wc-stripe-payment-request-button-separator { display: none !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 2px solid #2B2769; border-radius: 6px } body #coupon-anchor > .ui-dialog { background: #fff; padding: 10px; font-size: .8em; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.05); border-radius: .8rem; } body #coupon-anchor .woocommerce-error, body #coupon-anchor .woocommerce-message { margin: 0; } body #coupon-anchor > .ui-dialog > .ui-dialog-titlebar { display: none; } body #coupon-anchor > .ui-dialog > form { margin-bottom: 0; } body #coupon-anchor button.ui-dialog-titlebar-close { font-size: 1rem; background: #fff; border: 0; float: right; cursor: pointer; font-weight: bold; } body.woocommerce-checkout.woocommerce-page.logged-in form.checkout.woocommerce-checkout .woocommerce-billing-fields > h3 { margin-bottom: 40px; } html body.woocommerce-checkout.logged-in #xs-social-login-container, html body.woocommerce-checkout .woocommerce-form-coupon-toggle, html body.woocommerce-checkout .elementor-3153 .elementor-element.elementor-element-b1b5848, html body.woocommerce-checkout .elementor-3153 .elementor-element.elementor-element-58e9e1a, body.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-2, body.woocommerce-checkout .woocommerce .woocommerce-form-login-toggle, body.woocommerce-checkout.woocommerce-page form.checkout h3#order_review_heading, body.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.cart-subtotal:not(.recurring-total), body.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.recurring-totals, body.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.shipping.recurring-total, #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before, .woocommerce-checkout form .woocommerce-billing-fields .form-row label { display: none !important; } html body.woocommerce-checkout.woocommerce-page #header { position: absolute; } html body.woocommerce-checkout.woocommerce-page .av_minimal_header #header_main .container { height: 50px; line-height: 50px; } html body.woocommerce-checkout.woocommerce-page #header_main { border: 0; } .elementor-6336 .elementor-element.elementor-element-5ec5ddd { padding-top: 0 !important; } .elementor-6336 .elementor-element.elementor-element-5ec5ddd > .elementor-container { max-width: none; } html.responsive body.woocommerce-checkout.woocommerce-page div#main > .container_wrap.container_wrap_first > .container { width: 100% !important; max-width: none; padding: 0; } html.responsive body.woocommerce-checkout.woocommerce-page #main .container > main.content { padding: 0; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name { position: relative; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name .quantity { display: inline-block; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name .quantity input.qty { border: 0 none; border-bottom: 2px solid #2B2769; height: 30px; margin: 10px 0; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name .remove { position: absolute; top: 20px; color: #2B2769 !important; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name .remove:hover { color: #fff !important; background: #2B2769; } body.woocommerce-checkout.woocommerce-page table.shop_table td.product-name .cqoc_product_name { display: inline-block; } body.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout { display: flex; margin: 0; flex-wrap: wrap; min-height: 100vh; } body.woocommerce-checkout.woocommerce-page form.checkout #customer_details { padding: 100px 5% 5%; background: #f6f9fc; float: none; flex: 1 0 50%; } body.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-1 { width: 100%; float: none; margin: auto; max-width: 600px; } body.woocommerce-checkout.woocommerce-page form.checkout #order_review { padding: 130px 5% 5%; flex: 1 0 50%; } body.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table { max-width: 500px; margin: auto; } body.woocommerce-checkout.woocommerce-page form.checkout #order_review #payment { max-width: 600px; margin: 40px auto 0; border-radius: 10px; } html body.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { position: absolute; width: 100%; max-width: 700px; z-index: 9; } html body.woocommerce-checkout div.woocommerce-message, html body.woocommerce-checkout .woocommerce-error { margin: 50px 0 -50px; font-size: .9em; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; } body.woocommerce-checkout.woocommerce-page form.checkout .woocommerce-privacy-policy-text { font-size: 12px; line-height: 16px; } body.woocommerce-checkout.woocommerce-page #payment div.payment_box { padding: 0; font-size: 12px; background: transparent; } body.woocommerce-checkout.woocommerce-page #payment div.payment_box #stripe-payment-data > p { margin-bottom: 0; } body.woocommerce-checkout.woocommerce-page .form-row-wide, body.woocommerce-checkout.woocommerce-page .form-row-first, body.woocommerce-checkout.woocommerce-page .form-row-last { clear: both !important; float: none !important; width: 100% !important; margin-right: 0 !important; } @media (min-width: 768px){ body.woocommerce-checkout.woocommerce-page .form-row-first { width: 47% !important; float: left !important; margin-right: 5.8% !important; clear: both !important; } body.woocommerce-checkout.woocommerce-page .form-row-last { width: 47% !important; float: right !important; margin-right: 0 !important; clear: none !important; } } html body.woocommerce-checkout.woocommerce-page #main .woocommerce-form-login-toggle { position: absolute; top: 70px; line-height: 1; } html body.woocommerce-checkout.woocommerce-page #main .woocommerce-info { border: 0; font-size: 12px; padding: 10px 20px; margin: 0; line-height: 18px; } html body.woocommerce-checkout.woocommerce-page #main .woocommerce-form.woocommerce-form-login.login { max-width: 600px; font-size: 0.9em; margin: auto; position: fixed; z-index: 2; left: 5%; top: 120px; border: 5px solid rgb(255, 113, 51); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; } body.woocommerce-checkout.woocommerce-page #socket > .container { max-width: none; } html body.woocommerce-checkout.woocommerce-order-pay.woocommerce-page #main { padding-top: 88px; } html.responsive body.woocommerce-checkout.woocommerce-order-pay.woocommerce-page div#main > .container_wrap.container_wrap_first > .container { max-width: 800px; padding: 0 5% 40px; } .woocommerce-checkout.woocommerce-page.woocommerce-order-received #main main article .entry-content .woocommerce { background: #F6F9FC; padding-top: 100px; } .woocommerce-checkout.woocommerce-page.woocommerce-order-received #main main article .entry-content .woocommerce > .wc-checkout-thankyou { max-width: 730px; margin: auto; background: #fff; padding: 4%; font-size: .9em; } .woocommerce-checkout .wc-checkout-thankyou h2 { font-size: 20px; margin: 30px 0; } @media only screen and (max-width: 1024px) and (min-width: 768px) { body .elementor-3153 .elementor-element.elementor-element-b1b5848 { flex-grow: 2; } body .elementor-3153 .elementor-element.elementor-element-58e9e1a { width: 180px; } body .elementor-3153 .elementor-element.elementor-element-cd5295b > .elementor-widget-container { margin-top: 10px; } } @media only screen and (max-width: 1024px) { body .elementor-3153 .elementor-element.elementor-element-29226ca .elementskit-menu-hamburger { padding: 10px 8px 10px 8px; background: #fff; } body .elementor-3150 .elementor-element.elementor-element-ca02f4f:not(.elementor-motion-effects-element-type-background), body .elementor-3150 .elementor-element.elementor-element-ca02f4f > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: top left; } body .elementor-3150 .elementor-element.elementor-element-932a356 .elementskit-section-title-wraper .elementskit-section-title, body .elementor-3150 .elementor-element.elementor-element-7fb18b1f .elementskit-section-title-wraper .elementskit-section-title, body .elementor-3150 .elementor-element.elementor-element-63d4d0bf .elementskit-section-title-wraper .elementskit-section-title, body .elementor-3150 .elementor-element.elementor-element-2fae5162 .elementskit-section-title-wraper .elementskit-section-title, body .elementor-3150 .elementor-element.elementor-element-4e7508d2 .elementskit-section-title-wraper .elementskit-section-title, body .elementor-3150 .elementor-element.elementor-element-486ae73 .elementskit-section-title-wraper .elementskit-section-subtitle { font-size: 48px; font-weight: 700; font-family: "Poppins", sans-serif, Arial !important; } body .elementor-3153 .elementor-element.elementor-element-29226ca .elementskit-navbar-nav > li > a { color: #000 !important; } } @media only screen and (max-width: 768px) { body .elementor-3153 .elementor-element.elementor-element-cd5295b > .elementor-widget-container { padding: 0; margin: 0; } body.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout { display: block; min-height: auto; } body.woocommerce-checkout.woocommerce-page form.checkout #customer_details { padding: 130px 5% 60px; } body.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-1 { max-width: none; } body.woocommerce-checkout.woocommerce-page form.checkout #order_review { padding: 80px 5%; } } /* Styles ++ */ /* Modif 19-04-2022 */ #head-result { margin: 25px 15px; } #head-result .head-result-info { position: relative; display: flex; justify-content: space-between; align-items: center; } #head-result .head-result-info::after { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, rgba(0,158,226,1) 30%, rgba(255,255,255,1) 100%); } #head-result .head-result-info h2 { font-size: 42px; } #head-result .head-result-info .result-name { text-transform: uppercase !important; letter-spacing: -1px; margin-bottom: 0; } #head-result .head-result-info .result-number { letter-spacing: -1px; margin-bottom: 0; } #head-result .head-result-details { display: flex; margin: 25px 0; } #head-result .head-result-details .result-rating { display: flex; flex-direction: column; align-items: center; width: 150px; height: auto; background-color: #f4ae12; border-radius: 12px; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); z-index: 1; } #head-result .head-result-details .result-rating span, #head-result .head-result-details .result-rating .result-rating-more { /* transform: skewX(5deg); */ } #head-result .head-result-details .result-rating .label { margin-top: 5px; font-weight: bold; color: #fff; text-shadow: 2px 2px #000; } #head-result .head-result-details .result-rating .rating-content { font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px #000; margin: 7px 0; } #head-result .head-result-details .result-rating .rating-notif { font-size: 14px; color: #fff; opacity: 70%; } #head-result .head-result-details .result-rating-more { display: flex; align-items: center; color: #fff; margin-top: 5px; border-top: 1px solid #dca629; } #head-result .head-result-details .result-rating-more .more-note { display: flex; flex-direction: column; align-items: center; padding-top: 5px; /* margin-bottom: 5px; */ border-left: 1px solid #dca629; } #head-result .head-result-details .result-rating-more div { width: 55px; height: 100%; text-align: center; } #head-result .head-result-details .result-rating-more .more-info { display: flex; align-items: center; justify-content: center; } #head-result .head-result-details .result-rating-more .more-info .question { font-size: 24px; font-weight: bold; transform: skewX(0deg); padding: 0px 6px 0 5px; border: 1px solid; border-radius: 50%; text-shadow: 2px 2px #000; color: #fff; margin-top: 5px; } #head-result .head-result-details .result-rating-more .more-info .question:hover { text-decoration: none; } #head-result .head-result-details .result-rating-more .more-note span { transform: skewX(0deg); } #head-result .head-result-details .result-rating-more .more-note .note-content { font-size: 24px; font-weight: bold; text-shadow: 2px 2px #000; } #head-result .head-result-details .result-rating-more .more-note .note-notif { opacity: 70%; line-height: 1; } #head-result .head-result-details .result-other { width: calc(100% - 310px); } #head-result .head-result-details .result-other .result-other-list { display: flex; } #head-result .head-result-details .result-other .result-other-list .result-other-item:first-child { margin-left: 20px; } #head-result .head-result-details .result-other .result-other-list .result-other-item { position: relative; width: 20%; margin: 0 10px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; } #head-result .head-result-details .result-other .result-other-list .result-other-item .lable, #head-result .head-result-details .result-other .result-other-list .result-other-item .result-other-content .container-down p { margin: 0; text-align: center; } #head-result .head-result-details .result-other .result-other-list .result-other-item .container-up, #head-result .head-result-details .result-other .result-other-list .result-other-item .container-down { height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #head-result .head-result-details .result-other .result-other-list .result-other-item .container-up { background-color: #fff; border-top-left-radius: 12px; } #head-result .head-result-details .result-other .result-other-list .result-other-item .container-up .lable { font-size: 18px; font-weight: bold; color: #5d595b; } #head-result .head-result-details .result-other .result-other-list .result-other-item .result-other-content { background-color: #f5ae0d; border-bottom-right-radius: 12px; } #head-result .head-result-details .result-other .result-other-list .result-other-item .result-other-content .container-down p { color: #fff; text-shadow: 2px 2px 1px #000; line-height: 1; } #head-result .head-result-details .result-other .result-other-list .result-other-item .result-other-content .container-down .uppercase { text-transform: uppercase; } #head-result .head-result-details .result-other .result-other-list .result-other-item .container-down .capitalize { text-transform: capitalize; } #head-result .head-result-details .result-other .result-other-bar { position: relative; height: 20px; background: linear-gradient(90deg, rgba(198,46,23,1) 0%, rgba(254,202,3,1) 50%, rgba(11,147,14,1) 100%); margin: 15px 0; transform: translateX(-10px); z-index: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #head-result .head-result-details .result-other .result-other-bar .pointer { position: absolute; width: 30px; height: 30px; background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 100%); bottom: 50%; transform: translate(50%, 50%); border: 1px solid #797979; border-radius: 50%; } /* Class for box with bg */ /* Rate a */ #head-result .head-result-details.rate-a .result-rating, #head-result .head-result-details.rate-a .result-other .result-other-list .result-other-item .result-other-content { background-color: #158b19; } #head-result .head-result-details.rate-a .result-rating .result-rating-more { border-top: 1px solid #128416; } #head-result .head-result-details.rate-a .result-rating .result-rating-more .more-note { border-left: 1px solid #128416; } /* Rate b */ #head-result .head-result-details.rate-b .result-rating, #head-result .head-result-details.rate-b .result-other .result-other-list .result-other-item .result-other-content { background-color: #3ac127; } #head-result .head-result-details.rate-b .result-rating .result-rating-more { border-top: 1px solid #34b921; } #head-result .head-result-details.rate-b .result-rating .result-rating-more .more-note { border-left: 1px solid #34b921; } /* Rate c */ #head-result .head-result-details.rate-c .result-rating, #head-result .head-result-details.rate-c .result-other .result-other-list .result-other-item .result-other-content { background-color: #f4b21c; } #head-result .head-result-details.rate-c .result-rating .result-rating-more { border-top: 1px solid #dca629; } #head-result .head-result-details.rate-c .result-rating .result-rating-more .more-note { border-left: 1px solid #dca629; } /* Rate d */ #head-result .head-result-details.rate-d .result-rating, #head-result .head-result-details.rate-d .result-other .result-other-list .result-other-item .result-other-content { background-color: #e75b1a; } #head-result .head-result-details.rate-d .result-rating .result-rating-more { border-top: 1px solid #cf5116; } #head-result .head-result-details.rate-d .result-rating .result-rating-more .more-note { border-left: 1px solid #cf5116; } /* Rate e */ #head-result .head-result-details.rate-e .result-rating, #head-result .head-result-details.rate-e .result-other .result-other-list .result-other-item .result-other-content { background-color: #de3a30; } #head-result .head-result-details.rate-e .result-rating .result-rating-more { border-top: 1px solid #c1362d; } #head-result .head-result-details.rate-e .result-rating .result-rating-more .more-note { border-left: 1px solid #c1362d; } /* END Class for box with bg */ @media (min-width: 768px) and (max-width: 991px) { #head-result .head-result-details .result-other { width: 100%; } } @media (max-width: 768px) { #head-result .head-result-info { flex-wrap: wrap; } #head-result .head-result-details { flex-direction: column; align-items: center; } #head-result .head-result-details .result-rating { width: 300px; margin-bottom: 1.5rem; } #head-result .head-result-details .result-other { width: 100%; } #head-result .head-result-details .result-other .result-other-list { flex-wrap: wrap; justify-content: space-around; } #head-result .head-result-details .result-other .result-other-list .result-other-item { width: 45%; margin-bottom: 1.5rem; } } @media (max-width: 512px) { #head-result .head-result-details .result-rating { max-width: 350px; } #head-result .head-result-details .result-other .result-other-list .result-other-item { width: 75%; } } /* result table */ .result-table h2 { border: 1px solid #3D68AF; background-color: #3D68AF; color: #fff; margin: 0; padding: 15px; font-size: 22px; letter-spacing: normal !important; } .cs-logo { max-width: 300px; } .cs-logo .cs-logo-simplySmarter { font-size: 22px; font-weight: bold; font-style:italic; color: #7f7f7f; } .result-table h2:not(first-child) { margin-top: 2rem; } .result-table .label { margin: 0; padding: 9px; border: 1px solid #009EE2; border-top: none; display: flex; background-color: #fff; font-size: 16px; } .result-table .label .label-title { width: 50%; font-weight: bold; color: #000; } .result-table .label .label-result, .result-table .label .label-result-table { color: #2d2d2d; } .result-table .label .label-result-table { width: 50%; } .table-container { display: flex; } .table-container .table { width: 50%; flex-direction: column; padding: 0; border-bottom: none; } .table-container .table .label-title, .table-container .table .label-result-table { width: 100%; padding: 9px; border-bottom: 1px solid #00A2E8; color: #2d2d2d; } .table-container .table.left { border-right: none; } .table-container .table.right { border-left: none; } .table-container .table.middle { border-left: none; border-right: none; } .result-table .label .rate-a { color: #158b19; font-weight: 600; } .result-table .label .rate-b { color: #3ac127; font-weight: 600; } .result-table .label .rate-c { color: #f4b21c; font-weight: 600; } .result-table .label .rate-d { color: #e75b1a; font-weight: 600; } .result-table .label .rate-e { color: #de3a30; font-weight: 600; } .result-table .table-container.special-width { justify-content: space-between; } .result-table .content-end .label-title, .result-table .content-end .label-result-table { width: auto; } .result-table .label .label-title.text-center { text-align: center; } .result-table .label.table .label-title.mh-100 { min-height: 100px; } .result-table .label .label-title.w-15 { width: 15%; } .result-table .label .label-title.w-16, .result-table .label .label-result-table.w-16 { width: 16%; } .result-table .label .label-title.w-20, .result-table .label .label-result-table.w-20 { width: 20%; } .result-table .label .label-title.w-22, .result-table .label .label-result-table.w-22 { width: 22%; } .result-table .label .label-title.w-24 { width: 24%; } .result-table .label .label-title.w-25, .result-table .label .label-result-table.w-25 { width: 25%; } .result-table .label.table.w-15 { width: 15%; } .result-table .label.table.w-16, .result-table .label .w-16 { width: 16%; } .result-table .label.table.w-20 { width: 20%; } .result-table .label.table.w-24, .result-table .label .w-24 { width: 24%; } .result-table .label.table.w-25 { width: 25%; } .result-table .label.table.w-76, .result-table .label .w-76 { width: 76%; } .result-table .label.table.w-85 { width: 85%; } /* Current directors special */ @media (min-width: 992px) and (max-width: 1054px) { .table-container .table.left.mw-40 { width: 40%; } .table-container .table.middle.mw-15 { width: 15%; } .table-container .table.middle.mw-20 { width: 20%; } .table-container .table.right.mw-25 { width: 25%; } .result-table .label .label-title.w-33 { width: 33%; } } /* END Current directors special */ @media (max-width: 991px) { .result-table .content-end .left, .result-table .label .label-title.w-15, .result-table .label .label-title.w-16, .result-table .label .label-result-table.w-16, .result-table .label .label-title.w-20, .result-table .label .label-result-table.w-20, .result-table .label .label-title.w-24, .result-table .label .label-title.w-25, .result-table .label .label-result-table.w-25, .result-table .label .label-title.w-33, .result-table .label.table.w-15, .result-table .label.table.w-16, .result-table .label .w-16, .result-table .label.table.w-20, .result-table .label.table.w-24, .result-table .label .w-24, .result-table .label.table.w-25, .result-table .label.table.w-76, .result-table .label .w-76, .result-table .label.table.w-85 { width: 50%; }.result-table .label .m-tb-20, .result-table .label .mr-2, .result-table .label .mr-4 { margin: 0; } .result-table .label .label-result/* , .result-table .label .label-result-table */ { width: 50%; } /* Current directors */ .current-director { flex-direction: column; } .current-director.table-container .table, .current-director.table-container .table .label-result-table { width: 100%; } .current-director.table-container .table.left { border-right: 2px solid #d4d4d4; } .current-director.table-container .table.right { border-left: 2px solid #d4d4d4; } .current-director.table-container .table.middle { border-left: 2px solid #d4d4d4; border-right: 2px solid #d4d4d4; } /* END Current directors */ } @media (min-width: 678px) and (max-width: 991px) { .result-table .label .label-title.mbw-15, .result-table .label .label-result-table.mbw-15 { width: 15%; } .result-table .label .label-title.mbmr-1, .result-table .label .label-result-table.mbmr-1 { margin-right: 1rem; } .result-table .label.mb-justify-space { justify-content: space-between; } } @media (max-width: 678px) { .result-table .label { flex-direction: column; width: 100%; } .result-table .label .label-title { width: 100%; } .result-table .label .mr-2, .result-table .label .mr-4, .result-table .label .mr-4 { margin-right: 0 !important; } .result-table .label .m-tb-20 { margin-top: 0 !important; margin-bottom: 0 !important; } .result-table .content-end .left, .result-table .label .label-title.w-15, .result-table .label .label-title.w-16, .result-table .label .label-result-table.w-16, .result-table .label .label-title.w-20, .result-table .label .label-result-table.w-20, .result-table .label .label-title.w-22, .result-table .label .label-result-table.w-22, .result-table .label .label-title.w-24, .result-table .label .label-title.w-25, .result-table .label .label-result-table.w-25, .result-table .label .label-title.w-33, .result-table .label.table.w-15, .result-table .label.table.w-16, .result-table .label .w-16, .result-table .label.table.w-20, .result-table .label.table.w-24, .result-table .label .w-24, .result-table .label.table.w-25, .result-table .label.table.w-76, .result-table .label .w-76, .result-table .label.table.w-85, .result-table .label .label-title.mbw-16, .result-table .label .label-result-table.mbw-16 { width: 100%; } .result-table .table-container { flex-direction: column; } .result-table .table-container .table { width: 100%; } .result-table .table-container .table.left { border-right: 2px solid #d4d4d4; } .result-table .table-container .table.right { border-left: 2px solid #d4d4d4; } .result-table .table-container .table.middle { border-left: 2px solid #d4d4d4; border-right: 2px solid #d4d4d4; } .result-table .label.table .label-title.mh-100 { min-height: auto; } .result-table .label .label-title.text-center { text-align: left; } .result-table .label .label-title.br-resp-none { display: none; } .result-table .label .label-result, .result-table .label .label-result-table { width: 100%; } } .result-table .label .m-tb-20 { margin: 20px 0; } .result-table .label .mr-2 { margin-right: 2rem; } .result-table .label .mr-4 { margin-right: 4rem; } .result-table .label .result-other-bar { position: relative; width: 350px; max-width: 100%; height: 20px; background: linear-gradient(90deg, rgba(198,46,23,1) 0%, rgba(254,202,3,1) 50%, rgba(11,147,14,1) 100%); margin: 20px 0; z-index: 0; } .result-table .label .result-other-bar .pointer { position: absolute; width: 22px; height: 22px; background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 100%); bottom: 50%; transform: translate(50%, 50%); border: 1px solid #797979; border-radius: 50%; } .result-table .label .result-other-bar .result-bar-notice { position: absolute; /* width: 450px; max-width: 450px; */ width: fit-content; font-weight: bold; } /* @media (max-width: 991px) { .result-table .label .result-other-bar .result-bar-notice { width: 30vw; } } @media (max-width: 678px) { .result-table .label .result-other-bar .result-bar-notice { width: 50vw; } } */ .result-table .label .result-other-bar .letter { top: -25px; right: 4px; text-transform: uppercase; } .result-table .label .result-other-bar .number { bottom: -27px; } .result-table .table-copyright { margin: 0; text-align: center; } .cs-table-footer { width: fit-content; margin-left: auto; } @media (max-width: 678px) { .result-table .label .result-other-bar { width: 100%; } } /* End result table */ /* End Modif 19-04-2022 */