@charset "UTF-8"; /*! Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 2.0.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); lime-form #simpliform p, lime-form #simpliform h2, lime-form #simpliform h3, lime-form #simpliform h4, lime-form #simpliform h5, lime-form #simpliform h6, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform p, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform h2, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform h3, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform h4, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform h5, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform h6 { color: #EDF2DF !important; } lime-form #simpliform a, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform a { color: #C4EC43 !important; } lime-form #simpliform a:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform a:hover { color: #C4EC43 !important; } lime-form #simpliform button, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button { border: none !important; padding: 10px 30px !important; transition: background-color 0.3s ease !important; text-decoration: none !important; border-radius: 6px !important; cursor: pointer !important; text-transform: uppercase !important; font-family: "Panton", sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; } lime-form #simpliform button.btn-success, lime-form #simpliform button.next-btn, lime-form #simpliform button.previous-btn, lime-form #simpliform button.btn-primary, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.btn-success, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.next-btn, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.previous-btn, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.btn-primary { background-color: #C4EC43 !important; color: #04543D !important; } lime-form #simpliform button.btn-success:hover, lime-form #simpliform button.next-btn:hover, lime-form #simpliform button.previous-btn:hover, lime-form #simpliform button.btn-primary:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.btn-success:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.next-btn:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.previous-btn:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.btn-primary:hover { background-color: rgba(196, 236, 67, 0.9) !important; } lime-form #simpliform button.next-btn, lime-form #simpliform button.previous-btn, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.next-btn, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.previous-btn { font-size: 0 !important; height: 50px !important; width: 50px !important; display: flex; align-items: center; justify-content: center; } lime-form #simpliform button.next-btn svg, lime-form #simpliform button.previous-btn svg, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.next-btn svg, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button.previous-btn svg { width: 20px !important; height: 20px !important; margin: 0 !important; min-width: 25px !important; min-height: 25px !important; } lime-form #simpliform button[aria-label="Rensa valt v├ñrde"], lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform button[aria-label="Rensa valt v├ñrde"] { position: absolute !important; right: 0 !important; padding: 0 !important; height: 50px; width: 50px; } lime-form #simpliform input:not([type="checkbox"]):not([type="radio"]), lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input:not([type="checkbox"]):not([type="radio"]) { height: 50px !important; } lime-form #simpliform .field-space, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .field-space { display: none !important; } lime-form #simpliform .input-group, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .input-group { display: block !important; } lime-form #simpliform input:not([type="checkbox"]):not([type="radio"]), lime-form #simpliform textarea, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input:not([type="checkbox"]):not([type="radio"]), lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform textarea { border: none !important; border-radius: 8px !important; outline: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; transition: box-shadow 0.15s ease !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px white !important; } @media (min-width: 768px) { lime-form #simpliform input:not([type="checkbox"]):not([type="radio"]), lime-form #simpliform textarea, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input:not([type="checkbox"]):not([type="radio"]), lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform textarea { padding: 1rem 1.5rem !important; } } lime-form #simpliform input:not([type="checkbox"]):not([type="radio"]):focus, lime-form #simpliform textarea:focus, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input:not([type="checkbox"]):not([type="radio"]):focus, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform textarea:focus { box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #04543D !important; } lime-form #simpliform textarea, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform textarea { height: 100px !important; } lime-form #simpliform label, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform label { color: #EDF2DF !important; padding: 0 !important; background-color: transparent !important; font-weight: 700 !important; font-family: "Poppins", sans-serif !important; } lime-form #simpliform .form-field.field-s├Âk_p├Ñ_din_adress .label-wrap, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .form-field.field-s├Âk_p├Ñ_din_adress .label-wrap { margin: 0 !important; } lime-form #simpliform .form-field.field-s├Âk_p├Ñ_din_adress input[data-name="search_address"], lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .form-field.field-s├Âk_p├Ñ_din_adress input[data-name="search_address"] { width: calc(100% - 70px) !important; } lime-form #simpliform input[type="checkbox"] + span, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input[type="checkbox"] + span { margin-right: 5px !important; } lime-form #simpliform input[type="checkbox"] + span::after, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform input[type="checkbox"] + span::after { bottom: 0 !important; margin: auto !important; } lime-form #simpliform .label-wrap, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .label-wrap { top: auto !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 5px !important; } lime-form #simpliform .row, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .row { margin-left: 0 !important; margin-right: 0 !important; } lime-form #simpliform .col-sm-6, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .col-sm-6 { width: 100% !important; } lime-form #simpliform .col-sm-12, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .col-sm-12 { padding: 0 !important; } lime-form #simpliform .label-s├Âk_p├Ñ_din_adress, lime-form #simpliform .field-s├Âk_adress, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .label-s├Âk_p├Ñ_din_adress, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .field-s├Âk_adress { display: none !important; } lime-form #simpliform span.is-required, lime-form #simpliform .help-block, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform span.is-required, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .help-block { color: #C4EC43 !important; display: inline-block !important; } lime-form #simpliform .simpliform-loading-indicator svg, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .simpliform-loading-indicator svg { fill: #C4EC43 !important; } lime-form #simpliform .alert.alert-danger.validation-messages, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .alert.alert-danger.validation-messages { display: none !important; } lime-form #simpliform .step-1 .next-btn, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .step-1 .next-btn { position: absolute !important; right: 0 !important; top: 0 !important; } lime-form #simpliform .vue-simple-suggest, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest { position: relative !important; } lime-form #simpliform .vue-simple-suggest .suggestions, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions { position: absolute !important; width: 100% !important; max-height: 230px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; background: white !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; margin-top: 4px !important; padding: 0.5rem 0 !important; z-index: 1000 !important; list-style: none !important; } lime-form #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar { width: 8px !important; } lime-form #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-track, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-track { background: rgba(4, 84, 61, 0.05) !important; border-radius: 0 8px 8px 0 !important; } lime-form #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-thumb, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-thumb { background: rgba(4, 84, 61, 0.2) !important; border-radius: 4px !important; } lime-form #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-thumb:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions::-webkit-scrollbar-thumb:hover { background: rgba(4, 84, 61, 0.3) !important; } lime-form #simpliform .vue-simple-suggest .suggestions .suggest-item, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions .suggest-item { padding: 0.75rem 1rem !important; cursor: pointer !important; transition: background-color 0.2s ease !important; color: #04543D !important; font-family: "Poppins", sans-serif !important; } lime-form #simpliform .vue-simple-suggest .suggestions .suggest-item:hover, lime-form #simpliform .vue-simple-suggest .suggestions .suggest-item[aria-selected="true"], lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions .suggest-item:hover, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions .suggest-item[aria-selected="true"] { background-color: rgba(4, 84, 61, 0.1) !important; } lime-form #simpliform .vue-simple-suggest .suggestions .suggest-item span, lime-form[form-id="TFKl5IpL4LX0hwNBzz6s"] #simpliform .vue-simple-suggest .suggestions .suggest-item span { font-size: 0.9rem !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat { position: relative !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input { display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 0% !important; height: 0% !important; margin: 0 0 !important; cursor: pointer !important; opacity: 0 !important; filter: alpha(opacity=0) !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span { cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:before { position: absolute !important; left: 0px !important; display: inline-block !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span > h4 { display: inline !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span { padding-left: 40px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:before { float: right !important; content: "" !important; font-size: small; height: 20px !important; width: 40px !important; background: rgba(100, 100, 100, 0.2) !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8) !important; transition: background 0.2s ease-out !important; text-align: right; float: right; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:after { width: 20px !important; height: 20px !important; position: absolute !important; left: 0px !important; top: 0px !important; display: block !important; background: #ffffff !important; transition: margin-left 0.1s ease-in-out !important; text-align: center !important; font-weight: bold !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input:checked + span:after { margin-left: 20px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input:checked + span:before { transition: background 0.2s ease-in !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span { padding-left: 40px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:before { border-radius: 20px !important; width: 40px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:after { background: #ffffff !important; width: 20px !important; border: solid transparent 2px !important; background-clip: padding-box !important; border-radius: 20px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input:not(:checked) + span:after { content: "" !important; -webkit-animation: popOut ease-in 0.3s normal !important; animation: popOut ease-in 0.3s normal !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input:checked + span:after { content: "" !important; margin-left: 20px !important; border: solid transparent 2px !important; background-clip: padding-box !important; -webkit-animation: popIn ease-in 0.3s normal !important; animation: popIn ease-in 0.3s normal !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input:checked + span:before { content: "" !important; text-align: left; float: left; background: #5cb85c !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat.checkbox-slider-md input + span:before { border-radius: 30px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat.checkbox-slider-md input + span:after { border-radius: 30px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat.checkbox-slider-lg input + span:before { border-radius: 40px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat.checkbox-slider-lg input + span:after { border-radius: 40px !important; } lime-form[form-id="R2sIbfeI8QcP9FHbnfzM"] #simpliform .checkbox-slider--b-flat input + span:before { box-shadow: none !important; } #simpliform-order-modal .modal-dialog { width: auto !important; } #simpliform-order-modal .modal-dialog .modal-content .modal-body p { color: #04543d !important; } #simpliform-order-modal .modal-dialog .modal-content .modal-footer button#simpliformModalBtnClose { background: #04543d; } #simpliform-order-modal .modal-dialog .modal-content .modal-footer button#simpliformModalBtnClose span { color: #edf2df; } #simpliform-order-modal .modal-dialog .modal-content .modal-footer button#simpliformModalBtnClose:hover { background: #edf2df; } #simpliform-order-modal .modal-dialog .modal-content .modal-footer button#simpliformModalBtnClose:hover span { color: #04543d; } .simpliform-content-wrapper { overflow: visible !important; } .limeform-section { background: #EEF2E1; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"], .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] { max-width: 100%; margin: auto; width: 700px; padding: 6rem 0; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform { /* .prev-btn{ display: none !important; } */ } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform label, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform label { color: #02553D !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform input, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform input { border: 1px solid #74B843 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .form-group, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .form-group { margin-bottom: 27px !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .col-sm-6, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .col-sm-6 { width: 50% !important; } @media (max-width: 767.98px) { .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .col-sm-6, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .col-sm-6 { width: 100% !important; } } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform h3, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform h3 { color: #000; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform #confirmation, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-information, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-välj_en_ärendetyp, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-information, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-välj_en_ärendetyp, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-information, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-bifoga_filer, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-välj_en_ärendetyp, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform #confirmation, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-information, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-välj_en_ärendetyp, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-information, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-välj_en_ärendetyp, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-information, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-bifoga_filer, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-välj_en_ärendetyp { padding-left: 15px !important; padding-right: 15px !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform #confirmation h2, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform #confirmation h3, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform #confirmation p, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform #confirmation h2, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform #confirmation h3, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform #confirmation p { color: #000 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .helptext-toggle, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .helptext-toggle { background: transparent !important; border-radius: 50% !important; padding: 0 !important; width: 25px; height: 25px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .helptext-toggle svg, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .helptext-toggle svg { width: 100%; height: 100% !important; color: #02553D; border-radius: 50%; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .label-wrap, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .label-wrap { padding-bottom: 0 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .help-block, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .help-block { font-size: 12px; bottom: -4px; position: absolute; color: #02553D !important; } @media (max-width: 767.98px) { .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .help-block, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .help-block { bottom: auto; } } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .radio, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .radio { padding-left: 20px !important; margin-bottom: 0px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .radio > label, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .radio > label { font-weight: 300 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-header, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-header { color: #02553D; padding-left: 15px; padding-right: 15px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .field-logo, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .field-logo { padding-left: 15px; padding-right: 15px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .progress, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .progress { margin-left: 15px; margin-right: 15px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .next-btn, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .next-btn { position: relative !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row { display: grid !important; grid-template-columns: 1fr 1fr !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row > *, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row > * { float: none !important; width: 100% !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .col-sm-12, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .col-sm-12 { grid-column: 1 / -1 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-adress, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-adress { grid-column: 1 !important; grid-row: 1 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-gatunummer, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-gatunummer { grid-column: 2 !important; grid-row: 1 !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-lägenhetsnummer, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-lägenhetsnummer { grid-column: 1 !important; grid-row: 2 !important; } @media (max-width: 767.98px) { .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row { grid-template-columns: 1fr !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-adress, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-gatunummer, .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .step-1 .row .field-lägenhetsnummer, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-adress, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-gatunummer, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .step-1 .row .field-lägenhetsnummer { grid-column: 1 !important; grid-row: auto !important; } } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform button.next-btn, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform button.next-btn { width: auto !important; height: auto !important; font-size: 16px !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform button.next-btn > svg, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform button.next-btn > svg { display: none !important; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .prev-btn-wrapper, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .prev-btn-wrapper { margin-left: 15px; } .limeform-section lime-form[form-id="tKDuPqK2BYJaTk4x2wuV"] #simpliform .next-btn-wrapper, .limeform-section lime-form[form-id="pnFb4354UBdGHw9MeMOt"] #simpliform .next-btn-wrapper { margin-right: 15px; } lime-form #simpliform .form-field.col-sm-12.field-hyresgäst_namn { padding-left: 15px !important; padding-right: 15px !important; } html, body, #page { padding: 0 !important; margin: 0 !important; overflow-x: hidden !important; background-color: #04543D; font-family: "Panton", sans-serif; } @font-face { font-display: swap; } .site-main { padding: 0 !important; max-width: 100% !important; } .site-main .inner-container { position: relative; width: 100%; max-width: 1350px !important; margin: 0 auto; display: flex; flex-direction: column; } .site-main .inner-container > * { z-index: 1; } nav > .elementor-element { height: 85px !important; } .btn { border: none; padding: 10px 30px; transition: background-color 0.3s ease; text-decoration: none !important; border-radius: 4px; cursor: pointer; text-transform: uppercase; font-family: "Panton", sans-serif; font-size: 1rem; } .btn.sm { font-size: 0.9rem; } .btn-primary { background-color: #04543D; color: #EDF2DF !important; } .btn-primary:hover { background-color: rgba(4, 84, 61, 0.9); } .btn-secondary { background-color: #C4EC43; color: #04543D !important; } .btn-secondary:hover { background-color: rgba(196, 236, 67, 0.9); } .btn-tertiary { background-color: #EDF2DF; color: #04543D !important; } .btn-tertiary:hover { background-color: rgba(237, 242, 223, 0.9); } h1, h2, h3, h4, h5, h6 { font-family: "Panton", sans-serif; } .hero-section { position: relative; height: auto; min-height: 700px; display: flex; align-items: center; margin-bottom: 0.8rem; } @media (min-width: 768px) { .hero-section { height: calc(100vh - 110px); } } .hero-section::before { content: ""; position: absolute; top: -1rem; width: 100%; height: 100%; background-color: #04543D; min-width: 100vw; left: 50%; transform: translateX(-50%); } .hero-section .hero-background { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; min-width: 100vw; transform: translateX(-50%); clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%); filter: blur(0.1px); } @media (min-width: 768px) { .hero-section .hero-background { top: 0; min-width: calc(100vw - 0.8rem); padding: 0 0.8rem; } } .hero-section .hero-background video { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; } .hero-section .hero-content-container { position: relative; max-width: 100%; margin-right: auto; top: -4vh; } .hero-section .hero-content-container .hero-content-inner { position: relative; max-width: 600px; padding: 1rem; color: #fff; display: flex; flex-direction: column; } .hero-section .hero-content-container .hero-content-inner .btn { margin: 1rem 0 0 auto; background-color: #74B843; color: #fff; } .hero-section .hero-content-container .hero-content-inner .btn:hover { background-color: rgba(116, 184, 67, 0.9); } @media (min-width: 600px) { .hero-section .hero-content-container .hero-content-inner .btn { margin: 0.5rem 8rem 0 auto; } } .what-we-do-section { position: relative; min-height: 600px; padding: 4rem 0; display: flex; align-items: center; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2vw), 0 100%); width: 100%; min-width: 100vw; left: 50%; transform: translateX(-50%); background-size: cover; background-position: center; margin-bottom: -2rem; } .what-we-do-section .background-layer { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; min-width: 102vw; height: 105%; background-size: cover; background-position: center; transition: opacity 0.3s ease; } .what-we-do-section .background-layer.hover-bg { opacity: 0; } .what-we-do-section .background-layer.active { opacity: 1; } .what-we-do-section .overlay { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; min-width: 100vw; height: 100%; background: rgba(4, 84, 61, 0.5); z-index: 1; } .what-we-do-section .what-we-do-inner { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; width: 100%; } .what-we-do-section .what-we-do-inner .section-title { text-align: center; color: #EDF2DF; margin-bottom: 4rem; text-transform: uppercase; } .what-we-do-section .what-we-do-inner .what-we-do-items { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 768px) { .what-we-do-section .what-we-do-inner .what-we-do-items { flex-direction: row; justify-content: center; } } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item { padding: 2rem 0; text-align: center; color: #EDF2DF; text-decoration: none; transition: transform 0.3s ease; flex: 0 1 auto; } @media (min-width: 768px) { .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item { flex: 0 1 300px; } } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item:hover { transform: translateY(-10px); } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item:hover .item-title { color: #C4EC43; } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item .item-icon { width: 70px; height: 70px; margin: 0 auto 1rem; } @media (min-width: 768px) { .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item .item-icon { width: 90px; height: 90px; } } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item .item-icon img { width: 100%; height: 100%; object-fit: contain; } .what-we-do-section .what-we-do-inner .what-we-do-items .what-we-do-item .item-title { font-size: 1.5rem; text-transform: uppercase; transition: color 0.5s ease; } @media (min-width: 768px) { .what-we-do-section { min-height: 700px; } } .featured-posts { position: relative; z-index: 1; position: relative; width: 100%; min-width: 100%; } .featured-posts::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #fff; } @media (min-width: 768px) { .featured-posts::before { border-left: 0.5rem solid #74B843; border-right: 0.5rem solid #74B843; } } .featured-posts .featured-posts-inner { padding: 4rem 0; display: flex; flex-wrap: wrap; gap: 8rem; justify-content: center; } @media (min-width: 1200px) { .featured-posts .featured-posts-inner { padding: 6rem 0; } } @media (min-width: 1536px) { .featured-posts .featured-posts-inner { justify-content: space-between; } } .featured-posts .featured-posts-inner .featured-post { position: relative; flex: 0 1 100%; color: #04543D; } @media (min-width: 1200px) { .featured-posts .featured-posts-inner .featured-post { flex: 0 1 350px; } } .featured-posts .featured-posts-inner .featured-post .featured-image-container { position: relative; } .featured-posts .featured-posts-inner .featured-post .featured-image-container .featured-image-bg { position: absolute; width: 100%; height: calc(100% - 0.4rem); background-color: #C4EC43; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1vw), 0 100%); left: -0.5rem; top: 0.5rem; } .featured-posts .featured-posts-inner .featured-post .featured-image-container .featured-post-image { width: 100%; height: 300px; object-fit: cover; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1vw), 0 100%); } @media (min-width: 768px) { .featured-posts .featured-posts-inner .featured-post .featured-image-container .featured-post-image { height: 350px; } } .featured-posts .featured-posts-inner .featured-post .featured-image-container .placeholder-image { width: 100%; height: 300px; background-color: #04543D; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1vw), 0 100%); } @media (min-width: 768px) { .featured-posts .featured-posts-inner .featured-post .featured-image-container .placeholder-image { height: 350px; } } .featured-posts .featured-posts-inner .featured-post .featured-image-container .placeholder-image::after { content: 'No image'; color: #04543D; font-size: 0.875rem; opacity: 0.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .featured-posts .featured-posts-inner .featured-post .featured-post-content { display: flex; flex-direction: column; padding: 1rem 0.5rem; } .featured-posts .featured-posts-inner .featured-post .featured-post-content .featured-post-title { text-transform: uppercase; } .featured-posts .featured-posts-inner .featured-post .featured-post-content .featured-post-excerpt { font-size: 0.9rem; color: #04543D; } .featured-posts .featured-posts-inner .featured-post .featured-post-content .featured-post-button { max-width: max-content; margin-top: 1rem; } @media (max-width: 1536px) { .featured-posts .featured-posts-inner { gap: 4rem; } } .iot-section { clip-path: polygon(0 2vw, 100% 0, 100% 100%, 0 100%); z-index: 2; position: relative; width: 100%; min-width: 100%; z-index: 1; } .iot-section::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #EDF2DF; } @media (min-width: 768px) { .iot-section::before { border-left: 0.5rem solid #04543D; border-right: 0.5rem solid #04543D; } } .iot-section .iot-section-inner { padding: 4rem 1.5rem 0 1.5rem; padding-bottom: 0; background-color: #EDF2DF; color: #04543D; max-width: 1350px; margin: 0 auto; width: 100%; } .iot-section .iot-section-inner .iot-section-header { margin-bottom: 3rem; } .iot-section .iot-section-inner .iot-section-header .section-title { font-size: 3.5rem !important; max-width: 1100px; margin-bottom: 1rem; text-transform: uppercase; line-height: 1; } .iot-section .iot-section-inner .iot-section-header .section-title .highlight { color: #74B843; } @media (min-width: 1200px) { .iot-section .iot-section-inner .iot-section-header .section-title { font-size: 7rem !important; } } .iot-section .iot-section-inner .iot-section-header .section-description { max-width: 980px; } .iot-section .iot-section-inner .iot-section-header .btn { display: inline-block; margin-top: 10px; } .iot-section .iot-section-inner .iot-content iframe { max-width: 100%; aspect-ratio: 16/10; height: auto; } .featured-articles { padding-bottom: 3rem; position: relative; width: 100%; min-width: 100%; } .featured-articles::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #fff; } @media (min-width: 768px) { .featured-articles::before { border-left: 0.5rem solid #74B843; border-right: 0.5rem solid #74B843; } } .featured-articles .featured-articles-inner { display: flex; flex-direction: column; align-items: center; padding: 4rem 1.5rem 4rem 1.5rem; max-width: 1350px; margin: 0 auto; } @media (min-width: 1200px) { .featured-articles .featured-articles-inner { padding: 5rem 1.5rem; } } .featured-articles .featured-articles-inner .featured-articles-header { text-align: center; margin-bottom: 4rem; max-width: 800px; } .featured-articles .featured-articles-inner .featured-articles-header .section-title { color: #04543D; margin-bottom: 1rem; text-transform: uppercase; } .featured-articles .featured-articles-inner .featured-articles-header .section-text { color: #04543D; max-width: 600px; margin: 0 auto; } .featured-articles .featured-articles-inner .button-group.center { margin-top: 5rem; } .address-input-section { position: relative; color: #EDF2DF; height: auto; position: relative; width: 100%; min-width: 100%; transition: transform 0.1s linear; will-change: transform; transform-origin: center; } .address-input-section::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #04543D; } @media (min-width: 768px) { .address-input-section::before { border-left: 0.5rem solid #EDF2DF; border-right: 0.5rem solid #EDF2DF; } } .address-input-section .address-input-inner { height: 100%; display: flex; flex-direction: column-reverse; max-width: 1350px; margin: 0 auto; } @media (min-width: 768px) { .address-input-section .address-input-inner { flex-direction: row; } } .address-input-section .address-input-inner .address-input-content { width: 100%; min-width: 50%; padding: 2rem 1.5rem 3rem 1.5rem; display: flex; flex-direction: column; justify-content: center; overflow: visible; } @media (min-width: 768px) { .address-input-section .address-input-inner .address-input-content { min-height: 750px; padding: 10rem 2rem; width: 50%; } } .address-input-section .address-input-inner .address-input-content .section-title { text-transform: uppercase; margin-bottom: 1rem; max-width: 500px; } .address-input-section .address-input-inner .address-input-content .section-text { color: #EDF2DF; margin-bottom: 2rem; max-width: 550px; } .address-input-section .address-input-inner .address-input-content .address-input-form { display: flex; flex-direction: row; gap: 1rem; max-width: 500px; margin-top: 2rem; } @media (min-width: 480px) { .address-input-section .address-input-inner .address-input-content .address-input-form { flex-direction: row; } } .address-input-section .address-input-inner .address-input-content .address-input-form .address-input { flex: 1; padding: 1rem 1rem; border: none; border-radius: 8px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: box-shadow 0.15s ease; background-color: #fff; box-shadow: inset 0 0 0 1px white; } @media (min-width: 768px) { .address-input-section .address-input-inner .address-input-content .address-input-form .address-input { padding: 1rem 1.5rem; } } .address-input-section .address-input-inner .address-input-content .address-input-form .address-input:focus { box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #04543D; } .address-input-section .address-input-inner .address-input-content .btn { white-space: nowrap; display: flex; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 8px; } .address-input-section .address-input-inner lime-form { max-width: 500px; } .address-input-section .address-input-inner lime-form .form-field { padding: 0 !important; } .address-input-section .address-input-inner .image-container { position: relative; width: 100%; overflow: hidden; } @media (min-width: 768px) { .address-input-section .address-input-inner .image-container { min-width: calc(50vw - 1rem); } } .address-input-section .address-input-inner .image-container .address-input-image { min-width: calc(50vw - 0.5rem); height: 100%; min-height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } @media (min-width: 768px) { .address-input-section .address-input-inner .image-container .address-input-image { position: absolute; height: 110%; width: 100%; left: 0; top: 0; } } .address-input-section .address-input-inner .image-container .address-input-image::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60%; width: 70%; background-image: url("data:image/svg+xml,%3Csvg width='624.309' height='724.539' viewBox='0 0 624.309 724.539' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M596.418,665.369,9,695.672V9H596.418Z' transform='translate(9.445 9.445)' fill='none' stroke='%23C4EC43' stroke-miterlimit='10' stroke-width='16'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .faq-section { position: relative; color: #04543D; position: relative; width: 100%; min-width: 100%; } .faq-section::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #EDF2DF; } @media (min-width: 768px) { .faq-section::before { border-left: 0.5rem solid #04543D; border-right: 0.5rem solid #04543D; } } .faq-section .faq-section-inner { padding: 6rem 1.5rem; max-width: 800px !important; z-index: 1; } @media (min-width: 1200px) { .faq-section .faq-section-inner { padding: 9rem 0; } } .faq-section .faq-section-inner .section-title { margin-bottom: 2rem; text-transform: uppercase; } .faq-section .faq-section-inner .faq-text { margin-bottom: 2rem; } .faq-section .faq-section-inner .faq-accordion * { box-sizing: unset; } .faq-section .faq-section-inner .faq-accordion .faq-item { margin-bottom: 1rem; border-bottom: 1px solid rgba(4, 84, 61, 0.2); } .faq-section .faq-section-inner .faq-accordion .faq-item a { color: #04543d; } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question { width: 100%; text-align: left; background: none; border: none; padding: 1rem 0; font-size: 0.9rem; font-weight: 600; color: #04543D; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } @media (min-width: 768px) { .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question { font-size: 1.1rem; } } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question .faq-icon { width: 20px; height: 20px; position: relative; } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question .faq-icon::before, .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question .faq-icon::after { content: ''; position: absolute; background-color: #04543D; transition: transform 0.3s ease; } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question .faq-icon::before { top: 50%; left: 0; width: 100%; height: 2px; transform: translateY(-50%); } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question .faq-icon::after { top: 0; left: 50%; width: 2px; height: 100%; transform: translateX(-50%); } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-question[aria-expanded="true"] .faq-icon::after { transform: translateX(-50%) rotate(90deg); } .faq-section .faq-section-inner .faq-accordion .faq-item .faq-answer { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease; padding: 0; color: #04543D; } .faq-section .faq-section-inner .faq-accordion .faq-item.active .faq-answer { max-height: 1000px; opacity: 1; padding: 0 0 1rem 0; } .hero-alt-section { position: relative; width: 100%; min-width: 100%; height: auto; min-height: 70vh; color: #EDF2DF; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-start; margin-bottom: 0.8rem; } .hero-alt-section::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #04543D; } @media (min-width: 768px) { .hero-alt-section { height: calc(100vh - 170px); } } .hero-alt-section .hero-background { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; min-width: 100vw; transform: translateX(-50%); clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%); } .hero-alt-section .hero-background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 84, 61, 0.3); } .hero-alt-section .hero-background video { width: 100%; height: 100%; object-fit: cover; } .hero-alt-section .hero-alt-content { padding: 4rem 1.5rem; display: flex; flex-direction: column; gap: 2rem; width: 100%; max-width: 1350px; margin: 0 auto; } .hero-alt-section .hero-alt-content .section-title { color: #fff; text-transform: uppercase; margin: 0; max-width: 600px; } .hero-alt-section .hero-alt-content .button-group { display: flex; gap: 1rem; flex-wrap: wrap; } .hero-alt-section .hero-alt-content .button-group .btn { white-space: nowrap; } @media (min-width: 768px) { .hero-alt-section .hero-background { top: 0; min-width: calc(100vw - 0.8rem); padding: 0 0.8rem; } } @media (max-width: 768px) { .hero-alt-section .hero-alt-content { bottom: 2rem; left: 2rem; right: 2rem; } } #subpage-hero { clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%); position: relative; width: 100%; min-width: 100%; height: auto; min-height: 700px; color: #04543D; } #subpage-hero::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #EDF2DF; } @media (min-width: 768px) { #subpage-hero { height: 700px; } } #subpage-hero::before { content: ""; position: absolute; min-width: 100vw; left: 50%; transform: translateX(-50%); height: 100%; background-color: #EDF2DF; z-index: -1; border: none; } #subpage-hero .section-text { color: #04543D; } #subpage-hero .large-image-text-image { min-width: 50vw; } .large-image-text { position: relative; width: 100%; min-width: 100%; color: #EDF2DF; padding: 0; transition: transform 0.1s linear; will-change: transform; transform-origin: center; } .large-image-text::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #04543D; } @media (min-width: 768px) { .large-image-text::before { border-left: 0.5rem solid #EDF2DF; border-right: 0.5rem solid #EDF2DF; } } .large-image-text .large-image-text-inner { height: auto; max-width: 1350px; margin: 0 auto; display: flex; flex-direction: column; } @media (min-width: 768px) { .large-image-text .large-image-text-inner { padding: 0 1rem; flex-direction: row; min-height: 700px; } } .large-image-text .large-image-text-inner .large-image-text-content { width: 100%; min-width: 50%; padding: 3rem 1.5rem; display: flex; flex-direction: column; justify-content: center; order: 2; } @media (min-width: 768px) { .large-image-text .large-image-text-inner .large-image-text-content { padding: 4rem 2rem; width: 50%; order: 1; } } .large-image-text .large-image-text-inner .large-image-text-content .section-title { text-transform: uppercase; margin-bottom: 1rem; max-width: 500px; text-align: start; } .large-image-text .large-image-text-inner .large-image-text-content h3 { margin-bottom: 0.4rem; } .large-image-text .large-image-text-inner .large-image-text-content .section-text { color: #EDF2DF; margin-bottom: 2rem; max-width: 550px; } .large-image-text .large-image-text-inner .large-image-text-content .button-group { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2rem; } .large-image-text .large-image-text-inner .large-image-text-content .button-group .btn { white-space: nowrap; display: flex; align-items: center; justify-content: center; padding: 10px 16px; } .large-image-text .large-image-text-inner .large-image-text-content a { text-decoration: none; color: #C4EC43; } .large-image-text .large-image-text-inner .large-image-text-content a:hover { text-decoration: underline; } .large-image-text .large-image-text-inner .image-container { position: relative; width: 100%; height: 300px; order: 1; overflow: hidden; } @media (min-width: 768px) { .large-image-text .large-image-text-inner .image-container { min-width: calc(50vw - 1rem); height: auto; order: 2; } } .large-image-text .large-image-text-inner .image-container .large-image-text-image { height: 100%; min-width: calc(50vw - 0.5rem); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; position: relative; } @media (min-width: 768px) { .large-image-text .large-image-text-inner .image-container .large-image-text-image { position: absolute; height: 110%; width: 100%; left: 0; top: 0; } } .large-image-text .large-image-text-inner .image-container .large-image-text-image:not(.no-box)::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60%; width: 70%; background-image: url("data:image/svg+xml,%3Csvg width='624.309' height='724.539' viewBox='0 0 624.309 724.539' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M596.418,665.369,9,695.672V9H596.418Z' transform='translate(9.445 9.445)' fill='none' stroke='%23C4EC43' stroke-miterlimit='10' stroke-width='16'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .large-image-text .large-image-text-inner .image-container .large-image-text-image.contain { background-size: contain; } @media (min-width: 768px) { .large-image-text.reversed .large-image-text-inner { flex-direction: row-reverse; } .large-image-text.reversed .large-image-text-inner .large-image-text-image { left: auto; right: 0; } } @media (min-width: 1200px) { .large-image-text.reversed .large-image-text-inner .large-image-text-content { padding-left: 5rem; } } .small-image-text, .small-video-text { position: relative; width: 100%; min-width: 100%; padding: 0; background-color: white; color: #04543D; display: flex; align-items: center; height: auto; } .small-image-text::before, .small-video-text::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: white; } @media (min-width: 768px) { .small-image-text, .small-video-text { padding: 8rem 0; } .small-image-text + .small-image-text, .small-video-text + .small-image-text, .small-image-text + .small-video-text, .small-video-text + .small-video-text { padding-top: 1rem; } .small-image-text.subpage-hero-alt, .small-video-text.subpage-hero-alt { min-height: 600px; } } .small-image-text .small-image-text-inner, .small-image-text .small-video-text-inner, .small-video-text .small-image-text-inner, .small-video-text .small-video-text-inner { position: relative; height: 100%; width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column-reverse; } @media (min-width: 768px) { .small-image-text .small-image-text-inner, .small-image-text .small-video-text-inner, .small-video-text .small-image-text-inner, .small-video-text .small-video-text-inner { flex-direction: row; gap: 4rem; } } .small-image-text .small-image-text-inner .small-image-text-content, .small-image-text .small-image-text-inner .small-video-text-content, .small-image-text .small-video-text-inner .small-image-text-content, .small-image-text .small-video-text-inner .small-video-text-content, .small-video-text .small-image-text-inner .small-image-text-content, .small-video-text .small-image-text-inner .small-video-text-content, .small-video-text .small-video-text-inner .small-image-text-content, .small-video-text .small-video-text-inner .small-video-text-content { width: 100%; padding: 2.5rem 1.5rem 3rem 1.5rem; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .small-image-text .small-image-text-inner .small-image-text-content, .small-image-text .small-image-text-inner .small-video-text-content, .small-image-text .small-video-text-inner .small-image-text-content, .small-image-text .small-video-text-inner .small-video-text-content, .small-video-text .small-image-text-inner .small-image-text-content, .small-video-text .small-image-text-inner .small-video-text-content, .small-video-text .small-video-text-inner .small-image-text-content, .small-video-text .small-video-text-inner .small-video-text-content { width: 50%; } } @media (min-width: 1250px) { .small-image-text .small-image-text-inner .small-image-text-content, .small-image-text .small-image-text-inner .small-video-text-content, .small-image-text .small-video-text-inner .small-image-text-content, .small-image-text .small-video-text-inner .small-video-text-content, .small-video-text .small-image-text-inner .small-image-text-content, .small-video-text .small-image-text-inner .small-video-text-content, .small-video-text .small-video-text-inner .small-image-text-content, .small-video-text .small-video-text-inner .small-video-text-content { padding: 2rem 0; } } .small-image-text .small-image-text-inner .small-image-text-content .section-title, .small-image-text .small-image-text-inner .small-video-text-content .section-title, .small-image-text .small-video-text-inner .small-image-text-content .section-title, .small-image-text .small-video-text-inner .small-video-text-content .section-title, .small-video-text .small-image-text-inner .small-image-text-content .section-title, .small-video-text .small-image-text-inner .small-video-text-content .section-title, .small-video-text .small-video-text-inner .small-image-text-content .section-title, .small-video-text .small-video-text-inner .small-video-text-content .section-title { text-transform: uppercase; margin-bottom: 1rem; max-width: 500px; } .small-image-text .small-image-text-inner .small-image-text-content .section-text, .small-image-text .small-image-text-inner .small-video-text-content .section-text, .small-image-text .small-video-text-inner .small-image-text-content .section-text, .small-image-text .small-video-text-inner .small-video-text-content .section-text, .small-video-text .small-image-text-inner .small-image-text-content .section-text, .small-video-text .small-image-text-inner .small-video-text-content .section-text, .small-video-text .small-video-text-inner .small-image-text-content .section-text, .small-video-text .small-video-text-inner .small-video-text-content .section-text { color: #04543D; margin-bottom: 2rem; max-width: 550px; } .small-image-text .small-image-text-inner .small-image-text-content .button-group, .small-image-text .small-image-text-inner .small-video-text-content .button-group, .small-image-text .small-video-text-inner .small-image-text-content .button-group, .small-image-text .small-video-text-inner .small-video-text-content .button-group, .small-video-text .small-image-text-inner .small-image-text-content .button-group, .small-video-text .small-image-text-inner .small-video-text-content .button-group, .small-video-text .small-video-text-inner .small-image-text-content .button-group, .small-video-text .small-video-text-inner .small-video-text-content .button-group { display: flex; gap: 1rem; flex-wrap: wrap; } .small-image-text .small-image-text-inner .small-image-text-content .button-group .btn, .small-image-text .small-image-text-inner .small-video-text-content .button-group .btn, .small-image-text .small-video-text-inner .small-image-text-content .button-group .btn, .small-image-text .small-video-text-inner .small-video-text-content .button-group .btn, .small-video-text .small-image-text-inner .small-image-text-content .button-group .btn, .small-video-text .small-image-text-inner .small-video-text-content .button-group .btn, .small-video-text .small-video-text-inner .small-image-text-content .button-group .btn, .small-video-text .small-video-text-inner .small-video-text-content .button-group .btn { white-space: nowrap; display: flex; align-items: center; justify-content: center; padding: 10px 16px; } .small-image-text .small-image-text-inner .small-image-text-content a, .small-image-text .small-image-text-inner .small-video-text-content a, .small-image-text .small-video-text-inner .small-image-text-content a, .small-image-text .small-video-text-inner .small-video-text-content a, .small-video-text .small-image-text-inner .small-image-text-content a, .small-video-text .small-image-text-inner .small-video-text-content a, .small-video-text .small-video-text-inner .small-image-text-content a, .small-video-text .small-video-text-inner .small-video-text-content a { text-decoration: none; color: #74B843; } .small-image-text .small-image-text-inner .small-image-text-content a:hover, .small-image-text .small-image-text-inner .small-video-text-content a:hover, .small-image-text .small-video-text-inner .small-image-text-content a:hover, .small-image-text .small-video-text-inner .small-video-text-content a:hover, .small-video-text .small-image-text-inner .small-image-text-content a:hover, .small-video-text .small-image-text-inner .small-video-text-content a:hover, .small-video-text .small-video-text-inner .small-image-text-content a:hover, .small-video-text .small-video-text-inner .small-video-text-content a:hover { text-decoration: underline; } .small-image-text .small-image-text-inner .image-container, .small-image-text .small-image-text-inner .video-container, .small-image-text .small-image-text-inner .youtube-container, .small-image-text .small-video-text-inner .image-container, .small-image-text .small-video-text-inner .video-container, .small-image-text .small-video-text-inner .youtube-container, .small-video-text .small-image-text-inner .image-container, .small-video-text .small-image-text-inner .video-container, .small-video-text .small-image-text-inner .youtube-container, .small-video-text .small-video-text-inner .image-container, .small-video-text .small-video-text-inner .video-container, .small-video-text .small-video-text-inner .youtube-container { position: relative; width: 100%; } @media (min-width: 768px) { .small-image-text .small-image-text-inner .image-container, .small-image-text .small-image-text-inner .video-container, .small-image-text .small-image-text-inner .youtube-container, .small-image-text .small-video-text-inner .image-container, .small-image-text .small-video-text-inner .video-container, .small-image-text .small-video-text-inner .youtube-container, .small-video-text .small-image-text-inner .image-container, .small-video-text .small-image-text-inner .video-container, .small-video-text .small-image-text-inner .youtube-container, .small-video-text .small-video-text-inner .image-container, .small-video-text .small-video-text-inner .video-container, .small-video-text .small-video-text-inner .youtube-container { margin-top: 0; width: 50%; } } .small-image-text .small-image-text-inner .image-container .image-bg, .small-image-text .small-image-text-inner .image-container .video-bg, .small-image-text .small-image-text-inner .image-container .youtube-bg, .small-image-text .small-image-text-inner .video-container .image-bg, .small-image-text .small-image-text-inner .video-container .video-bg, .small-image-text .small-image-text-inner .video-container .youtube-bg, .small-image-text .small-image-text-inner .youtube-container .image-bg, .small-image-text .small-image-text-inner .youtube-container .video-bg, .small-image-text .small-image-text-inner .youtube-container .youtube-bg, .small-image-text .small-video-text-inner .image-container .image-bg, .small-image-text .small-video-text-inner .image-container .video-bg, .small-image-text .small-video-text-inner .image-container .youtube-bg, .small-image-text .small-video-text-inner .video-container .image-bg, .small-image-text .small-video-text-inner .video-container .video-bg, .small-image-text .small-video-text-inner .video-container .youtube-bg, .small-image-text .small-video-text-inner .youtube-container .image-bg, .small-image-text .small-video-text-inner .youtube-container .video-bg, .small-image-text .small-video-text-inner .youtube-container .youtube-bg, .small-video-text .small-image-text-inner .image-container .image-bg, .small-video-text .small-image-text-inner .image-container .video-bg, .small-video-text .small-image-text-inner .image-container .youtube-bg, .small-video-text .small-image-text-inner .video-container .image-bg, .small-video-text .small-image-text-inner .video-container .video-bg, .small-video-text .small-image-text-inner .video-container .youtube-bg, .small-video-text .small-image-text-inner .youtube-container .image-bg, .small-video-text .small-image-text-inner .youtube-container .video-bg, .small-video-text .small-image-text-inner .youtube-container .youtube-bg, .small-video-text .small-video-text-inner .image-container .image-bg, .small-video-text .small-video-text-inner .image-container .video-bg, .small-video-text .small-video-text-inner .image-container .youtube-bg, .small-video-text .small-video-text-inner .video-container .image-bg, .small-video-text .small-video-text-inner .video-container .video-bg, .small-video-text .small-video-text-inner .video-container .youtube-bg, .small-video-text .small-video-text-inner .youtube-container .image-bg, .small-video-text .small-video-text-inner .youtube-container .video-bg, .small-video-text .small-video-text-inner .youtube-container .youtube-bg { position: absolute; width: 100%; height: calc(100% - 0.6rem); background-color: #C4EC43; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1vw), 0 100%); left: -1.2rem; top: 1rem; } @media (min-width: 768px) { .small-image-text .small-image-text-inner .image-container .image-bg, .small-image-text .small-image-text-inner .image-container .video-bg, .small-image-text .small-image-text-inner .image-container .youtube-bg, .small-image-text .small-image-text-inner .video-container .image-bg, .small-image-text .small-image-text-inner .video-container .video-bg, .small-image-text .small-image-text-inner .video-container .youtube-bg, .small-image-text .small-image-text-inner .youtube-container .image-bg, .small-image-text .small-image-text-inner .youtube-container .video-bg, .small-image-text .small-image-text-inner .youtube-container .youtube-bg, .small-image-text .small-video-text-inner .image-container .image-bg, .small-image-text .small-video-text-inner .image-container .video-bg, .small-image-text .small-video-text-inner .image-container .youtube-bg, .small-image-text .small-video-text-inner .video-container .image-bg, .small-image-text .small-video-text-inner .video-container .video-bg, .small-image-text .small-video-text-inner .video-container .youtube-bg, .small-image-text .small-video-text-inner .youtube-container .image-bg, .small-image-text .small-video-text-inner .youtube-container .video-bg, .small-image-text .small-video-text-inner .youtube-container .youtube-bg, .small-video-text .small-image-text-inner .image-container .image-bg, .small-video-text .small-image-text-inner .image-container .video-bg, .small-video-text .small-image-text-inner .image-container .youtube-bg, .small-video-text .small-image-text-inner .video-container .image-bg, .small-video-text .small-image-text-inner .video-container .video-bg, .small-video-text .small-image-text-inner .video-container .youtube-bg, .small-video-text .small-image-text-inner .youtube-container .image-bg, .small-video-text .small-image-text-inner .youtube-container .video-bg, .small-video-text .small-image-text-inner .youtube-container .youtube-bg, .small-video-text .small-video-text-inner .image-container .image-bg, .small-video-text .small-video-text-inner .image-container .video-bg, .small-video-text .small-video-text-inner .image-container .youtube-bg, .small-video-text .small-video-text-inner .video-container .image-bg, .small-video-text .small-video-text-inner .video-container .video-bg, .small-video-text .small-video-text-inner .video-container .youtube-bg, .small-video-text .small-video-text-inner .youtube-container .image-bg, .small-video-text .small-video-text-inner .youtube-container .video-bg, .small-video-text .small-video-text-inner .youtube-container .youtube-bg { height: calc(100% - 0.4rem); left: -0.7rem; } } .small-image-text .small-image-text-inner .image-container .small-image-text-image, .small-image-text .small-image-text-inner .image-container .small-video-text-video, .small-image-text .small-image-text-inner .image-container .small-youtube-text-youtube, .small-image-text .small-image-text-inner .video-container .small-image-text-image, .small-image-text .small-image-text-inner .video-container .small-video-text-video, .small-image-text .small-image-text-inner .video-container .small-youtube-text-youtube, .small-image-text .small-image-text-inner .youtube-container .small-image-text-image, .small-image-text .small-image-text-inner .youtube-container .small-video-text-video, .small-image-text .small-image-text-inner .youtube-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .image-container .small-image-text-image, .small-image-text .small-video-text-inner .image-container .small-video-text-video, .small-image-text .small-video-text-inner .image-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .video-container .small-image-text-image, .small-image-text .small-video-text-inner .video-container .small-video-text-video, .small-image-text .small-video-text-inner .video-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .youtube-container .small-image-text-image, .small-image-text .small-video-text-inner .youtube-container .small-video-text-video, .small-image-text .small-video-text-inner .youtube-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .image-container .small-image-text-image, .small-video-text .small-image-text-inner .image-container .small-video-text-video, .small-video-text .small-image-text-inner .image-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .video-container .small-image-text-image, .small-video-text .small-image-text-inner .video-container .small-video-text-video, .small-video-text .small-image-text-inner .video-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .youtube-container .small-image-text-image, .small-video-text .small-image-text-inner .youtube-container .small-video-text-video, .small-video-text .small-image-text-inner .youtube-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .image-container .small-image-text-image, .small-video-text .small-video-text-inner .image-container .small-video-text-video, .small-video-text .small-video-text-inner .image-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .video-container .small-image-text-image, .small-video-text .small-video-text-inner .video-container .small-video-text-video, .small-video-text .small-video-text-inner .video-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .youtube-container .small-image-text-image, .small-video-text .small-video-text-inner .youtube-container .small-video-text-video, .small-video-text .small-video-text-inner .youtube-container .small-youtube-text-youtube { width: 100%; height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1vw), 0 100%); } @media (min-width: 768px) { .small-image-text .small-image-text-inner .image-container .small-image-text-image, .small-image-text .small-image-text-inner .image-container .small-video-text-video, .small-image-text .small-image-text-inner .image-container .small-youtube-text-youtube, .small-image-text .small-image-text-inner .video-container .small-image-text-image, .small-image-text .small-image-text-inner .video-container .small-video-text-video, .small-image-text .small-image-text-inner .video-container .small-youtube-text-youtube, .small-image-text .small-image-text-inner .youtube-container .small-image-text-image, .small-image-text .small-image-text-inner .youtube-container .small-video-text-video, .small-image-text .small-image-text-inner .youtube-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .image-container .small-image-text-image, .small-image-text .small-video-text-inner .image-container .small-video-text-video, .small-image-text .small-video-text-inner .image-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .video-container .small-image-text-image, .small-image-text .small-video-text-inner .video-container .small-video-text-video, .small-image-text .small-video-text-inner .video-container .small-youtube-text-youtube, .small-image-text .small-video-text-inner .youtube-container .small-image-text-image, .small-image-text .small-video-text-inner .youtube-container .small-video-text-video, .small-image-text .small-video-text-inner .youtube-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .image-container .small-image-text-image, .small-video-text .small-image-text-inner .image-container .small-video-text-video, .small-video-text .small-image-text-inner .image-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .video-container .small-image-text-image, .small-video-text .small-image-text-inner .video-container .small-video-text-video, .small-video-text .small-image-text-inner .video-container .small-youtube-text-youtube, .small-video-text .small-image-text-inner .youtube-container .small-image-text-image, .small-video-text .small-image-text-inner .youtube-container .small-video-text-video, .small-video-text .small-image-text-inner .youtube-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .image-container .small-image-text-image, .small-video-text .small-video-text-inner .image-container .small-video-text-video, .small-video-text .small-video-text-inner .image-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .video-container .small-image-text-image, .small-video-text .small-video-text-inner .video-container .small-video-text-video, .small-video-text .small-video-text-inner .video-container .small-youtube-text-youtube, .small-video-text .small-video-text-inner .youtube-container .small-image-text-image, .small-video-text .small-video-text-inner .youtube-container .small-video-text-video, .small-video-text .small-video-text-inner .youtube-container .small-youtube-text-youtube { height: 100%; } } .small-image-text .small-image-text-inner .image-container .image-caption, .small-image-text .small-image-text-inner .video-container .image-caption, .small-image-text .small-image-text-inner .youtube-container .image-caption, .small-image-text .small-video-text-inner .image-container .image-caption, .small-image-text .small-video-text-inner .video-container .image-caption, .small-image-text .small-video-text-inner .youtube-container .image-caption, .small-video-text .small-image-text-inner .image-container .image-caption, .small-video-text .small-image-text-inner .video-container .image-caption, .small-video-text .small-image-text-inner .youtube-container .image-caption, .small-video-text .small-video-text-inner .image-container .image-caption, .small-video-text .small-video-text-inner .video-container .image-caption, .small-video-text .small-video-text-inner .youtube-container .image-caption { position: absolute; bottom: -1.7rem; left: 0.5rem; width: 100%; font-size: 12px; font-style: italic; transform: rotate(-1.7deg); } @media (min-width: 1200px) { .small-image-text .small-image-text-inner .image-container .image-caption, .small-image-text .small-image-text-inner .video-container .image-caption, .small-image-text .small-image-text-inner .youtube-container .image-caption, .small-image-text .small-video-text-inner .image-container .image-caption, .small-image-text .small-video-text-inner .video-container .image-caption, .small-image-text .small-video-text-inner .youtube-container .image-caption, .small-video-text .small-image-text-inner .image-container .image-caption, .small-video-text .small-image-text-inner .video-container .image-caption, .small-video-text .small-image-text-inner .youtube-container .image-caption, .small-video-text .small-video-text-inner .image-container .image-caption, .small-video-text .small-video-text-inner .video-container .image-caption, .small-video-text .small-video-text-inner .youtube-container .image-caption { left: 0; } } @media (max-width: 768px) { .small-image-text .small-image-text-inner .image-container .image-caption, .small-image-text .small-image-text-inner .video-container .image-caption, .small-image-text .small-image-text-inner .youtube-container .image-caption, .small-image-text .small-video-text-inner .image-container .image-caption, .small-image-text .small-video-text-inner .video-container .image-caption, .small-image-text .small-video-text-inner .youtube-container .image-caption, .small-video-text .small-image-text-inner .image-container .image-caption, .small-video-text .small-image-text-inner .video-container .image-caption, .small-video-text .small-image-text-inner .youtube-container .image-caption, .small-video-text .small-video-text-inner .image-container .image-caption, .small-video-text .small-video-text-inner .video-container .image-caption, .small-video-text .small-video-text-inner .youtube-container .image-caption { bottom: -8%; transform: rotate(-0.7deg); } } @media (min-width: 768px) { .small-image-text.reversed .small-image-text-inner, .small-video-text.reversed .small-image-text-inner { flex-direction: row-reverse; } } .small-image-text.bg-tertiary, .small-video-text.bg-tertiary { position: relative; width: 100%; min-width: 100%; } .small-image-text.bg-tertiary::before, .small-video-text.bg-tertiary::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #EDF2DF; } .small-image-text.bg-tertiary .small-image-text-content .section-title, .small-image-text.bg-tertiary .small-image-text-content .section-text, .small-video-text.bg-tertiary .small-image-text-content .section-title, .small-video-text.bg-tertiary .small-image-text-content .section-text { color: #04543D; } .small-image-text.bg-primary, .small-video-text.bg-primary { position: relative; width: 100%; min-width: 100%; } .small-image-text.bg-primary::before, .small-video-text.bg-primary::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #04543D; } .small-image-text.bg-primary .small-image-text-content .section-title, .small-image-text.bg-primary .small-image-text-content .section-text, .small-video-text.bg-primary .small-image-text-content .section-title, .small-video-text.bg-primary .small-image-text-content .section-text { color: #EDF2DF; } .flexible-content, .flexible-content-wide { padding: 2rem 1.5rem 2rem 1.5rem; background-color: white; position: relative; width: 100%; min-width: 100%; font-size: 16px; } .flexible-content::before, .flexible-content-wide::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: white; } .flexible-content .flexible-content__inner, .flexible-content-wide .flexible-content__inner { position: relative; margin: 0 auto; z-index: 2; } .flexible-content .flexible-content__inner h2, .flexible-content-wide .flexible-content__inner h2 { font-family: "Poppins", sans-serif; font-size: 16px !important; font-weight: 700; color: #04543D; margin: 0 0 0.8rem 0; } .flexible-content .flexible-content__inner h3, .flexible-content-wide .flexible-content__inner h3 { font-family: "Poppins", sans-serif; font-size: 16px !important; font-weight: 700; color: #000; margin: 0 0 0.2rem 0; } .flexible-content .flexible-content__inner p, .flexible-content-wide .flexible-content__inner p { font-family: "Poppins", sans-serif; margin-bottom: 1rem; line-height: 1.5; } .flexible-content .flexible-content__inner p strong, .flexible-content-wide .flexible-content__inner p strong { font-weight: 600; } .flexible-content .flexible-content__inner p:last-child, .flexible-content-wide .flexible-content__inner p:last-child { margin-bottom: 0; } .flexible-content .flexible-content__inner ul, .flexible-content .flexible-content__inner ol, .flexible-content-wide .flexible-content__inner ul, .flexible-content-wide .flexible-content__inner ol { margin-bottom: 1rem; } .flexible-content .flexible-content__inner a, .flexible-content .flexible-content__inner a:hover, .flexible-content-wide .flexible-content__inner a, .flexible-content-wide .flexible-content__inner a:hover { cursor: pointer; color: #74B843; font-weight: 600; } .flexible-content .flexible-content__inner a:hover, .flexible-content .flexible-content__inner a:hover:hover, .flexible-content-wide .flexible-content__inner a:hover, .flexible-content-wide .flexible-content__inner a:hover:hover { text-decoration: underline; } .flexible-content .flexible-content__inner .button-group, .flexible-content-wide .flexible-content__inner .button-group { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; width: 100%; } .flexible-content .flexible-content__inner .button-group.center, .flexible-content-wide .flexible-content__inner .button-group.center { justify-content: center; } .flexible-content .flexible-content__inner video, .flexible-content .flexible-content__inner iframe, .flexible-content-wide .flexible-content__inner video, .flexible-content-wide .flexible-content__inner iframe { width: 100%; height: auto; max-width: 100%; margin-bottom: 1rem; aspect-ratio: 16/9; } .flexible-content .flexible-content__inner video:last-child, .flexible-content .flexible-content__inner iframe:last-child, .flexible-content-wide .flexible-content__inner video:last-child, .flexible-content-wide .flexible-content__inner iframe:last-child { margin-bottom: 0; } .flexible-content.text-center .flexible-content__inner, .flexible-content-wide.text-center .flexible-content__inner { text-align: center; } .flexible-content.text-center .flexible-content__inner > *:not(.button-group), .flexible-content-wide.text-center .flexible-content__inner > *:not(.button-group) { margin-left: auto; margin-right: auto; } .flexible-content.text-center .flexible-content__inner .button-group.center, .flexible-content-wide.text-center .flexible-content__inner .button-group.center { margin-left: auto; margin-right: auto; } .flexible-content-wide .flexible-content__inner { max-width: 1200px; } .flexible-content-wide .flexible-content__inner > * { max-width: 980px; } .flexible-content .flexible-content__inner { max-width: 800px; } .title-text, .title-text-wide { padding: 5rem 1.5rem 1rem 1.5rem; background-color: white; position: relative; width: 100%; min-width: 100%; } .title-text::before, .title-text-wide::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: white; } .title-text .title-text__inner, .title-text-wide .title-text__inner { position: relative; z-index: 2; margin: 0 auto; } .title-text .title-text__inner h1, .title-text-wide .title-text__inner h1 { color: #04543D; margin: 0 0 1rem 0; text-transform: uppercase; } .title-text .title-text__inner p, .title-text-wide .title-text__inner p { line-height: 1.5; color: #04543D; } .title-text .title-text__inner a, .title-text-wide .title-text__inner a { color: #04543D; } .title-text .button-group, .title-text-wide .button-group { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; width: 100%; } .title-text .button-group.center, .title-text-wide .button-group.center { justify-content: center; } .title-text.text-center .title-text__inner, .title-text-wide.text-center .title-text__inner { text-align: center; } .title-text.text-center .title-text__inner > *:not(.button-group), .title-text-wide.text-center .title-text__inner > *:not(.button-group) { margin-left: auto; margin-right: auto; } .title-text.text-center .title-text__inner .button-group.center, .title-text-wide.text-center .title-text__inner .button-group.center { margin-left: auto; margin-right: auto; } .title-text .title-text__inner { max-width: 800px; } .title-text .title-text__inner p { max-width: 700px; } .title-text-wide .title-text__inner { max-width: 1200px; } .title-text-wide .title-text__inner > * { max-width: 980px; } .three-columns { padding: 2rem 1.5rem 2rem 1.5rem; background-color: #fff; position: relative; width: 100%; min-width: 100%; font-size: 16px; } .three-columns .three-columns__inner { position: relative; height: 100%; width: 100%; max-width: 1200px; margin: 0 auto; } .three-columns .three-columns__inner .three-columns__flex { display: flex; gap: 4em; justify-content: space-between; max-width: 980px; } @media (max-width: 991.98px) { .three-columns .three-columns__inner .three-columns__flex { flex-direction: column; } } .wp-block-spacer { background-color: #FFFFFF; } .page-end { position: relative; width: 100%; min-width: 100%; } .page-end::before { content: ""; position: absolute; min-width: 100%; height: 100%; background-color: #EDF2DF; } .page-end .page-end__inner { padding: 2rem 1.5rem 3rem 1.5rem; position: relative; z-index: 2; margin: 0 auto; max-width: 1200px; } @media (min-width: 1200px) { .page-end .page-end__inner { padding: 2rem 0 3rem 0; } } .page-end .page-end__inner h2 { color: #04543D; text-transform: uppercase; } .page-end .page-end__inner .button-group { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; width: 100%; } .page-end .page-end__inner .button-group.center { justify-content: center; } .form-testing-page { max-width: 800px; margin: 6rem auto 2rem auto; padding: 0 1.5rem; } .form-testing-page .form-section { margin-bottom: 4rem; padding: 2rem; background: rgba(255, 255, 255, 0.05); border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media (min-width: 1920px) { nav .elementor-element-e0f7ba6.elementor-widget-button.romb { clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); } } .yggio-container { position: relative; z-index: 0; margin-top: -6rem; } @media (min-width: 1350px) { .yggio-container::before { content: ""; border-left: .5rem solid #04543d; border-right: .5rem solid #04543d; position: absolute; min-width: 100%; height: 100%; z-index: 1; } } .yggio-container .yggio-grid { padding-top: 56.25%; background: #edf2df; position: relative; background-position: center; background-repeat: no-repeat; } .yggio-container .yggio-grid .yggio-item { position: absolute; z-index: 3; font-size: 1vw; font-family: "Panton", sans-serif; } .yggio-container .yggio-grid .yggio-item .yggio-item-label, .yggio-container .yggio-grid .yggio-item .yggio-item-value, .yggio-container .yggio-grid .yggio-item .yggio-item-sub-label, .yggio-container .yggio-grid .yggio-item .yggio-item-sub-label-2 { color: #02553D; display: block; } .yggio-container .yggio-grid .yggio-item .yggio-item-label { font-size: 1em; font-weight: 600; font-family: "Poppins", sans-serif; } .yggio-container .yggio-grid .yggio-item .yggio-item-value { font-size: 3.8em; line-height: 1; font-weight: 900; } .yggio-container .yggio-grid .yggio-item .yggio-item-value span { font-size: 0.6em; } .yggio-container .yggio-grid .yggio-item .yggio-item-sub-label, .yggio-container .yggio-grid .yggio-item .yggio-item-sub-label-2 { font-style: italic; font-family: "Poppins", sans-serif; } .yggio-container .yggio-grid .yggio-item strong { font-weight: 700; } @media (max-width: 991.98px) { .yggio-container .yggio-grid .yggio-item { font-size: 1.8vw; text-align: center; } } .yggio-container .yggio-grid .yggio-item.thecloud .yggio-item-value { font-size: 2.5em; } .yggio-container .deveui-70B3D554600001E5 { left: 67%; top: 18%; } .yggio-container .deveui-70B3D554600001E5 .yggio-item-value { font-size: 2.5em !important; } .yggio-container .deveui-70B3D580A01060C7 { left: 76%; top: 47%; } .yggio-container .deveui-A81758FFFE0D503A { top: 17%; left: 17%; } .yggio-container .deveui-A81758FFFE0D503B { top: 31%; left: 17%; } .yggio-container .kbr-puck_radar-002 { top: 77%; left: 70.7%; } .yggio-container .thecloud { top: 73.5%; right: 67%; } @media (max-width: 991.98px) { .yggio-container { margin-top: -1rem !important; } .yggio-container .deveui-70B3D554600001E5 { left: 53%; top: 21%; } .yggio-container .deveui-70B3D580A01060C7 { left: 75%; top: 71.5%; } .yggio-container .deveui-A81758FFFE0D503A { top: 16%; left: 15%; } .yggio-container .deveui-A81758FFFE0D503B { top: 23%; left: 15%; } .yggio-container .kbr-puck_radar-002 { top: 84%; left: 51.5%; } .yggio-container .thecloud { top: 77%; right: 60%; } } .yggio-container lottie-player { z-index: 2; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 80%; } @media (max-width: 991.98px) { .yggio-container lottie-player { height: 50%; } } .yggio-container .yggio-grid-bg { background-size: 91%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 40% 73%; z-index: 4; } @media (max-width: 991.98px) { .yggio-container .yggio-grid { padding-top: 190%; } .yggio-container .yggio-grid-bg { background-size: 101%; background-image: url('data:image/svg+xml,'); background-position: 250% 10%; } } .iframe-section > div { width: 100%; max-width: calc(1350px + 3rem); padding: 4rem 1.5rem; margin: auto; } .iframe-section > div iframe { max-width: 100%; aspect-ratio: 16/10; height: auto; } @media (min-width: 1200px) { .iframe-section > div { padding-top: 9rem; padding-bottom: 9rem; } } .iot-section .iot-section-inner .iot-section-header .section-title { line-height: 1; } [data-elementor-type="footer"] > .e-con-boxed, [data-elementor-type="header"] > .e-con-boxed, [data-elementor-type="archive"] > .e-con-boxed, [data-elementor-type="single-post"] > .e-con-boxed { padding-right: 20px !important; padding-left: 20px !important; } .full-width-header > div { max-width: calc(750px + 50%) !important; margin: 0 0 0 auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { [data-elementor-type="footer"] > .e-con-boxed, [data-elementor-type="header"] > .e-con-boxed, [data-elementor-type="archive"] > .e-con-boxed, [data-elementor-type="single-post"] > .e-con-boxed { padding-right: 24px !important; padding-left: 24px !important; } .full-width-header > div { padding-left: 24px !important; padding-right: 0 !important; } figure.menu-icon { max-width: 48px; } } @media (min-width: 1100px) { [data-elementor-type="archive"] > .e-con-boxed, [data-elementor-type="single-post"] > .e-con-boxed { padding-right: 72px !important; padding-left: 72px !important; } li.small a { font-size: 1rem !important; } } @media (min-width: 1920px) { .full-width-header > div { max-width: 1428px !important; margin: 0 auto; padding-right: 24px !important; } } li.small a { font-size: 0.9rem !important; } p strong { font-weight: 600; } .single-post h1 { word-wrap: break-word; } .single-post .elementor-widget-theme-post-content a { cursor: pointer; color: #74B843; font-weight: 600; text-decoration: underline; } .single-post a:hover { color: #74B843; } #mobile_menu figure.menu-icon { max-width: 38px; margin-right: 0.7rem; } .dialog-type-lightbox { position: fixed !important; } .elementor-nav-menu li.button { width: calc(49.5% - 20px); display: inline-block; border: 0 !important; text-align: center; margin-top: 1rem; margin-bottom: 1rem; } .elementor-nav-menu li.button:first-of-type { margin-left: 20px; clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); } .elementor-nav-menu li.button:nth-of-type(2) { margin-right: 20px; clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); } .elementor-nav-menu li.button a { background: #C5EC43 !important; color: #02553D; text-transform: uppercase; font-weight: 600 !important; padding: 12px 0 !important; justify-content: center; } .mega-menu .e-n-menu-item ul.elementor-nav-menu { width: 100%; } .mega-menu .e-n-menu-item ul.elementor-nav-menu > li { width: 100%; padding-bottom: 0.5rem; border-bottom: 1px solid #8FB49E; } .mega-menu .e-n-menu-item ul.elementor-nav-menu figure.menu-icon { margin-right: 0.9rem; transition: all 0.2s; } .mega-menu .e-n-menu-item ul.elementor-nav-menu > li > a:hover figure.menu-icon { margin-right: 1.1rem; } .mega-menu .e-n-menu-item ul.elementor-nav-menu span.sub-arrow { position: absolute; right: 0; } .mega-menu .e-n-menu-item ul.sub-menu, #mobile_menu > .elementor-widget-container > .elementor-nav-menu--dropdown ul.sub-menu { display: block !important; } #mobile_menu > .elementor-widget-container > .elementor-nav-menu--dropdown li:not(.small) { border-bottom: 1px solid #8FB49E; } #mobile_menu ul.sub-menu { margin-top: -15px; margin-bottom: 5px; } .mega-menu .e-n-menu-item ul.sub-menu a, #mobile_menu ul.sub-menu a { border: none; } #mobile_menu ul.sub-menu a { border-left: 64px solid transparent; opacity: 0.8; } #mobile_menu > .elementor-widget-container > .elementor-nav-menu--dropdown > ul > li.small { border-left: calc(38px + 0.7rem) solid transparent; } #mobile_menu ul.elementor-nav-menu > li:nth-child(1 of li.small) { margin-top: 8px; } .elementor-widget-button.romb { clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 0% 100%); } .elementor-widget-button.romb-reverse { clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); } .elementor-widget-button.romb a, .elementor-widget-button.romb-reverse a { min-width: 160px; } .elementor-widget-theme-post-featured-image .elementor-widget-container { clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 100%); } .elementor-widget-theme-post-featured-image { aspect-ratio: 8/5; left: 0; bottom: 0; transition: all 0.2s; z-index: 1; } .elementor-widget-theme-post-featured-image::after { content: ''; position: absolute; width: 100%; height: 100%; left: -10px; bottom: -10px; background-image: url("https://kumbro.se/wp-content/uploads/2024/10/kumbro-path-bg-2.png"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: -1; transition: all 0.2s; } .e-loop-item.type-post:hover .elementor-widget-theme-post-featured-image { left: -5px; bottom: -5px; } .e-loop-item.type-post:hover .elementor-widget-theme-post-featured-image::after { left: 0; bottom: 0; } .e-loop-item.type-post h2 { position: relative; } .e-loop-item.type-post h2::after { content: ''; position: absolute; width: 0.85rem; height: 0.85rem; background-image: url("https://kumbro.se/wp-content/themes/hello-elementor-child/img/kumbro-right.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; bottom: 0.4rem; margin-left: 10px; transition: all 0.2s; } .e-loop-item.type-post:hover h2::after { margin-left: 14px; } .e-loop-item.type-post:hover a { text-decoration: none; } .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow { position: absolute; right: 20px; } .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow .e-font-icon-svg { height: 1em; width: 1em; fill: var(--e-global-color-primary); } .search .dialog-message { overflow: visible; max-width: 1120px; } #mobile_menu > .elementor-widget-container > .elementor-nav-menu--dropdown { height: calc(100vh - 85px) !important; padding-top: 35px; padding-bottom: 40px; } ol + h3, ol + h4, ol + h5 { margin-top: 2rem; } .frm_forms a { color: #04543d; text-decoration: underline; } /*# sourceMappingURL=style.css.map */