:root { --accent: #0099ff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.header .user-area, .tooltip-element, .save-listing-button { /* display: none !important; */ } .preview-btn { flex-basis: auto !important; } #form-section-auth { /*display: none !important;*/ } .add-listing-nav { display: none !important; } .col-md-9.col-sm-12.col-xs-12.listing-form-container { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } @media (min-width: 1450px) { .single-listing .container { width: 1170px; } } /* SEARCH BARS */ .no-map-tmpl .mobile-explore-head-top, .mobile-explore-head-top { border: 2px solid #cce9f7; box-shadow: none !important; } @media only screen and (max-width: 1200px) { .mobile-explore-head-top { margin: 0 10px; } } /* LOGO + SLOGAN */ .logo { display: flex !important; align-items: flex-end; gap: 12px; } .header .header-container .header-top .logo a img { margin-bottom: 3px; } .logo::after { content: "Le répertoire" "\A" "des indépendants de Chastre"; white-space: pre; font-family: 'Sora', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; color: #35a8e0; } /* MENU BAR */ .header .user-area { padding: 15px 20px; transition: all .2s ease; border-radius: 5px; border : 1px solid #CCC; line-height: 16px; font-weight: 600; } /* PREVIEW CART */ .lf-item-container { box-shadow: 0px 0px 20px rgba(0,0,0,.05); position: relative; cursor: pointer; } .lf-item-default { height: auto !important; overflow: visible !important; } .lf-item { overflow: visible !important; } .lf-item-default .lf-background { height: 200px; overflow: hidden; transition: transform 0.3s ease; } .lf-item:hover .lf-background { transform: scale(1.03); } .lf-item-default .overlay { height: 200px; opacity: 0 !important; transition: opacity 0.3s ease; } .lf-item-container:hover .overlay, .lf-item > a:hover .overlay { opacity: 0.4 !important; } .lf-item-container:hover .lf-background, .lf-item:hover .lf-background { transform: scale(1.03); } .lf-item-default .lf-item-info { background-color: rgba(0, 153, 255, 0.5); position: relative; top: -50px; left: auto; right: auto; padding: 10px 16px; z-index: 5; } .lf-item-default .listing-preview-title { color: #fff !important; font-size: 18px !important; font-weight: 700 !important; margin: 0 !important; text-align: left; padding-left: 35px; letter-spacing: 2%; } .lf-item-default .lf-avatar-wrap { display: block; position: relative; margin-left: 16px; margin-top: 10px; } .has-logo .lf-item-default .lf-avatar { top: -95px; width: 70px; height: 70px; } .lf-item-default .lf-item-address { padding: 0 16px 0 100px; margin-top: -50px; color: #555; font-size: 16px; text-align: left !important; } .listing-details-3 .details-list li { margin-bottom: 10px; } .listing-details-3 .details-list li span { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; text-overflow: clip !important; font-size: 14px; color: #909090; line-height: 1.2em !important; max-height: 2.5em; text-align: left; padding-left: 10px; } .lf-item-container h4 { font-family: "Roboto", GlacialIndifference, sans-serif; } .lf-item-container .sm-icon { top: 3px; } .listing-preview .c27-footer-section { border-top: none; } .listing-preview ul { margin-bottom: 0; } .lf-item-address i { vertical-align: -3px; margin-right: 5px; } .lf-background-wrapper { height: 200px; overflow: hidden; } .lf-item-default .lf-background { height: 200px; transition: transform 0.3s ease; } .lf-item:hover .lf-background { transform: scale(1.03); } /* LISTING SINGLE PAGE */ .main-info-desktop .listing-main-info .col-md-6 { width: 100%; } @media (min-width: 992px) { .main-info-mobile .listing-main-info .col-md-6 { width: 100%; } } @media (min-width: 1200px) { header.c27-main-header.header-style-alternate + .c27-top-content-margin { height: 200px; } } @media only screen and (max-width: 1200px) { .profile-cover.profile-cover-no-img { height: 50px !important; } } @media (min-width: 768px) { .listing-main-info { width: 750px; } } @media (min-width: 992px) { .listing-main-info { width: 970px; } } @media (min-width: 1200px) { .listing-main-info { width: 1170px; } } @media only screen and (max-width: 1200px) { .c_widget:first-child { width: 100%; } } @media (min-width: 993px) and (max-width: 1200px) { .c_widget { clear: none !important; } } .listing-main-buttons { display: none; } .profile-cover.profile-cover-no-img { background: #FFFFFF; height: 150px; } .listing-main-info h1, .listing-main-info h2 { color: #333333; width: 100%; } .profile-header { display: none; } .quick-listing-actions > ul { justify-content: left; } .details-block-content > li { margin-bottom: 0px; } .single-job-listing .element { box-shadow: 0px 0px 20px rgba(0,0,0,.05); } .pa-below-title i { vertical-align: -3px; margin-right: 5px; } .details-block-content > li > i { background: none; height: 30px; padding-top: 10px; } /* BLOG CARDS */ .lf-head-btn { background-color: #0099FF; border: none; border-radius: 5px; opacity: 1; color: #FFF; padding: 10px; } span.e-month { opacity: 1; } .single-blog-feed { border-radius: 5px !important; } .sbf-container { box-shadow: 0px 0px 20px rgba(0,0,0,.05); cursor: pointer; } .sbf-title p { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; text-overflow: clip !important; font-size: 14px; color: #909090; text-align: left; line-height: 1.2em !important; max-height: 2.5em; } .sbf-title a { font-family: "Roboto", GlacialIndifference, sans-serif; font-size: 18px !important; font-weight: 700 !important; text-align: left; color: #FFFFFF !important; background-color: rgba(0, 153, 255, 0.5); position: relative; min-height: 50px; margin-left: -20px; margin-right: -20px; padding: 10px 20px; z-index: 5; margin-bottom: 20px !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; text-overflow: clip !important; } .sbf-title { padding: 20px 20px !important; margin-top: -70px; border-radius: 0 0 5px 5px; } .listing-details { display: none !important; } .sbf-thumb .overlay { opacity: 0; } .sbf-thumb:hover .overlay { opacity: .4 !important; } .sbf-thumb { border-radius: 5px 5px 0 0; } h1.case27-primary-text { text-align: left; font-family: "Sora", Sans-serif; font-size: 50px; font-weight: 400; line-height: 1.3em; color: #333333; } /* PAGE INFOS */ .youtube { border-radius: 20px; } .elementor-widget-text-editor ul, .list-bullet { list-style-position: outside; margin-left: 30px; } .list-info { text-align: left; font-family: "Sora", Sans-serif; font-size: 25px; font-weight: 700; line-height: 1.3em; } .list-pink { color: #ff648c; } .list-green { color: #61c08c; } img.e-image-base, .elementor-widget-image img { border-radius: 125px; } .e-button-base { width: fit-content; } .icon-info i { width: 60px; height: 60px; font-size: 24px; padding-top: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 60px; transition: .2s ease; text-align: center; border-radius: 50%; color: #35a8e0; background: #cce9f7; margin-right: 20px; } .quick-search-instance { border: 2px solid #cce9f7 !important; box-shadow: none; padding-left: 30px; padding-right: 20px; height: 60px; border-bottom-color: transparent; } .quick-search-instance .search-shortcode.search-shortcode-dark.header-search { border-bottom: none; } /* FOOTER */ .footer, .footer p, .footer a, .c_widget .menu > li > a { color: #FFFFFF !important; } .logo-footer > figure { margin-bottom: 25px; } .logo-footer > figure > img { width: 158px; } .c_widget .c_widget_title { margin-bottom: 5px; } .c_widget_title { display: flex; flex-direction: column; height: 78px; justify-content: flex-end; } div.c_widget div.c_widget_title h5 { font-size: 20px !important; } .c_widget:nth-child(2) { padding-left: 100px; } @media only screen and (max-width: 1200px) { .c_widget:nth-child(2), .c_widget, .wp-block-media-text, .c_widget_title, .menu-widget-2-categories-container, .menu-widget-3-plan-du-site-container { padding: 0 10px; } .wp-block-media-text > .wp-block-media-text__content { padding: 0; } } .footer p { text-align: justify; } .wp-block-media-text { box-sizing: border-box; display: block; } .wp-block-media-text__media img, .wp-block-media-text__media video { margin-bottom: 20px; }