* {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: #4a007c;} .hover\:bg-background:hover {background-color: #4a007c;} .hover\:text-background:hover {color: #4a007c;} .bg-error {background-color: #FF0000;} .hover\:bg-error:hover {background-color: #FF0000;} .hover\:text-error:hover {color: #FF0000;} .bg-success {background-color: #4BB543;} .hover\:bg-success:hover {background-color: #4BB543;} .hover\:text-success:hover {color: #4BB543;} .bg-black {background-color: #23333a;} .hover\:bg-black:hover {background-color: #23333a;} .hover\:text-black:hover {color: #23333a;} .bg-primary {background-color: #4a007c;} .hover\:bg-primary:hover {background-color: #4a007c;} .hover\:text-primary:hover {color: #4a007c;} .bg-secondary {background-color: #f2fc2c;} .hover\:bg-secondary:hover {background-color: #f2fc2c;} .hover\:text-secondary:hover {color: #f2fc2c;} .bg-tertiary {background-color: #fcf202;} .hover\:bg-tertiary:hover {background-color: #fcf202;} .hover\:text-tertiary:hover {color: #fcf202;} .bg-white {background-color: #FFFFFF;} .hover\:bg-white:hover {background-color: #FFFFFF;} .hover\:text-white:hover {color: #FFFFFF;} /* purgecss start ignore */ @tailwind base; @tailwind components; @tailwind utilities; .text-shadow { text-shadow: 1px 1px 2px black; } form .container { padding:0 !important; } form .container .py-5 { padding:0 !important; } img { object-fit:cover; width:100%; height:auto; } .force-opacity { opacity:100 !important; margin:0 !important; } .tns-outer .grid { display:block !important; } button:hover, button:hover div { color:black !important; } .bg-mobile { background-color:rgba(0,0,0,0.5); } .block-form .space-y-5 > div { margin-top: 0 !important; margin-bottom: 0 !important; } .tns-nav { display: flex; justify-content: center; align-items: center; margin-top: 1.25rem; } .tns-nav button { background-color: #FFFFFF; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: all; border-radius: 9999px; border-width: 1px; border-color: #4a007c; border-width: 2px; width:1rem; height:1rem; margin-left:0.5rem; margin-right:0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); } .tns-nav button.tns-nav-active { background-color: #4a007c; } .bg-gradient { background: rgb(204, 102, 255); background: radial-gradient(circle, rgba(204, 102, 255, 1) 0%, rgba(74, 0, 124, 1) 100%); } img:not(.original-proportions) { max-height:460px; object-position:top !important; } .opacity-80 { opacity: .8; } .block-grid .block-grid { box-shadow:none !important; } .top-block { min-height:30vh; } .block-grid .bg-secondary { padding:0 !important; background:none !important; } .block-text ul { list-style-type: disc; margin-left: 1rem !important; } .top-image img { max-width:100% !important; min-height:100% !important; } .top-image div { height:100%; } .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; } h1, h2, h3, h4, h5, h6 { color: #4a007c; } strong, b { } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.25rem; text-transform: uppercase; font-weight: 600; } h1, h2 { line-height: 2.5rem; } h3, h4, h5, h6 { line-height: 2rem; } .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; } div, p { color: #FFFFFF; } p, div, p a:not(.button) { text-shadow: 1px 1px 2px black; } a:not(.text-white), button, button div, a.button, div.hamburger { text-shadow:none !important; } body p a:not(.button) { text-shadow: 1px 1px 2px black !important; } p a { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; } p a.text-white { border-color: #FFFFFF; } p a:hover { color: #fcf202; border-color: #fcf202; } ::selection { background-color: #4a007c; color: #FFFFFF; } h2 { font-size:1.6rem; } h3 { font-size:2rem; } h1, .text-h1 { font-size:2.6rem; } @media (min-width: 576px) { h1, .text-h1 { font-size:3rem !important; } } form button i { display:none !important; } input, textarea { color: #23333a; } img:not(.ib-image) { width:100%; border-radius:999rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border:5px solid yellow; } header img { border-radius:0 !important; box-shadow:none !important; border:0 !important; } .min-h-100 { min-height:100vh; } .-top-10 { top: -2.5rem; } /* purgecss end ignore */ * {font-family: Rubik;} h1 {font-size: 2rem;} .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-black {background-color: #23333a;} .bg-white {background-color: #FFFFFF;} .border-black {border-color: #23333a;} .border-white {border-color: #FFFFFF;} .rounded-full {border-radius: 9999px;} .border-2 {border-width: 2px;} .border-t-2 {border-top-width: 2px;} .cursor-pointer {cursor: pointer;} .block {display: block;} .inline-block {display: inline-block;} .flex {display: flex;} .inline-flex {display: inline-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;} .h-24 {height: 6rem;} .mx-auto {margin-left: auto; margin-right: auto;} .mb-0 {margin-bottom: 0;} .mb-3 {margin-bottom: 0.75rem;} .mb-5 {margin-bottom: 1.25rem;} .mt-10 {margin-top: 2.5rem;} .mb-10 {margin-bottom: 2.5rem;} .-mt-10 {margin-top: -2.5rem;} .-mb-10 {margin-bottom: -2.5rem;} .opacity-0 {opacity: 0;} .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;} .pb-2 {padding-bottom: 0.5rem;} .pt-5 {padding-top: 1.25rem;} .pb-5 {padding-bottom: 1.25rem;} .fixed {position: fixed;} .absolute {position: absolute;} .relative {position: relative;} .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 {color: #23333a;} .text-white {color: #FFFFFF;} .uppercase {text-transform: uppercase;} .w-24 {width: 6rem;} .w-full {width: 100%;} .z-10 {z-index: 10;} .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: #4a007c;} .text-primary {color: #4a007c;} .border-primary {border-color: #4a007c;} .bg-tertiary {background-color: #fcf202;} .text-tertiary {color: #fcf202;} .text-h1 {font-size: 2rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:hidden {display: none;} .sm\:mt-5 {margin-top: 1.25rem;} .sm\:block {display: block;} .sm\:bg-tertiary {background-color: #fcf202;} .sm\:text-black {color: #23333a;} .sm\:flex {display: flex;} .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\:pb-10 {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\:hidden {display: none;} .md\:mt-5 {margin-top: 1.25rem;} .md\:block {display: block;} .md\:bg-tertiary {background-color: #fcf202;} .md\:text-black {color: #23333a;} .md\:flex {display: flex;} .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\:pb-10 {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\:hidden {display: none;} .lg\:mt-5 {margin-top: 1.25rem;} .lg\:block {display: block;} .lg\:bg-tertiary {background-color: #fcf202;} .lg\:text-black {color: #23333a;} .lg\:flex {display: flex;} .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\:pb-10 {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\:hidden {display: none;} .xl\:mt-5 {margin-top: 1.25rem;} .xl\:block {display: block;} .xl\:bg-tertiary {background-color: #fcf202;} .xl\:text-black {color: #23333a;} .xl\:flex {display: flex;} .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\:pb-10 {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\:hidden {display: none;} .2xl\:mt-5 {margin-top: 1.25rem;} .2xl\:block {display: block;} .2xl\:bg-tertiary {background-color: #fcf202;} .2xl\:text-black {color: #23333a;} .2xl\:flex {display: flex;} .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\:pb-10 {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));} }