/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.1
Text Domain: outgrid
*/
/* Add your custom style here */
/** Override default max-content width */
.uicore-section, .elementor-section, .ui-sortable>.e-con, .elementor>.e-con {
--container-max-width: min(100%, var(--ui-container-size)) !important;
}
/**
* Header: Mobile menu
* */
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown {
margin-top: 18px;
}
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #efefef;
}
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul li.mobile-visible-item: {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #efefef;
}
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul li.mobile-visible-item:last-of-type {
margin-bottom: 10px;
}
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul li.mobile-visible-item.icon-solar,
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul li.mobile-visible-item.icon-charging {
background-position: 20px center;
}
[data-widget_type="nav-menu.default"] nav.elementor-nav-menu--dropdown > ul li.mobile-visible-item a {
margin: 6px 20px 6px 48px;
padding: 10px;
}
/* Language switcher - top banner */
.uicore-top-bar {
max-height: unset !important;
max-width: unset !important;
visibility: unset !important;
pointer-events: unset !important;
z-index: unset !important;
}
@media (max-width: 768px) {
.uicore.uicore-top-bar.elementor-section.elementor-section-boxed {
position: unset !important;
}
}
.wpml-ls-legacy-list-horizontal {
padding: 0;
}
.uicore.uicore-top-bar .wpml-ls-legacy-list-horizontal .wpml-ls-item span {
color: #000;
font-weight: 400;
}
.uicore.uicore-top-bar .wpml-ls-legacy-list-horizontal .wpml-ls-item::before {
content: unset;
}
.uicore-mobile-menu-wrapper .uicore.uicore-extra .uicore-custom-area .uicore-hca:last-child
.wpml-ls-legacy-list-horizontal .wpml-ls-item:hover span,
.uicore.uicore-top-bar .wpml-ls-legacy-list-horizontal .wpml-ls-item:hover span {
font-weight: 700;
text-decoration: underline;
}
.uicore-mobile-menu-wrapper .uicore.uicore-extra .uicore-custom-area .uicore-hca:last-child
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language span,
.uicore.uicore-top-bar .wpml-ls-legacy-list-horizontal .wpml-ls-current-language span,
.wpml-ls-current-language span {
font-weight: 700;
text-decoration: underline;
}
.uicore-mobile-menu-wrapper .uicore-navigation-content .uicore.uicore-extra {
display: none !important;
}
/* LNG in mobile menu - use custom area: hide others */
.uicore-header-wrapper .uicore.uicore-extra .uicore-custom-area .uicore-hca:last-child {
display: none;
}
.uicore-mobile-head-right .uicore-hca:last-child {
display: none;
}
.uicore-mobile-menu-wrapper .uicore.uicore-extra .uicore-custom-area .uicore-hca:first-child {
display: none;
}
.elementor a:not([class]) {
text-decoration: underline;
}
.elementor a:not([class]):hover {
text-decoration: none;
}
/* HEADER */
/* Hide shortcuts in menu */
.elementor-nav-menu--main .elementor-nav-menu>li.mobile-visible-item {
display: none;
}
.mobile-visible-item {
background-repeat: no-repeat;
background-size: 20px;
background-position: left;
}
.mobile-visible-item.icon-solar {
background-image: url('https://joule.quattro.dev/wp-content/uploads/2025/06/Asset-7.svg');
}
.mobile-visible-item.icon-charging {
background-image: url('https://joule.quattro.dev/wp-content/uploads/2025/06/Asset-6.svg');
}
/* *********************** */
/* Menu Link - action btn */
.menu-action-btn {
align-content: center;
}
.menu-action-btn {
display: inline-block;
font-family: "Inter", Sans-serif;
line-height: 1 !important;
font-weight: 500;
background-color: var(--e-global-color-uicore_secondary);
border-style: none;
/* padding: clamp(12px, .9em, 13px) clamp(24px, 1.9em, 26px); */
padding: 10px;
transition: all .2s cubic-bezier(.68,.01,.58,.75) !important;
border-radius: 6px 6px 6px 6px;
}
.menu-action-btn.solar-simulator {
position: relative;
display: inline-flex;
gap: 10px;
align-items: center;
margin-left: 5px;
padding-right: 40px;
}
.menu-action-btn.solar-simulator img {
position: absolute;
right: 0;
top: -10px;
width: 30px;
}
.menu-action-btn.quote-btn {
background-color: var(--e-global-color-uicore_primary);
margin-left: 5px;
}
.menu-action-btn:hover {
color: #000 !important;
background-color: var(--e-global-color-uicore_primary);
}
.menu-action-btn.quote-btn:hover {
background-color: var(--e-global-color-uicore_secondary);
}
@media (max-width: 610px) {
.uicore-header-wrapper .uicore-mobile-head-right {
height: 60px;
}
.menu-action-btn {
font-size: 10px;
}
.menu-action-btn.quote-btn {
margin-left: 10px;
}
.menu-action-btn {
padding: 5px;
}
.menu-action-btn.solar-simulator {
padding-right: 15px;
}
.menu-action-btn.solar-simulator img {
top: -8px;
width: 15px;
}
}
@media (max-width: 370px) {
.menu-action-btn {
font-size: 7px;
}
.menu-action-btn.quote-btn {
margin-left: 4px;
}
}
@media (max-width:580px) {
.footer-img-logo img {
width: 100%;
}
}
@media (max-width:475px) {
.footer-img-logo img {
width: 100%;
}
/* ******** Footer ******** */
footer .elementor-icon-list-items {
flex-direction: column;
gap: 20px;
}
/* ******** Footer ******** */
}
/* Footer bottom */
.uicore-footer-wrapper .uicore-copyrights .uicore-copyrights-wrapper .uicore-copy-content {
display: flex;
gap: 30px;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
.privacy-wrapper {
display: inline-flex;
gap: 30px;
}
.privacy-wrapper a {
text-decoration: underline;
}
.privacy-wrapper a:hover {
text-decoration: none;
}
@media (max-width:768px) {
.uicore-footer-wrapper .uicore-copyrights .uicore-copyrights-wrapper .uicore-copy-content {
gap: 10px;
flex-direction: column;
}
.uicore-footer-wrapper .uicore-copyrights .uicore-copyrights-wrapper .uicore-copy-socials {
justify-content: center !important;
}
}
@media (max-width:900px) {
.uicore-header-wrapper nav .uicore-mobile-head-right .uicore-custom-area p {
display: inline-flex;
line-height: 10px !important;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 20px !important;
}
.uicore-header-wrapper nav .uicore-mobile-head-right .uicore-custom-area p > a {
flex-grow: 0;
flex-shrink: 0;
margin-right: 5px !important;
margin-left: 0;
}
}
/* Wpform submit button */
.wpforms-submit-container button[type=submit] {
width: 100%;
padding: 17px 40px 17px 40px;
font-size: 15px;
font-weight: 500;
line-height: 1em;
letter-spacing: 0em;
cursor: pointer;
}
.wpforms-submit-container button[type=submit]:hover {
background: var(--e-global-color-uicore_secondary) !important;
}
.wpforms-confirmation-container {
background-color: #b5e6b5;
padding: 10px;
border: 1px solid green;
}
.wpforms-confirmation-container p {
margin: 0
}
/* Accordion */
/* Expand/Collapse Icon color */
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(-n+4) .e-n-accordion-item-title-icon span>svg {
fill: #F8E08E;
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(-n+4)[open] .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(-n+4):not([open]):hover .e-n-accordion-item-title-icon span > svg {
fill: var(--e-global-color-uicore_secondary);
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(n+5) .e-n-accordion-item-title-icon span>svg {
fill: #DEA09A;
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(n+5)[open] .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(n+5):not([open]):hover .e-n-accordion-item-title-icon span > svg {
fill: var(--e-global-color-uicore_primary);
}
/* Add icon to right */
.elementor-widget-n-accordion details.e-n-accordion-item summary.e-n-accordion-item-title::after {
content: '';
display: inline-flex;
width: 130px;
height: 30px;
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
margin-left: auto;
}
/* jaune */
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(1) summary.e-n-accordion-item-title::after {
background-image: url('data:image/svg+xml,');
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(2) summary.e-n-accordion-item-title::after,
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(3) summary.e-n-accordion-item-title::after {
background-image: url('data:image/svg+xml,');
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(4) summary.e-n-accordion-item-title::after {
background-image: url('data:image/svg+xml,');
}
/* red */
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(5) summary.e-n-accordion-item-title::after {
background-image: url('data:image/svg+xml,');
}
.elementor-widget-n-accordion details.e-n-accordion-item:nth-child(6) summary.e-n-accordion-item-title::after {
background-image: url('data:image/svg+xml,');
}
/* Custom button with arrow - Expertise grid - posts grid */
.btn-arrow a,
.ui-e-ico-box a.ui-e-readmore,
.ui-e-item article a.ui-e-readmore .elementor-button-text {
padding: 0 !important;
background-color: transparent !important;
text-underline-offset: 5px !important;
}
.btn-arrow a svg {
fill: #000;
}
.btn-arrow a:hover,
.ui-e-ico-box:hover a.ui-e-readmore,
.ui-e-item article:hover a.ui-e-readmore .elementor-button-text {
text-decoration: underline;
}
.ui-e-item .ui-e-post-content > a {
text-decoration: none;
}
@media screen and (min-width:767px) {
.t-wrapper-child {
max-width: 585px;
}
}
/** Custom submit button in WPForms **/
.wpforms-submit-with-icon::after {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.5em;
vertical-align: middle;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.wpforms-submit-container button[type=submit].wpforms-btn-arrow {
background: transparent;
padding: 0;
width: auto;
}
.wpforms-submit-container button[type=submit].wpforms-btn-arrow:hover {
background: transparent !important;
text-decoration: underline;
}
/**
* Header: Slider
* */
/* .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev {
left: 26px !important;
}
.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next {
right: 26px !important;
} */