* {margin: 0; padding: 0; line-height: 1.5;} a {color: inherit;text-decoration: none;} ul, ol {list-style-type: none;} *, :after, :before { box-sizing: border-box; border: 0 solid #e2e8f0; } .bg-background {background-color: #FFFAFA;} .hover\:bg-background:hover {background-color: #FFFAFA;} .hover\:border-background:hover {border-color: #FFFAFA;} .hover\:text-background:hover {color: #FFFAFA;} .bg-error {background-color: #FF0000;} .hover\:bg-error:hover {background-color: #FF0000;} .hover\:border-error:hover {border-color: #FF0000;} .hover\:text-error:hover {color: #FF0000;} .bg-success {background-color: #4BB543;} .hover\:bg-success:hover {background-color: #4BB543;} .hover\:border-success:hover {border-color: #4BB543;} .hover\:text-success:hover {color: #4BB543;} .bg-primary {background-color: #548235;} .hover\:bg-primary:hover {background-color: #548235;} .hover\:border-primary:hover {border-color: #548235;} .hover\:text-primary:hover {color: #548235;} .bg-secondary {background-color: #c90;} .hover\:bg-secondary:hover {background-color: #c90;} .hover\:border-secondary:hover {border-color: #c90;} .hover\:text-secondary:hover {color: #c90;} .bg-white {background-color: #FFFFFF;} .hover\:bg-white:hover {background-color: #FFFFFF;} .hover\:border-white:hover {border-color: #FFFFFF;} .hover\:text-white:hover {color: #FFFFFF;} /* purgecss start ignore */ @tailwind base; @tailwind components; @tailwind utilities; @media (max-width: 1023px) { form .container div { gap:0 !important; margin-top:0 !important; margin-bottom:0 !important; } } form .container { padding:0 !important; } form .container .py-5 { padding:0 !important; } .block-text ul { list-style-type: disc; margin-left: 1rem !important; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } .vertical-position-0 { object-position: 50% 0%; } .vertical-position-20 { object-position: 50% 20%; } .vertical-position-33 { object-position: 50% 33%; } .vertical-position-50 { object-position: 50% 50%; } .vertical-position-66 { object-position: 50% 66%; } .vertical-position-80 { object-position: 50% 80%; } .vertical-position-100 { object-position: 50% 100%; } .block-gallery img { max-height:100% !important; width:100%; height:100%; } .block-gallery img:hover { filter: brightness(80%); } .block-grid img { max-height:initial !important; } .text-shadow { text-shadow: 1px 2px 2px rgba(0,0,0,0.5); } h1, h2, h3, h4, h5, h6 { color: #548235; } strong, b { } h1, h2, h3, h4, h5, h6 { line-height: 2rem; margin-bottom: 1.25rem; } .text-white h1, .text-white h2 { color:inherit !important; } ul, .button { line-height: 1rem; } p, .block-text ul { line-height: 2rem; } p, ul { margin-bottom:1rem; font-size: 1.125rem; } p a { --text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity)); font-weight: 700; border-bottom-width: 1px; --border-opacity: 1; border-color: #000; border-color: rgba(0, 0, 0, var(--border-opacity)); } p a:hover { border-bottom-width: 4px; } ::selection { background-color: #548235; color: #FFFFFF; } .text-h1 { font-size:2.6rem; } @media (min-width: 576px) { h1, .text-h1 { font-size:3rem !important; } } img:not(.original_proportions) { object-fit:cover; max-height:50vh; } img { width:100%; } .min-h-100 { min-height:100vh; } .-top-10 { top: -2.5rem; } /* purgecss end ignore */ * {font-family: Lato;} h2 {font-size: 1.6rem;} h3 {font-size: 2rem;} h1 {font-size: 2.6rem;} .space-y-5 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); margin-bottom: calc(1.25rem * var(--space-y-reverse));} .bg-white {background-color: #FFFFFF;} .border-black {--border-opacity: 1; border-color: #000; border-color: rgba(0, 0, 0, var(--border-opacity));} .rounded-full {border-radius: 9999px;} .border {border-width: 1px;} .border-t {border-top-width: 1px;} .cursor-pointer {cursor: pointer;} .block {display: block;} .inline-block {display: inline-block;} .flex {display: flex;} .grid {display: grid;} .hidden {display: none;} .flex-row-reverse {flex-direction: row-reverse;} .flex-col {flex-direction: column;} .flex-col-reverse {flex-direction: column-reverse;} .items-center {align-items: center;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .mx-auto {margin-left: auto; margin-right: auto;} .-mx-5 {margin-left: -1.25rem; margin-right: -1.25rem;} .mb-0 {margin-bottom: 0;} .mb-3 {margin-bottom: 0.75rem;} .mb-5 {margin-bottom: 1.25rem;} .-mr-10 {margin-right: -2.5rem;} .-ml-10 {margin-left: -2.5rem;} .opacity-0 {opacity: 0;} .overflow-hidden {overflow: hidden;} .overflow-x-hidden {overflow-x: hidden;} .p-2 {padding: 0.5rem;} .p-5 {padding: 1.25rem;} .py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;} .py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .py-5 {padding-top: 1.25rem; padding-bottom: 1.25rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .pt-5 {padding-top: 1.25rem;} .pb-5 {padding-bottom: 1.25rem;} .absolute {position: absolute;} .relative {position: relative;} .sticky {position: -webkit-sticky; position: sticky;} .top-0 {top: 0;} .right-0 {right: 0;} .bottom-0 {bottom: 0;} .left-0 {left: 0;} .shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .text-center {text-align: center;} .text-black {--text-opacity: 1; color: #000; color: rgba(0, 0, 0, var(--text-opacity));} .text-white {color: #FFFFFF;} .w-full {width: 100%;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .gap-5 {grid-gap: 1.25rem; gap: 1.25rem;} .gap-10 {grid-gap: 2.5rem; gap: 2.5rem;} .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .transition-all {transition-property: all;} .ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .duration-300 {transition-duration: 300ms;} .duration-500 {transition-duration: 500ms;} .bg-primary {background-color: #548235;} .text-primary {color: #548235;} .border-primary {border-color: #548235;} .bg-secondary {background-color: #c90;} .text-h1 {font-size: 2.6rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:bg-secondary {background-color: #c90;} .sm\:block {display: block;} .sm\:hidden {display: none;} .sm\:flex {display: flex;} .sm\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .sm\:bg-primary {background-color: #548235;} .sm\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .sm\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (min-width: 768px) { .container {max-width: 640px;} .md\:bg-secondary {background-color: #c90;} .md\:block {display: block;} .md\:hidden {display: none;} .md\:flex {display: flex;} .md\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .md\:bg-primary {background-color: #548235;} .md\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .md\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (min-width: 1024px) { .container {max-width: 768px;} .lg\:bg-secondary {background-color: #c90;} .lg\:block {display: block;} .lg\:hidden {display: none;} .lg\:flex {display: flex;} .lg\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .lg\:bg-primary {background-color: #548235;} .lg\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .lg\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (min-width: 1280px) { .container {max-width: 1024px;} .xl\:bg-secondary {background-color: #c90;} .xl\:block {display: block;} .xl\:hidden {display: none;} .xl\:flex {display: flex;} .xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .xl\:bg-primary {background-color: #548235;} .xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .xl\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (min-width: 1536px) { .container {max-width: 1280px;} .2xl\:bg-secondary {background-color: #c90;} .2xl\:block {display: block;} .2xl\:hidden {display: none;} .2xl\:flex {display: flex;} .2xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .2xl\:bg-primary {background-color: #548235;} .2xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .2xl\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .2xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .2xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .2xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} }