:root {
--lightgreen: #90bc6d;
--darkgreen: #003714;
--orange: 234, 117, 29;
}
.inline-title img {
margin-left: 10px;
}
#displayMow .medium-6 {
margin: 0 auto;
}
#displayMow .row.padding_inside {
display: flex;
justify-content: center;
} .mow .columns {
width: 100%;
}
.mow-wrapper {
display: flex;
justify-content: center;
}
.btn-disabled {
opacity: 0.5 !important;
}
.page-template-robot-cost-calculator header.nav_fixed {
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: cover;
}
.page-template-robot-selector-step .btn_inverse,
.page-template-robot-cost-calculator .btn_inverse {
cursor: pointer;
width: 220px;
margin: 0.5rem;
text-align: center;
}
.page-template-robot-selector-step .btn-disabled,
.page-template-robot-cost-calculator .btn-disabled {
pointer-events: none;
}
.inline-title {
display: flex;
}
.page-template-robot-selector-step select {
width: 250px !important;
}
.page-template-robot-selector-step form label,
.page-template-robot-cost-calculator form label {
font-weight: bold;
color: var(--darkgreen);
}
.page-template-robot-selector-step form input[type=submit],
.page-template-robot-cost-calculator form input[type=submit] {
margin-top: 30px;
}
.page-template-robot-selector-step input[type="number"] {
margin: 0 !important;
width: 250px !important;
}
select {
text-align: center;
border: 1px solid #E8E8E8;
}
input[type="number"]:placeholder-shown { border: 2px solid #7E7E7E;
;
background-color: rgba(var(--orange), 0.07);
color: rgb(var(--orange)); }
input[type="number"]:not(:placeholder-shown) {
border: 2px solid var(--lightgreen);
background-color: white;
}
select:hover,
input[type="number"]:hover,
select:focus,
input[type="number"]:focus {
border: 2px solid var(--darkgreen);
background-color: white;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.shrink {
height: 130px;
}
.page-template-robot-selector-step .robot_selector_step_lg,
.page-template-robot-cost-calculator .robot_selector_step_lg {
padding: 35px;
position: relative; display: flex;
flex-direction: column;
align-items: center;
opacity: 0.5;
}
.page-template-robot-selector-step .robot_selector_step_lg.enabled,
.page-template-robot-cost-calculator .robot_selector_step_lg.enabled {
box-shadow: 0 0 55px rgba(0, 0, 0, 0.25);
opacity: 1;
}
.page-template-robot-selector-step .robot_selector_step_lg:hover .btn_inverse,
.page-template-robot-cost-calculator .robot_selector_step_lg:hover .btn_inverse {
color: #fff;
background-color: rgb(var(--orange));
border: 2px solid rgb(var(--orange));
}
.page-template-robot-selector-step .robot_selector_step_lg a,
.page-template-robot-cost-calculator .robot_selector_step_lg a {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
}
.page-template-robot-selector-step .robot_selector_step_lg p,
.page-template-robot-cost-calculator .robot_selector_step_lg p {
margin-bottom: 0 !important;
color: #7E7E7E;
}
.page-template-robot-selector-step .robot_selector_step_lg .h4,
.page-template-robot-cost-calculator .robot_selector_step_lg .h4 {
text-align: center;
color: var(--darkgreen);
margin-bottom: 10px;
}
.page-template-robot-selector-step .robot_selector_step_lg img,
.page-template-robot-cost-calculator .robot_selector_step_lg img {
margin-bottom: 10px;
}
.page-template-robot-selector-step .robot_selector_step_lg .caracteristiques li,
.page-template-robot-cost-calculator .robot_selector_step_lg .caracteristiques li {
display: flex;
margin: 15px 10px;
flex-wrap: wrap;
}
.page-template-robot-selector-step .robot_selector_step_lg .btn_inverse,
.page-template-robot-cost-calculator .robot_selector_step_lg .btn_inverse {
width: 100%;
text-align: center;
margin-top: 35px;
font-size: 16px;
}
.page-template-robot-selector-step .robot_selector_step_lg img.icon,
.page-template-robot-cost-calculator .robot_selector_step_lg img.icon {
width: 35px;
}
.page-template-robot-selector-step .robot_selector_step_lg.disabled,
.page-template-robot-cost-calculator .robot_selector_step_lg.disabled {
opacity: 0.5;
}
.page-template-robot-selector-step .robot_selector_step_sm,
.page-template-robot-cost-calculator .robot_selector_step_sm {
padding: 20px;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
opacity: 0.5;
}
.page-template-robot-selector-step .robot_selector_step_sm.enabled,
.page-template-robot-cost-calculator .robot_selector_step_sm.enabled {
opacity: 1;
}
.page-template-robot-selector-step .robot_selector_step_sm .h4,
.page-template-robot-cost-calculator .robot_selector_step_sm .h4 {
text-align: center;
color: var(--darkgreen);
margin-bottom: 10px;
}
.page-template-robot-selector-step .robot_selector_step_sm img,
.page-template-robot-cost-calculator .robot_selector_step_sm img {
margin-bottom: 10px;
}
.page-template-robot-selector-step .robot_selector_step_sm.disabled,
.page-template-robot-cost-calculator .robot_selector_step_sm.disabled {
opacity: 0.5;
}
.page-template-robot-selector-step .robot_selector_step_xs,
.page-template-robot-cost-calculator .robot_selector_step_xs {
padding: 20px;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.page-template-robot-selector-step .robot_selector_step_xs .h4,
.page-template-robot-cost-calculator .robot_selector_step_xs .h4 {
text-align: center;
color: var(--darkgreen);
margin-bottom: 10px;
}
.btn-disabled {
opacity: 0.5 !important;
}
.page-template-robot-selector-step a.btn_inverse.btn-disabled:hover,
.page-template-robot-cost-calculator a.btn_inverse.btn-disabled:hover {
opacity: 1 !important;
}
.page-template-robot-selector-step .list_bullet {
width: 250px;
display: flex;
justify-content: space-between;
list-style-type: none;
margin: 0;
overflow: hidden;
z-index: 10;
}
.page-template-robot-selector-step .list_bullet li {
margin: 0;
position: relative;
}
.page-template-robot-selector-step .list_bullet li:after {
content: "";
display: block;
width: 250px;
height: 2px;
position: absolute;
background-color: rgb(var(--orange));
z-index: -1;
top: 12px;
}
.page-template-robot-selector-step .list_bullet li span.active {
background-color: rgb(var(--orange));
border-radius: 50%;
width: 28px;
height: 28px;
padding-top: 1px;
display: block;
float: left;
color: #fff;
text-align: center;
border: 2px solid rgb(var(--orange));
outline: 4px solid white;
}
.page-template-robot-selector-step .list_bullet li span {
background-color: white;
border-radius: 50%;
width: 28px;
height: 28px;
padding-top: 1px;
display: block;
float: left;
color: rgb(var(--orange));
text-align: center;
border: 2px solid rgb(var(--orange));
outline: 4px solid white;
}
.line {
font-weight: bold;
}
:focus {
outline: none;
}
._tooltips_container {
position: relative;
}
._tooltips {
display: none;
}
._tooltips_container:hover ._tooltips {
display: block;
background-color: #777;
color: #ffffff;
padding: 6px;
border-radius: 3px;
font-size: 0.8em;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, -130%);
width: 200px;
}
._tooltips::after {
content: " ";
width: 0;
height: 0;
bottom: -11px;
transform: rotate(0);
border-style: solid;
border-width: 12px 12.5px 0 12.5px;
border-color: #777 transparent transparent transparent;
position: absolute;
left: calc(50% - 6px);
}
.page-template-robot-cost-calculator select {
font-weight: 700;
color: var(--darkgreen);
border: 1px solid var(--darkgreen);
}
.page-template-robot-cost-calculator .data-enabled select {
color: var(--lightgreen);
animation: select-anim 1.5s infinite alternate-reverse;
border: 1px solid var(--lightgreen);
}
.page-template-robot-cost-calculator .data-enabled select:hover {
border: 1px solid var(--darkgreen);
color: var(--darkgreen);
animation-play-state: paused;
}
@keyframes select-anim {
to {
color: var(--darkgreen);
border: 1px solid var(--darkgreen);
}
}
svg.bi.bi-arrow-down {
font-size: 20px;
} thead th img {
object-fit: cover;
width: 50%;
height: auto;
}
h3 {
text-transform: initial;
font-weight: 700;
color: var(--darkgreen);
font-size: 18px;
}
h3.standard-mower {
margin-bottom: 1.5rem;
}
table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
margin: 50px 0 0 0;
overflow-x: auto;
}
table td {
border: inherit;
}
table tr.data td:not(:last-child) {
border-right: 1px solid #E8E8E8;
}
table td.text {
text-align: center;
}
thead {
background-color: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
}
thead th:first-child {
color: var(--darkgreen);
}
tbody {
border: 0 !important;
}
th:not(:last-child),
td:not(:last-child) {
border-right: 1px solid #E8E8E8;
}
th:first-child {
width: 30%;
}
th a {
text-decoration: underline;
font-weight: normal;
color: #7E7E7E;
}
thead th,
tbody th,
tbody td:not(.nota-bene) {
padding: 20px;
}
.nota-bene {
padding: 40px;
}
tr.separator th,
tr.separator td {
background-color: transparent;
border-top: 1px solid var(--darkgreen) !important;
border-bottom: 1px solid var(--darkgreen) !important;
color: var(--darkgreen);
font-weight: bold;
}
tr.separator-results th {
background-color: transparent;
color: var(--darkgreen);
font-weight: bold;
}
tr.separator td {
border: none;
border-top: 1px solid var(--darkgreen) !important;
border-bottom: 1px solid var(--darkgreen) !important;
}
table .result-title th {
border-top: 1px solid var(--darkgreen) !important;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.result-display {
border: 2px solid var(--lightgreen) !important;
background-color: transparent;
color: var(--lightgreen);
font-size: 20px;
font-weight: bold;
padding: 20px;
}
tr.data {
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
}
tr.data td input {
margin: 0;
background-color: transparent; }
th:first-child,
td:first-child:not(.nota-bene) {
font-weight: bold !important;
text-align: left;
}
tr.separator th:first-child,
tr.separator-results th:first-child {
text-transform: uppercase;
}
th:not(:first-child),
td:not(:first-child) {
text-align: center;
}
tbody tr:nth-child(even) {
background-color: transparent;
}
tbody tr.data td:nth-child(2n+2) {
background-color: #F5F5F5;
}
tbody tr.data.colspan td {
background-color: transparent !important;
}
tbody tr.data.colspan td.td-grey {
background-color: #F5F5F5 !important;
}
tbody tr.separator .cost-difference {
color: red;
} td .inline-data-sm {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 50px;
position: relative;
}
td .inline-data-m {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 74px;
position: relative;
}
td .inline-data-m input[type="number"] {
padding-right: 60%;
}
td .inline-data-lg {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 110px;
position: relative;
}
td .inline-data-xl {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 110px;
position: relative;
}
td .inline-data-xl input[type="number"] {
padding-right: 70%;
}
td .inline-data-lg input[type="number"] {
padding-right: 30%;
}
td .inline-data-m span.lg-span,
td .inline-data-xl span.xl-span,
td .inline-data-lg span.xl-span,
td .inline-data-lg span.sm-span,
td .inline-data-m span.m-span,
td .inline-data-m span.sm-span {
position: absolute;
right: 10px;
}
td .inline-data-m div.winter {
display: block;
}
tr.separator-results td:not(:first-child) {
padding: 50px;
}
tr.separator-results td:nth-child(2) {
background-color: var(--lightgreen);
color: white;
font-size: 20px;
font-weight: bold;
}
.sm-txt {
font-size: 14px;
font-weight: 500;
}
.hide-mobile {
display: normal;
}
.hide-pc {
display: none !important;
}
.data-disabled {
display: none;
opacity: 0;
pointer-events: none;
transition: all 0.5s ease-out;
}
.data-enabled {
display: block;
opacity: 1;
transition: all 0.5s ease-in;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
@media screen and (max-width: 639px) {
.page-template-robot-selector-step .robot_selector_step_lg,
.page-template-robot-cost-calculator .robot_selector_step_lg {
margin-bottom: 35px;
}
}
@media screen and (min-width: 375px) and (max-width: 767px) {
th,
td,
.result-display,
.nota-bene {
font-size: 14px;
}
td .inline-data-lg {
width: 65px;
}
td .inline-data-xl {
width: 85px;
}
td .inline-data-m input:focus,
td .inline-data-lg input:focus,
td .inline-data-xl input:focus {
width: 100px;
}
.sm-txt {
font-size: 12px;
font-weight: 600;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
td .inline-data-lg {
width: 85px;
}
.sm-txt {
font-size: 12px;
}
.inline-data-lg span.xl-span {
right: 10px;
}
}
@media screen and (max-width: 767px) {
tr.separator-results td {
background-color: var(--lightgreen);
color: white;
font-weight: bold;
}
tr.separator-results th {
line-height: 1;
}
tr.results td:not(:first-child) {
padding: 30px !important;
}
tr.data td input {
height: 30px;
}
.inline-data-lg span.sm-span,
.inline-data-m span.m-span,
.inline-data-m span.lg-span,
.inline-data-lg span.xl-span {
right: 5px;
}
tr.section-title th {
color: white;
background-color: var(--darkgreen);
}
tbody tr.data td:nth-child(2n+2),
tbody tr.data.colspan td.td-grey {
background-color: transparent;
}
.hide-mobile {
display: none !important;
}
.hide-pc {
display: contents !important;
}
thead th,
tbody td:not(.nota-bene),
tbody th,
tr.data-title {
padding: 8px 4px !important;
}
.nota-bene {
padding: 20px;
}
th:first-child,
td:first-child {
text-align: center;
}
tr.data-title th {
border-top: 1px solid #E8E8E8;
}
.mow-wrapper {
flex-direction: column;
}
}