/* Base */
html, body {
box-sizing: border-box;
margin: 0;
padding: 0;
}
*, *:before, *:after {
box-sizing: inherit;
}
::selection {
background: #333333;
color: #ffffff;
text-shadow: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
hr {
border: 0;
border-top: 1px solid #cccccc;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.pg-empty-placeholder {
min-width: 100px;
}
/* Typography */
body {
font-family: Montserrat, sans-serif;
font-weight: 400;
line-height: 1.6;
background: #ffffff;
color: #333333;
}
html, body, .has-normal-font-size, .has-regular-font-size {
font-size: 15px;
}
.hero {
font-size: 3.8rem;
}
h1, .h1-size, .has-huge-font-size, .has-larger-font-size {
font-size: 2.5rem;
}
h2, .h2-size, .has-large-font-size {
font-size: 2rem;
}
h3, .h3-size {
font-size: 1.6rem;
}
h4, .h4-size, .lead-text, .has-medium-font-size {
font-size: 1.3rem;
}
.hero, h1, h2, h3, h4, h5, h6 {
font-family: Montserrat, sans-serif;
font-weight: 600;
color: #333333;
line-height: 1.2;
margin-top: 1.5rem;
margin-bottom: 1rem;
/* Manual word break with hyphens by adding in the word */
hyphens: manual;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
.normal {
font-weight: 400;
}
b, strong, .bold {
font-weight: 600;
}
i, em, .italic {
font-style: italic;
}
blockquote {
border-left: 1px solid #999999;
color: #999999;
font-style: italic;
margin: 1rem 0;
padding-left: 1rem;
}
.small-text, .has-small-font-size {
font-size: 0.9rem;
}
.meta-text {
color: #999999;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0;
}
.uppercase {
text-transform: uppercase;
}
.font-base {
font-family: Montserrat, sans-serif;
}
.font-heading {
font-family: Montserrat, sans-serif;
}
.line-height-lg {
line-height: 1.6;
}
.line-height-sm {
line-height: 1.2;
}
.hero:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
.wp-block-column h2, .wp-block-column h3, .wp-block-column h4, .wp-block-column h5, .wp-block-column h6 {
margin-top: 1rem;
}
.hero:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child {
margin-bottom: 0;
}
@media (max-width: 1279px) {
body, .has-normal-font-size, .has-regular-font-size {
font-size: 14.75px;
}
.hero {
font-size: 3.25rem;
}
h1, .h1-size, .has-huge-font-size, .has-larger-font-size {
font-size: 2.25rem;
}
h2, .h2-size, .has-large-font-size {
font-size: 1.85rem;
}
h3, .h3-size {
font-size: 1.525rem;
}
h4, .h4-size, .lead-text, .has-larger-font-size {
font-size: 1.275rem;
}
}
@media (max-width: 1023px) {
body, .has-normal-font-size, .has-regular-font-size {
font-size: 14.5px;
}
.hero {
font-size: 2.7rem;
}
h1, .h1-size, .has-huge-font-size, .has-larger-font-size {
font-size: 2rem;
}
h2, .h2-size, .has-large-font-size {
font-size: 1.7rem;
}
h3, .h3-size {
font-size: 1.45rem;
}
h4, .h4-size, .lead-text, .has-larger-font-size {
font-size: 1.25rem;
}
}
@media (max-width: 767px) {
body, .has-normal-font-size, .has-regular-font-size {
font-size: 14.25px;
}
.hero {
font-size: 2.15rem;
}
h1, .h1-size, .has-huge-font-size, .has-larger-font-size {
font-size: 1.75rem;
}
h2, .h2-size, .has-large-font-size {
font-size: 1.55rem;
}
h3, .h3-size {
font-size: 1.375rem;
}
h4, .h4-size, .lead-text, .has-larger-font-size {
font-size: 1.225rem;
}
}
@media (max-width: 511px) {
body, .has-normal-font-size, .has-regular-font-size {
font-size: 14px;
}
.hero {
font-size: 1.6rem;
}
h1, .h1-size, .has-huge-font-size, .has-larger-font-size {
font-size: 1.5rem;
}
h2, .h2-size, .has-large-font-size {
font-size: 1.4rem;
}
h3, .h3-size {
font-size: 1.3rem;
}
h4, .h4-size, .lead-text, .has-larger-font-size {
font-size: 1.2rem;
}
}
/* Links */
a {
color: #333333;
transition-duration: 0.3s;
text-decoration: underline;
}
a:hover {
color: #333333;
}
.light-link a, a.light-link {
color: rgba(255, 255, 255, 0.75);
}
.light-link a:hover, a.light-link:hover {
color: #ffffff;
}
.dark-link a, a.dark-link {
color: #333333;
}
.dark-link a:hover, a.dark-link:hover {
color: #FFCEBA;
}
.underlined-link a, a.underlined-link {
border-bottom: 1px solid #cccccc;
padding-bottom: 2px;
}
.underlined-link a:hover, a.underlined-link:hover {
border-bottom: 1px solid #0D2F2D;
}
.light-link.underlined-link a, a.light-link.underlined-link {
border-bottom: 1px solid #999999;
padding-bottom: 2px;
}
.light-link.underlined-link a:hover, a.light-link.underlined-link:hover {
border-bottom: 1px solid #ffffff !important;
}
/* Icon Link */
.icon-link {
display: flex;
align-items: center;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.icon-link svg {
margin-right: 0.5rem;
width: 0.8rem !important;
height: 0.8rem !important;
}
.icon-link svg path {
fill: #FFCEBA;
transition-duration: 0.3s !important;
}
.icon-link:hover svg path {
fill: #0D2F2D;
}
/* Icon Link Inverted */
.icon-link.inverted {
color: #ffffff;
}
.icon-link.inverted svg path {
fill: #ffffff;
}
.icon-link.inverted:hover {
color: #0D2F2D;
}
.icon-link.inverted:hover svg path {
fill: #0D2F2D;
}
/* Buttons */
.button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type=submit] {
background: #FFCEBA;
color: #333333;
border-radius: 2rem;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
text-transform: none;
font-family: Montserrat, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.2;
padding: 0 2rem;
height: 3rem;
transition-duration: 0.3s;
cursor: pointer;
outline: none;
}
.button:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, input[type=submit]:hover {
background: #0D2F2D;
color: #ffffff;
border-radius: 2rem;
}
.button.outline, .is-style-outline .wp-block-button__link {
background-color: transparent;
border: 1px solid #FFCEBA;
color: #FFCEBA;
}
.button.outline svg path {
fill: #FFCEBA;
transition-duration: 0.3s;
}
.button.outline:hover, .is-style-outline .wp-block-button__link:hover {
background: #FFCEBA;
color: #ffffff;
}
.button.outline:hover svg path {
fill: #FFCEBA;
transition-duration: 0.3s;
}
.button.button-sm, .button-sm .wp-block-button__link, .wp-block-file .wp-block-file__button {
height: 2.5rem;
padding: 0 1.5rem;
font-size: 0.9rem;
}
.button.button-lg, .button-lg .wp-block-button__link {
height: 4rem;
padding: 0 3rem;
font-size: 1.2rem;
}
.icon {
border-radius: 2rem !important;
width: 3rem;
padding: 0;
}
.icon svg {
width: 2rem;
height: 2rem;
}
.icon svg path {
fill: #333333;
transition-duration: 0.3s;
}
.icon:hover svg path {
fill: #ffffff;
transition-duration: 0.3s;
}
.icon.outline svg path {
fill: #FFCEBA;
}
.icon.outline:hover svg path {
fill: #ffffff;
}
.icon-left svg {
margin-right: 0.5rem;
width: 1.5rem;
height: 1.5rem;
}
.icon-right svg {
margin-left: 0.5rem;
width: 1.5rem;
height: 1.5rem;
}
.icon-left svg path, .icon-right svg path {
fill: #333333;
transition-duration: 0.3s;
}
.icon-left:hover svg path, .icon-right:hover svg path {
fill: #ffffff;
}
/* Buttons Inverted */
.button.inverted {
background: #ffffff;
color: #333333;
}
.button.inverted svg path {
fill: #333333;
transition-duration: 0.3s;
}
.button.inverted:hover {
background: #0D2F2D;
color: #ffffff;
}
.button.inverted:hover svg path {
fill: #ffffff;
}
.button.inverted.outline {
background: transparent;
border: 1px solid #ffffff;
color: #ffffff;
}
.button.inverted.outline:hover {
background: #ffffff;
border: 1px solid #ffffff;
color: #333333;
}
.button.inverted.outline svg path {
fill: #ffffff;
}
.button.inverted.outline:hover svg path {
fill: #333333;
}
/* Button Layout */
.button-group {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.button-group-gap-2 {
margin-bottom: -1rem;
}
.button-group-gap-2 a {
margin-right: 1rem;
margin-bottom: 1rem;
}
.button-group-gap-1 {
margin-bottom: -0.5rem;
}
.button-group-gap-1 a {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
/* List styles */
.list-divider, .list-divider ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.list-divider li, .list-divider ul li {
border-bottom: 1px solid #cccccc;
display: block;
padding: 1em 0;
width: 100%;
}
.list-divider li:last-child, .list-divider ul li:last-child {
border-bottom: none;
}
.list-striped, .list-striped ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.list-striped li, .list-striped ul li {
display: block;
padding: 0.5em 1em;
width: 100%;
}
.list-striped li:nth-child(odd), .list-striped ul li:nth-child(odd) {
background: #f6f6f6;
}
.list-chevron, .list-chevron ul {
margin: 0;
padding: 0;
list-style: none;
}
.list-chevron li, .list-chevron ul li {
padding: 0.25em 1em;
position: relative;
}
.list-chevron li:before, .list-chevron ul li:before {
content: "";
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #333333;
width: 0.4em;
height: 0.4em;
transform: rotate(45deg);
position: absolute;
left: 0;
top: 0.8em;
}
.list-check-mark, .list-check-mark ul {
margin: 0;
padding: 0;
list-style: none;
}
.list-check-mark li, .list-check-mark ul li {
padding: 0.25em 1.2em;
position: relative;
}
.list-check-mark li:before, .list-check-mark ul li:before {
content: "";
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #333333;
width: 0.8em;
height: 0.4em;
transform: rotate(135deg);
position: absolute;
left: 0;
top: 0.65em;
}
/* Styles */
.border-radius {
border-radius: 0.25rem;
}
.box-shadow-3 {
box-shadow: 0px 0px 2.5rem -0.5rem rgba(0, 0, 0, 0.2);
}
.box-shadow-2 {
box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.2);
}
.box-shadow-1 {
box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.2);
}
/* Navigation */
.horizontal-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style-type: none;
}
.vertical-list {
margin: 0;
padding: 0;
}
.vertical-list li {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
.horizontal-list a, .vertical-list a {
display: block;
}
/* Table Style */
table {
border-collapse: collapse;
width: 100%;
}
table tr {
transition-duration: 0.3s;
}
table td {
padding: 0.5rem 1rem;
}
.table-divider tr {
border-bottom: 1px solid #cccccc;
}
.table-striped tr:nth-child(odd) {
background: #f6f6f6;
}
.table-hover tr:hover {
background: #cccccc;
}
/* Image */
.background-image-absolute {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: -1;
}
/* Section */
.section-wrapper {
width: 100%;
padding: calc(min(6vw, 80px) + 20px) 5vw;
}
.section-content {
margin-left: auto;
margin-right: auto;
max-width: 1500px;
width: 100%;
}
@media (max-width: 511px) {
.section-wrapper {
padding: 40px 12px;
}
}
@media (max-width: 319px) {
.section-wrapper {
padding: 30px 15px;
}
}
.a-remove-section-padding-left {
padding-left: 0;
}
.a-remove-section-padding-right {
padding-right: 0;
}
@media (min-width: 1536px) {
.xxl-remove-section-padding-left {
padding-left: 0;
}
.xxl-remove-section-padding-right {
padding-right: 0;
}
}
@media (min-width: 1280px) {
.xl-remove-section-padding-left {
padding-left: 0;
}
.xl-remove-section-padding-right {
padding-right: 0;
}
}
@media (min-width: 1024px) {
.lg-remove-section-padding-left {
padding-left: 0;
}
.lg-remove-section-padding-right {
padding-right: 0;
}
}
@media (min-width: 768px) {
.md-remove-section-padding-left {
padding-left: 0;
}
.md-remove-section-padding-right {
padding-right: 0;
}
}
@media (min-width: 512px) {
.sm-remove-section-padding-left {
padding-left: 0;
}
.sm-remove-section-padding-right {
padding-right: 0;
}
}
/* Form Style */
input, textarea {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #cccccc;
background: #ffffff;
color: #333333;
padding: 0 1.5rem;
width: 100%;
transition-duration: 0.3s;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
font-size: inherit;
}
input {
height: 3rem;
line-height: 1.2;
}
textarea {
padding: 1.1rem 1.5rem;
line-height: 1.6;
min-height: 150px;
}
input:hover, textarea:hover {
background: #ffffff;
border-color: #999999;
}
input:focus, textarea:focus {
background: #ffffff;
border-color: #FFCEBA;
}
::placeholder {
color: #999999;
}
.inverted input, .inverted textarea {
background: rgba(255, 255, 255, 0.75);
color: #333333;
border-color: rgba(255, 255, 255, 0);
}
.inverted input:hover, .inverted textarea:hover {
background: #ffffff;
border-color: rgba(255, 255, 255, 0);
}
.inverted input:focus, .inverted textarea:focus {
background: #ffffff;
border-color: rgba(255, 255, 255, 0);
}
.inverted input::placeholder, .inverted textarea::placeholder {
color: #999999;
}
/* Cookie Notice */
.cookie-notice-wrapper {
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: auto;
border-radius: 0.25rem;
box-shadow: 0px 0px 2.5rem -0.5rem rgba(0, 0, 0, 0.2);
z-index: 9000000;
}
/* 404 */
.four-o-four-section h1 {
font-size: 10em;
color: #cccccc;
}
@media (max-width: 511px) {
.four-o-four-section h1 {
font-size: 6em;
}
}
/* Utility */
/* Display */
.a-block {
display: block;
}
.a-inline {
display: inline;
}
.a-inline-block {
display: inline-block;
}
.a-flex {
display: flex;
}
.a-grid {
display: grid;
}
.a-none {
display: none;
}
@media (max-width: 1279px) {
.xl-block {
display: block;
}
.xl-inline {
display: inline;
}
.xl-inline-block {
display: inline-block;
}
.xl-flex {
display: flex;
}
.xl-grid {
display: grid;
}
.xl-none {
display: none;
}
}
@media (max-width: 1023px) {
.lg-block {
display: block;
}
.lg-inline {
display: inline;
}
.lg-inline-block {
display: inline-block;
}
.lg-flex {
display: flex;
}
.lg-grid {
display: grid;
}
.lg-none {
display: none;
}
}
@media (max-width: 767px) {
.md-block {
display: block;
}
.md-inline {
display: inline;
}
.md-inline-block {
display: inline-block;
}
.md-flex {
display: flex;
}
.md-grid {
display: grid;
}
.md-none {
display: none;
}
}
@media (max-width: 511px) {
.sm-block {
display: block;
}
.sm-inline {
display: inline;
}
.sm-inline-block {
display: inline-block;
}
.sm-flex {
display: flex;
}
.sm-grid {
display: grid;
}
.sm-none {
display: none;
}
}
/* Position */
.a-relative {
position: relative;
}
.a-fixed {
position: fixed;
}
.a-sticky {
position: sticky;
}
/* Flexbox */
.a-direction-row {
flex-direction: row;
}
.a-direction-column {
flex-direction: column;
}
.a-wrap {
flex-wrap: wrap;
}
.a-nowrap {
flex-wrap: nowrap;
}
.a-justify-start {
justify-content: flex-start;
}
.a-justify-center {
justify-content: center;
}
.a-justify-end {
justify-content: flex-end;
}
.a-justify-space-around {
justify-content: space-around;
}
.a-justify-space-between {
justify-content: space-between;
}
.a-align-start {
align-items: flex-start;
}
.a-align-center {
align-items: center;
}
.a-align-end {
align-items: flex-end;
}
.a-align-stretch {
align-items: stretch;
}
@media (max-width: 1279px) {
.xl-direction-row {
flex-direction: row;
}
.xl-direction-column {
flex-direction: column;
}
.xl-wrap {
flex-wrap: wrap;
}
.xl-nowrap {
flex-wrap: nowrap;
}
.xl-justify-start {
justify-content: flex-start;
}
.xl-justify-center {
justify-content: center;
}
.xl-justify-end {
justify-content: flex-end;
}
.xl-justify-space-around {
justify-content: space-around;
}
.xl-justify-space-between {
justify-content: space-between;
}
.xl-align-start {
align-items: flex-start;
}
.xl-align-center {
align-items: center;
}
.xl-align-end {
align-items: flex-end;
}
.xl-align-stretch {
align-items: stretch;
}
}
@media (max-width: 1023px) {
.lg-direction-row {
flex-direction: row;
}
.lg-direction-column {
flex-direction: column;
}
.lg-wrap {
flex-wrap: wrap;
}
.lg-nowrap {
flex-wrap: nowrap;
}
.lg-justify-start {
justify-content: flex-start;
}
.lg-justify-center {
justify-content: center;
}
.lg-justify-end {
justify-content: flex-end;
}
.lg-justify-space-around {
justify-content: space-around;
}
.lg-justify-space-between {
justify-content: space-between;
}
.lg-align-start {
align-items: flex-start;
}
.lg-align-center {
align-items: center;
}
.lg-align-end {
align-items: flex-end;
}
.lg-align-stretch {
align-items: stretch;
}
}
@media (max-width: 767px) {
.md-direction-row {
flex-direction: row;
}
.md-direction-column {
flex-direction: column;
}
.md-wrap {
flex-wrap: wrap;
}
.md-nowrap {
flex-wrap: nowrap;
}
.md-justify-start {
justify-content: flex-start;
}
.md-justify-center {
justify-content: center;
}
.md-justify-end {
justify-content: flex-end;
}
.md-justify-space-around {
justify-content: space-around;
}
.md-justify-space-between {
justify-content: space-between;
}
.md-align-start {
align-items: flex-start;
}
.md-align-center {
align-items: center;
}
.md-align-end {
align-items: flex-end;
}
.md-align-stretch {
align-items: stretch;
}
}
@media (max-width: 511px) {
.sm-direction-row {
flex-direction: row;
}
.sm-direction-column {
flex-direction: column;
}
.sm-wrap {
flex-wrap: wrap;
}
.sm-nowrap {
flex-wrap: nowrap;
}
.sm-justify-start {
justify-content: flex-start;
}
.sm-justify-center {
justify-content: center;
}
.sm-justify-end {
justify-content: flex-end;
}
.sm-justify-space-around {
justify-content: space-around;
}
.sm-justify-space-between {
justify-content: space-between;
}
.sm-align-start {
align-items: flex-start;
}
.sm-align-center {
align-items: center;
}
.sm-align-end {
align-items: flex-end;
}
.sm-align-stretch {
align-items: stretch;
}
}
/* Grid */
.a-columns-1 {
grid-template-columns: 1fr;
}
.a-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.a-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.a-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.a-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.a-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.a-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.a-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.a-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.a-rows-1 {
grid-template-rows: 1fr;
}
.a-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
.a-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
.a-rows-4 {
grid-template-rows: repeat(4, 1fr);
}
.a-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
.a-rows-6 {
grid-template-rows: repeat(6, 1fr);
}
.a-rows-7 {
grid-template-rows: repeat(7, 1fr);
}
.a-rows-8 {
grid-template-rows: repeat(8, 1fr);
}
.a-rows-9 {
grid-template-rows: repeat(9, 1fr);
}
.a-column-start-1 {
grid-column-start: 1;
}
.a-column-start-2 {
grid-column-start: 2;
}
.a-column-start-3 {
grid-column-start: 3;
}
.a-column-start-4 {
grid-column-start: 4;
}
.a-column-start-5 {
grid-column-start: 5;
}
.a-column-start-6 {
grid-column-start: 6;
}
.a-column-start-7 {
grid-column-start: 7;
}
.a-column-start-8 {
grid-column-start: 8;
}
.a-row-start-1 {
grid-row-start: 1;
}
.a-row-start-2 {
grid-row-start: 2;
}
.a-row-start-3 {
grid-row-start: 3;
}
.a-row-start-4 {
grid-row-start: 4;
}
.a-row-start-5 {
grid-row-start: 5;
}
.a-row-start-6 {
grid-row-start: 6;
}
.a-row-start-7 {
grid-row-start: 7;
}
.a-row-start-8 {
grid-row-start: 8;
}
.a-row-start-9 {
grid-row-start: 9;
}
.a-column-span-1 {
grid-column-end: span 1;
}
.a-column-span-2 {
grid-column-end: span 2;
}
.a-column-span-3 {
grid-column-end: span 3;
}
.a-column-span-4 {
grid-column-end: span 4;
}
.a-column-span-5 {
grid-column-end: span 5;
}
.a-column-span-6 {
grid-column-end: span 6;
}
.a-column-span-7 {
grid-column-end: span 7;
}
.a-column-span-8 {
grid-column-end: span 8;
}
.a-column-span-9 {
grid-column-end: span 9;
}
.a-column-span-all {
grid-column: 1 / -1;
}
.a-row-span-1 {
grid-row-end: span 1;
}
.a-row-span-2 {
grid-row-end: span 2;
}
.a-row-span-3 {
grid-row-end: span 3;
}
.a-row-span-4 {
grid-row-end: span 4;
}
.a-row-span-5 {
grid-row-end: span 5;
}
.a-row-span-6 {
grid-row-end: span 6;
}
.a-row-span-7 {
grid-row-end: span 7;
}
.a-row-span-8 {
grid-row-end: span 8;
}
.a-row-span-9 {
grid-row-end: span 9;
}
.a-row-span-all {
grid-row: 1 / -1;
}
.a-gap-6 {
grid-gap: 6rem;
}
.a-gap-5 {
grid-gap: 5rem;
}
.a-gap-4 {
grid-gap: 4rem;
}
.a-gap-3 {
grid-gap: 3rem;
}
.a-gap-2 {
grid-gap: 2rem;
}
.a-gap-1 {
grid-gap: 1rem;
}
@media (max-width: 1279px) {
.xl-columns-1 {
grid-template-columns: 1fr;
}
.xl-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.xl-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.xl-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.xl-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.xl-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.xl-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.xl-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.xl-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.xl-rows-1 {
grid-template-rows: 1fr;
}
.xl-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
.xl-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
.xl-rows-4 {
grid-template-rows: repeat(4, 1fr);
}
.xl-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
.xl-rows-6 {
grid-template-rows: repeat(6, 1fr);
}
.xl-rows-7 {
grid-template-rows: repeat(7, 1fr);
}
.xl-rows-8 {
grid-template-rows: repeat(8, 1fr);
}
.xl-rows-9 {
grid-template-rows: repeat(9, 1fr);
}
.xl-column-start-1 {
grid-column-start: 1;
}
.xl-column-start-2 {
grid-column-start: 2;
}
.xl-column-start-3 {
grid-column-start: 3;
}
.xl-column-start-4 {
grid-column-start: 4;
}
.xl-column-start-5 {
grid-column-start: 5;
}
.xl-column-start-6 {
grid-column-start: 6;
}
.xl-column-start-7 {
grid-column-start: 7;
}
.xl-column-start-8 {
grid-column-start: 8;
}
.xl-row-start-1 {
grid-row-start: 1;
}
.xl-row-start-2 {
grid-row-start: 2;
}
.xl-row-start-3 {
grid-row-start: 3;
}
.xl-row-start-4 {
grid-row-start: 4;
}
.xl-row-start-5 {
grid-row-start: 5;
}
.xl-row-start-6 {
grid-row-start: 6;
}
.xl-row-start-7 {
grid-row-start: 7;
}
.xl-row-start-8 {
grid-row-start: 8;
}
.xl-row-start-9 {
grid-row-start: 9;
}
.xl-column-span-1 {
grid-column-end: span 1;
}
.xl-column-span-2 {
grid-column-end: span 2;
}
.xl-column-span-3 {
grid-column-end: span 3;
}
.xl-column-span-4 {
grid-column-end: span 4;
}
.xl-column-span-5 {
grid-column-end: span 5;
}
.xl-column-span-6 {
grid-column-end: span 6;
}
.xl-column-span-7 {
grid-column-end: span 7;
}
.xl-column-span-8 {
grid-column-end: span 8;
}
.xl-column-span-9 {
grid-column-end: span 9;
}
.xl-column-span-all {
grid-column: 1 / -1;
}
.xl-row-span-1 {
grid-row-end: span 1;
}
.xl-row-span-2 {
grid-row-end: span 2;
}
.xl-row-span-3 {
grid-row-end: span 3;
}
.xl-row-span-4 {
grid-row-end: span 4;
}
.xl-row-span-5 {
grid-row-end: span 5;
}
.xl-row-span-6 {
grid-row-end: span 6;
}
.xl-row-span-7 {
grid-row-end: span 7;
}
.xl-row-span-8 {
grid-row-end: span 8;
}
.xl-row-span-9 {
grid-row-end: span 9;
}
.xl-row-span-all {
grid-row: 1 / -1;
}
.xl-gap-6 {
grid-gap: 6rem;
}
.xl-gap-5 {
grid-gap: 5rem;
}
.xl-gap-4 {
grid-gap: 4rem;
}
.xl-gap-3 {
grid-gap: 3rem;
}
.xl-gap-2 {
grid-gap: 2rem;
}
.xl-gap-1 {
grid-gap: 1rem;
}
}
@media (max-width: 1023px) {
.lg-columns-1 {
grid-template-columns: 1fr;
}
.lg-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.lg-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.lg-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.lg-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.lg-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.lg-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.lg-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.lg-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.lg-rows-1 {
grid-template-rows: 1fr;
}
.lg-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
.lg-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
.lg-rows-4 {
grid-template-rows: repeat(4, 1fr);
}
.lg-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
.lg-rows-6 {
grid-template-rows: repeat(6, 1fr);
}
.lg-rows-7 {
grid-template-rows: repeat(7, 1fr);
}
.lg-rows-8 {
grid-template-rows: repeat(8, 1fr);
}
.lg-rows-9 {
grid-template-rows: repeat(9, 1fr);
}
.lg-column-start-1 {
grid-column-start: 1;
}
.lg-column-start-2 {
grid-column-start: 2;
}
.lg-column-start-3 {
grid-column-start: 3;
}
.lg-column-start-4 {
grid-column-start: 4;
}
.lg-column-start-5 {
grid-column-start: 5;
}
.lg-column-start-6 {
grid-column-start: 6;
}
.lg-column-start-7 {
grid-column-start: 7;
}
.lg-column-start-8 {
grid-column-start: 8;
}
.lg-row-start-1 {
grid-row-start: 1;
}
.lg-row-start-2 {
grid-row-start: 2;
}
.lg-row-start-3 {
grid-row-start: 3;
}
.lg-row-start-4 {
grid-row-start: 4;
}
.lg-row-start-5 {
grid-row-start: 5;
}
.lg-row-start-6 {
grid-row-start: 6;
}
.lg-row-start-7 {
grid-row-start: 7;
}
.lg-row-start-8 {
grid-row-start: 8;
}
.lg-row-start-9 {
grid-row-start: 9;
}
.lg-column-span-1 {
grid-column-end: span 1;
}
.lg-column-span-2 {
grid-column-end: span 2;
}
.lg-column-span-3 {
grid-column-end: span 3;
}
.lg-column-span-4 {
grid-column-end: span 4;
}
.lg-column-span-5 {
grid-column-end: span 5;
}
.lg-column-span-6 {
grid-column-end: span 6;
}
.lg-column-span-7 {
grid-column-end: span 7;
}
.lg-column-span-8 {
grid-column-end: span 8;
}
.lg-column-span-9 {
grid-column-end: span 9;
}
.lg-column-span-all {
grid-column: 1 / -1;
}
.lg-row-span-1 {
grid-row-end: span 1;
}
.lg-row-span-2 {
grid-row-end: span 2;
}
.lg-row-span-3 {
grid-row-end: span 3;
}
.lg-row-span-4 {
grid-row-end: span 4;
}
.lg-row-span-5 {
grid-row-end: span 5;
}
.lg-row-span-6 {
grid-row-end: span 6;
}
.lg-row-span-7 {
grid-row-end: span 7;
}
.lg-row-span-8 {
grid-row-end: span 8;
}
.lg-row-span-9 {
grid-row-end: span 9;
}
.lg-row-span-all {
grid-row: 1 / -1;
}
.lg-gap-6 {
grid-gap: 6rem;
}
.lg-gap-5 {
grid-gap: 5rem;
}
.lg-gap-4 {
grid-gap: 4rem;
}
.lg-gap-3 {
grid-gap: 3rem;
}
.lg-gap-2 {
grid-gap: 2rem;
}
.lg-gap-1 {
grid-gap: 1rem;
}
}
@media (max-width: 767px) {
.md-columns-1 {
grid-template-columns: 1fr;
}
.md-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.md-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.md-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.md-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.md-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.md-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.md-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.md-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.md-rows-1 {
grid-template-rows: 1fr;
}
.md-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
.md-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
.md-rows-4 {
grid-template-rows: repeat(4, 1fr);
}
.md-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
.md-rows-6 {
grid-template-rows: repeat(6, 1fr);
}
.md-rows-7 {
grid-template-rows: repeat(7, 1fr);
}
.md-rows-8 {
grid-template-rows: repeat(8, 1fr);
}
.md-rows-9 {
grid-template-rows: repeat(9, 1fr);
}
.md-column-start-1 {
grid-column-start: 1;
}
.md-column-start-2 {
grid-column-start: 2;
}
.md-column-start-3 {
grid-column-start: 3;
}
.md-column-start-4 {
grid-column-start: 4;
}
.md-column-start-5 {
grid-column-start: 5;
}
.md-column-start-6 {
grid-column-start: 6;
}
.md-column-start-7 {
grid-column-start: 7;
}
.md-column-start-8 {
grid-column-start: 8;
}
.md-row-start-1 {
grid-row-start: 1;
}
.md-row-start-2 {
grid-row-start: 2;
}
.md-row-start-3 {
grid-row-start: 3;
}
.md-row-start-4 {
grid-row-start: 4;
}
.md-row-start-5 {
grid-row-start: 5;
}
.md-row-start-6 {
grid-row-start: 6;
}
.md-row-start-7 {
grid-row-start: 7;
}
.md-row-start-8 {
grid-row-start: 8;
}
.md-row-start-9 {
grid-row-start: 9;
}
.md-column-span-1 {
grid-column-end: span 1;
}
.md-column-span-2 {
grid-column-end: span 2;
}
.md-column-span-3 {
grid-column-end: span 3;
}
.md-column-span-4 {
grid-column-end: span 4;
}
.md-column-span-5 {
grid-column-end: span 5;
}
.md-column-span-6 {
grid-column-end: span 6;
}
.md-column-span-7 {
grid-column-end: span 7;
}
.md-column-span-8 {
grid-column-end: span 8;
}
.md-column-span-9 {
grid-column-end: span 9;
}
.md-column-span-all {
grid-column: 1 / -1;
}
.md-row-span-1 {
grid-row-end: span 1;
}
.md-row-span-2 {
grid-row-end: span 2;
}
.md-row-span-3 {
grid-row-end: span 3;
}
.md-row-span-4 {
grid-row-end: span 4;
}
.md-row-span-5 {
grid-row-end: span 5;
}
.md-row-span-6 {
grid-row-end: span 6;
}
.md-row-span-7 {
grid-row-end: span 7;
}
.md-row-span-8 {
grid-row-end: span 8;
}
.md-row-span-9 {
grid-row-end: span 9;
}
.md-row-span-all {
grid-row: 1 / -1;
}
.md-gap-6 {
grid-gap: 6rem;
}
.md-gap-5 {
grid-gap: 5rem;
}
.md-gap-4 {
grid-gap: 4rem;
}
.md-gap-3 {
grid-gap: 3rem;
}
.md-gap-2 {
grid-gap: 2rem;
}
.md-gap-1 {
grid-gap: 1rem;
}
}
@media (max-width: 511px) {
.sm-columns-1 {
grid-template-columns: 1fr;
}
.sm-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.sm-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.sm-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.sm-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.sm-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.sm-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.sm-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.sm-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.sm-rows-1 {
grid-template-rows: 1fr;
}
.sm-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
.sm-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
.sm-rows-4 {
grid-template-rows: repeat(4, 1fr);
}
.sm-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
.sm-rows-6 {
grid-template-rows: repeat(6, 1fr);
}
.sm-rows-7 {
grid-template-rows: repeat(7, 1fr);
}
.sm-rows-8 {
grid-template-rows: repeat(8, 1fr);
}
.sm-rows-9 {
grid-template-rows: repeat(9, 1fr);
}
.sm-column-start-1 {
grid-column-start: 1;
}
.sm-column-start-2 {
grid-column-start: 2;
}
.sm-column-start-3 {
grid-column-start: 3;
}
.sm-column-start-4 {
grid-column-start: 4;
}
.sm-column-start-5 {
grid-column-start: 5;
}
.sm-column-start-6 {
grid-column-start: 6;
}
.sm-column-start-7 {
grid-column-start: 7;
}
.sm-column-start-8 {
grid-column-start: 8;
}
.sm-row-start-1 {
grid-row-start: 1;
}
.sm-row-start-2 {
grid-row-start: 2;
}
.sm-row-start-3 {
grid-row-start: 3;
}
.sm-row-start-4 {
grid-row-start: 4;
}
.sm-row-start-5 {
grid-row-start: 5;
}
.sm-row-start-6 {
grid-row-start: 6;
}
.sm-row-start-7 {
grid-row-start: 7;
}
.sm-row-start-8 {
grid-row-start: 8;
}
.sm-row-start-9 {
grid-row-start: 9;
}
.sm-column-span-1 {
grid-column-end: span 1;
}
.sm-column-span-2 {
grid-column-end: span 2;
}
.sm-column-span-3 {
grid-column-end: span 3;
}
.sm-column-span-4 {
grid-column-end: span 4;
}
.sm-column-span-5 {
grid-column-end: span 5;
}
.sm-column-span-6 {
grid-column-end: span 6;
}
.sm-column-span-7 {
grid-column-end: span 7;
}
.sm-column-span-8 {
grid-column-end: span 8;
}
.sm-column-span-9 {
grid-column-end: span 9;
}
.sm-column-span-all {
grid-column: 1 / -1;
}
.sm-row-span-1 {
grid-row-end: span 1;
}
.sm-row-span-2 {
grid-row-end: span 2;
}
.sm-row-span-3 {
grid-row-end: span 3;
}
.sm-row-span-4 {
grid-row-end: span 4;
}
.sm-row-span-5 {
grid-row-end: span 5;
}
.sm-row-span-6 {
grid-row-end: span 6;
}
.sm-row-span-7 {
grid-row-end: span 7;
}
.sm-row-span-8 {
grid-row-end: span 8;
}
.sm-row-span-9 {
grid-row-end: span 9;
}
.sm-row-span-all {
grid-row: 1 / -1;
}
.sm-gap-6 {
grid-gap: 6rem;
}
.sm-gap-5 {
grid-gap: 5rem;
}
.sm-gap-4 {
grid-gap: 4rem;
}
.sm-gap-3 {
grid-gap: 3rem;
}
.sm-gap-2 {
grid-gap: 2rem;
}
.sm-gap-1 {
grid-gap: 1rem;
}
}
/* Responsive Grid Gap */
.r-gap-6 {
grid-gap: 6rem;
}
.r-gap-5 {
grid-gap: 5rem;
}
.r-gap-4 {
grid-gap: 4rem;
}
.r-gap-3 {
grid-gap: 3rem;
}
.r-gap-2 {
grid-gap: 2rem;
}
.r-gap-1 {
grid-gap: 1rem;
}
@media (max-width: 1279px) {
.r-gap-6 {
grid-gap: 5.4rem;
}
.r-gap-5 {
grid-gap: 4.5rem;
}
.r-gap-4 {
grid-gap: 3.6rem;
}
.r-gap-3 {
grid-gap: 2.7rem;
}
.r-gap-2 {
grid-gap: 1.9rem;
}
.r-gap-1 {
grid-gap: 1rem;
}
}
@media (max-width: 1023px) {
.r-gap-6 {
grid-gap: 4.8rem;
}
.r-gap-5 {
grid-gap: 4rem;
}
.r-gap-4 {
grid-gap: 3.2rem;
}
.r-gap-3 {
grid-gap: 2.4rem;
}
.r-gap-2 {
grid-gap: 1.8rem;
}
.r-gap-1 {
grid-gap: 0.95rem;
}
}
@media (max-width: 767px) {
.r-gap-6 {
grid-gap: 4.2rem;
}
.r-gap-5 {
grid-gap: 3.5rem;
}
.r-gap-4 {
grid-gap: 2.8rem;
}
.r-gap-3 {
grid-gap: 2.1rem;
}
.r-gap-2 {
grid-gap: 1.7rem;
}
.r-gap-1 {
grid-gap: 0.9rem;
}
}
@media (max-width: 511px) {
.r-gap-6 {
grid-gap: 3.6rem;
}
.r-gap-5 {
grid-gap: 3rem;
}
.r-gap-4 {
grid-gap: 2.4rem;
}
.r-gap-3 {
grid-gap: 1.8rem;
}
.r-gap-2 {
grid-gap: 1.6rem;
}
.r-gap-1 {
grid-gap: 0.85rem;
}
}
/* Order */
.a-order-0 {
order: 0;
}
.a-order-1 {
order: 1;
}
.a-order-2 {
order: 2;
}
.a-order-3 {
order: 3;
}
.a-order-4 {
order: 4;
}
.a-order-5 {
order: 5;
}
.a-order-6 {
order: 6;
}
.a-order-7 {
order: 7;
}
.a-order-8 {
order: 8;
}
.a-order-9 {
order: 9;
}
@media (max-width: 1279px) {
.xl-order-0 {
order: 0;
}
.xl-order-1 {
order: 1;
}
.xl-order-2 {
order: 2;
}
.xl-order-3 {
order: 3;
}
.xl-order-4 {
order: 4;
}
.xl-order-5 {
order: 5;
}
.xl-order-6 {
order: 6;
}
.xl-order-7 {
order: 7;
}
.xl-order-8 {
order: 8;
}
.xl-order-9 {
order: 9;
}
}
@media (max-width: 1023px) {
.lg-order-0 {
order: 0;
}
.lg-order-1 {
order: 1;
}
.lg-order-2 {
order: 2;
}
.lg-order-3 {
order: 3;
}
.lg-order-4 {
order: 4;
}
.lg-order-5 {
order: 5;
}
.lg-order-6 {
order: 6;
}
.lg-order-7 {
order: 7;
}
.lg-order-8 {
order: 8;
}
.lg-order-9 {
order: 9;
}
}
@media (max-width: 767px) {
.md-order-0 {
order: 0;
}
.md-order-1 {
order: 1;
}
.md-order-2 {
order: 2;
}
.md-order-3 {
order: 3;
}
.md-order-4 {
order: 4;
}
.md-order-5 {
order: 5;
}
.md-order-6 {
order: 6;
}
.md-order-7 {
order: 7;
}
.md-order-8 {
order: 8;
}
.md-order-9 {
order: 9;
}
}
@media (max-width: 511px) {
.sm-order-0 {
order: 0;
}
.sm-order-1 {
order: 1;
}
.sm-order-2 {
order: 2;
}
.sm-order-3 {
order: 3;
}
.sm-order-4 {
order: 4;
}
.sm-order-5 {
order: 5;
}
.sm-order-6 {
order: 6;
}
.sm-order-7 {
order: 7;
}
.sm-order-8 {
order: 8;
}
.sm-order-9 {
order: 9;
}
}
/* Z-index */
.a-z-index-n1 {
z-index: -1;
}
.a-z-index-0 {
z-index: 0;
}
.a-z-index-1 {
z-index: 1;
}
.a-z-index-2 {
z-index: 2;
}
.a-z-index-3 {
z-index: 3;
}
/* Max Width */
.a-max-width-6 {
max-width: 1500px;
}
.a-max-width-5 {
max-width: 1000px;
}
.a-max-width-4 {
max-width: 850px;
}
.a-max-width-3 {
max-width: 700px;
}
.a-max-width-2 {
max-width: 550px;
}
.a-max-width-1 {
max-width: 400px;
}
/* Width in % */
.a-width-100p {
width: 100%;
}
.a-width-80p {
width: 80%;
}
.a-width-75p {
width: 75%;
}
.a-width-66p {
width: 66.66%;
}
.a-width-60p {
width: 60%;
}
.a-width-50p {
width: 50%;
}
.a-width-40p {
width: 40%;
}
.a-width-33p {
width: 33.33%;
}
.a-width-25p {
width: 25%;
}
.a-width-20p {
width: 20%;
}
@media (max-width: 1279px) {
.xl-width-100p {
width: 100%;
}
.xl-width-80p {
width: 80%;
}
.xl-width-75p {
width: 75%;
}
.xl-width-66p {
width: 66.66%;
}
.xl-width-60p {
width: 60%;
}
.xl-width-50p {
width: 50%;
}
.xl-width-40p {
width: 40%;
}
.xl-width-33p {
width: 33.33%;
}
.xl-width-25p {
width: 25%;
}
.xl-width-20p {
width: 20%;
}
}
@media (max-width: 1023px) {
.lg-width-100p {
width: 100%;
}
.lg-width-80p {
width: 80%;
}
.lg-width-75p {
width: 75%;
}
.lg-width-66p {
width: 66.66%;
}
.lg-width-60p {
width: 60%;
}
.lg-width-50p {
width: 50%;
}
.lg-width-40p {
width: 40%;
}
.lg-width-33p {
width: 33.33%;
}
.lg-width-25p {
width: 25%;
}
.lg-width-20p {
width: 20%;
}
}
@media (max-width: 767px) {
.md-width-100p {
width: 100%;
}
.md-width-80p {
width: 80%;
}
.md-width-75p {
width: 75%;
}
.md-width-66p {
width: 66.66%;
}
.md-width-60p {
width: 60%;
}
.md-width-50p {
width: 50%;
}
.md-width-40p {
width: 40%;
}
.md-width-33p {
width: 33.33%;
}
.md-width-25p {
width: 25%;
}
.md-width-20p {
width: 20%;
}
}
@media (max-width: 511px) {
.sm-width-100p {
width: 100%;
}
.sm-width-80p {
width: 80%;
}
.sm-width-75p {
width: 75%;
}
.sm-width-66p {
width: 66.66%;
}
.sm-width-60p {
width: 60%;
}
.sm-width-50p {
width: 50%;
}
.sm-width-40p {
width: 40%;
}
.sm-width-33p {
width: 33.33%;
}
.sm-width-25p {
width: 25%;
}
.sm-width-20p {
width: 20%;
}
}
/* Height in vh */
.a-height-100vh {
height: 100vh;
}
.a-height-80vh {
height: 80vh;
}
.a-height-75vh {
height: 75vh;
}
.a-height-66vh {
height: 66.66vh;
}
.a-height-60vh {
height: 60vh;
}
.a-height-50vh {
height: 50vh;
}
.a-height-40vh {
height: 40vh;
}
.a-height-33vh {
height: 33.33vh;
}
.a-height-25vh {
height: 25vh;
}
.a-height-20vh {
height: 20vh;
}
@media (max-width: 1279px) {
.xl-height-100vh {
height: 100vh;
}
.xl-height-80vh {
height: 80vh;
}
.xl-height-75vh {
height: 75vh;
}
.xl-height-66vh {
height: 66.66vh;
}
.xl-height-60vh {
height: 60vh;
}
.xl-height-50vh {
height: 50vh;
}
.xl-height-40vh {
height: 40vh;
}
.xl-height-33vh {
height: 33.33vh;
}
.xl-height-25vh {
height: 25vh;
}
.xl-height-20vh {
height: 20vh;
}
}
@media (max-width: 1023px) {
.lg-height-100vh {
height: 100vh;
}
.lg-height-80vh {
height: 80vh;
}
.lg-height-75vh {
height: 75vh;
}
.lg-height-66vh {
height: 66.66vh;
}
.lg-height-60vh {
height: 60vh;
}
.lg-height-50vh {
height: 50vh;
}
.lg-height-40vh {
height: 40vh;
}
.lg-height-33vh {
height: 33.33vh;
}
.lg-height-25vh {
height: 25vh;
}
.lg-height-20vh {
height: 20vh;
}
}
@media (max-width: 767px) {
.md-height-100vh {
height: 100vh;
}
.md-height-80vh {
height: 80vh;
}
.md-height-75vh {
height: 75vh;
}
.md-height-66vh {
height: 66.66vh;
}
.md-height-60vh {
height: 60vh;
}
.md-height-50vh {
height: 50vh;
}
.md-height-40vh {
height: 40vh;
}
.md-height-33vh {
height: 33.33vh;
}
.md-height-25vh {
height: 25vh;
}
.md-height-20vh {
height: 20vh;
}
}
@media (max-width: 511px) {
.sm-height-100vh {
height: 100vh;
}
.sm-height-80vh {
height: 80vh;
}
.sm-height-75vh {
height: 75vh;
}
.sm-height-66vh {
height: 66.66vh;
}
.sm-height-60vh {
height: 60vh;
}
.sm-height-50vh {
height: 50vh;
}
.sm-height-40vh {
height: 40vh;
}
.sm-height-33vh {
height: 33.33vh;
}
.sm-height-25vh {
height: 25vh;
}
.sm-height-20vh {
height: 20vh;
}
}
/* Height in percent */
.a-height-100p {
height: 100%;
}
@media (max-width: 1279px) {
.xl-height-100p {
height: 100%;
}
}
@media (max-width: 1023px) {
.lg-height-100p {
height: 100%;
}
}
@media (max-width: 767px) {
.md-height-100p {
height: 100%;
}
}
@media (max-width: 511px) {
.sm-height-100p {
height: 100%;
}
}
/* Margin */
.a-margin-6 {
margin: 5rem;
}
.a-margin-top-6 {
margin-top: 5rem;
}
.a-margin-right-6 {
margin-right: 5rem;
}
.a-margin-bottom-6 {
margin-bottom: 5rem;
}
.a-margin-left-6 {
margin-left: 5rem;
}
.a-margin-5 {
margin: 3rem;
}
.a-margin-top-5 {
margin-top: 3rem;
}
.a-margin-right-5 {
margin-right: 3rem;
}
.a-margin-bottom-5 {
margin-bottom: 3rem;
}
.a-margin-left-5 {
margin-left: 3rem;
}
.a-margin-4 {
margin: 2rem;
}
.a-margin-top-4 {
margin-top: 2rem;
}
.a-margin-right-4 {
margin-right: 2rem;
}
.a-margin-bottom-4 {
margin-bottom: 2rem;
}
.a-margin-left-4 {
margin-left: 2rem;
}
.a-margin-3 {
margin: 1.5rem;
}
.a-margin-top-3 {
margin-top: 1.5rem;
}
.a-margin-right-3 {
margin-right: 1.5rem;
}
.a-margin-bottom-3 {
margin-bottom: 1.5rem;
}
.a-margin-left-3 {
margin-left: 1.5rem;
}
.a-margin-2 {
margin: 1rem;
}
.a-margin-top-2 {
margin-top: 1rem;
}
.a-margin-right-2 {
margin-right: 1rem;
}
.a-margin-bottom-2 {
margin-bottom: 1rem;
}
.a-margin-left-2 {
margin-left: 1rem;
}
.a-margin-1 {
margin: 0.5rem;
}
.a-margin-top-1 {
margin-top: 0.5rem;
}
.a-margin-right-1 {
margin-right: 0.5rem;
}
.a-margin-bottom-1 {
margin-bottom: 0.5rem;
}
.a-margin-left-1 {
margin-left: 0.5rem;
}
.a-margin-0 {
margin: 0;
}
.a-margin-top-0 {
margin-top: 0;
}
.a-margin-right-0 {
margin-right: 0;
}
.a-margin-bottom-0 {
margin-bottom: 0;
}
.a-margin-left-0 {
margin-left: 0;
}
@media (max-width: 1279px) {
.xl-margin-6 {
margin: 5rem;
}
.xl-margin-top-6 {
margin-top: 5rem;
}
.xl-margin-right-6 {
margin-right: 5rem;
}
.xl-margin-bottom-6 {
margin-bottom: 5rem;
}
.xl-margin-left-6 {
margin-left: 5rem;
}
.xl-margin-5 {
margin: 3rem;
}
.xl-margin-top-5 {
margin-top: 3rem;
}
.xl-margin-right-5 {
margin-right: 3rem;
}
.xl-margin-bottom-5 {
margin-bottom: 3rem;
}
.xl-margin-left-5 {
margin-left: 3rem;
}
.xl-margin-4 {
margin: 2rem;
}
.xl-margin-top-4 {
margin-top: 2rem;
}
.xl-margin-right-4 {
margin-right: 2rem;
}
.xl-margin-bottom-4 {
margin-bottom: 2rem;
}
.xl-margin-left-4 {
margin-left: 2rem;
}
.xl-margin-3 {
margin: 1.5rem;
}
.xl-margin-top-3 {
margin-top: 1.5rem;
}
.xl-margin-right-3 {
margin-right: 1.5rem;
}
.xl-margin-bottom-3 {
margin-bottom: 1.5rem;
}
.xl-margin-left-3 {
margin-left: 1.5rem;
}
.xl-margin-2 {
margin: 1rem;
}
.xl-margin-top-2 {
margin-top: 1rem;
}
.xl-margin-right-2 {
margin-right: 1rem;
}
.xl-margin-bottom-2 {
margin-bottom: 1rem;
}
.xl-margin-left-2 {
margin-left: 1rem;
}
.xl-margin-1 {
margin: 0.5rem;
}
.xl-margin-top-1 {
margin-top: 0.5rem;
}
.xl-margin-right-1 {
margin-right: 0.5rem;
}
.xl-margin-bottom-1 {
margin-bottom: 0.5rem;
}
.xl-margin-left-1 {
margin-left: 0.5rem;
}
.xl-margin-0 {
margin: 0;
}
.xl-margin-top-0 {
margin-top: 0;
}
.xl-margin-right-0 {
margin-right: 0;
}
.xl-margin-bottom-0 {
margin-bottom: 0;
}
.xl-margin-left-0 {
margin-left: 0;
}
}
@media (max-width: 1023px) {
.lg-margin-6 {
margin: 5rem;
}
.lg-margin-top-6 {
margin-top: 5rem;
}
.lg-margin-right-6 {
margin-right: 5rem;
}
.lg-margin-bottom-6 {
margin-bottom: 5rem;
}
.lg-margin-left-6 {
margin-left: 5rem;
}
.lg-margin-5 {
margin: 3rem;
}
.lg-margin-top-5 {
margin-top: 3rem;
}
.lg-margin-right-5 {
margin-right: 3rem;
}
.lg-margin-bottom-5 {
margin-bottom: 3rem;
}
.lg-margin-left-5 {
margin-left: 3rem;
}
.lg-margin-4 {
margin: 2rem;
}
.lg-margin-top-4 {
margin-top: 2rem;
}
.lg-margin-right-4 {
margin-right: 2rem;
}
.lg-margin-bottom-4 {
margin-bottom: 2rem;
}
.lg-margin-left-4 {
margin-left: 2rem;
}
.lg-margin-3 {
margin: 1.5rem;
}
.lg-margin-top-3 {
margin-top: 1.5rem;
}
.lg-margin-right-3 {
margin-right: 1.5rem;
}
.lg-margin-bottom-3 {
margin-bottom: 1.5rem;
}
.lg-margin-left-3 {
margin-left: 1.5rem;
}
.lg-margin-2 {
margin: 1rem;
}
.lg-margin-top-2 {
margin-top: 1rem;
}
.lg-margin-right-2 {
margin-right: 1rem;
}
.lg-margin-bottom-2 {
margin-bottom: 1rem;
}
.lg-margin-left-2 {
margin-left: 1rem;
}
.lg-margin-1 {
margin: 0.5rem;
}
.lg-margin-top-1 {
margin-top: 0.5rem;
}
.lg-margin-right-1 {
margin-right: 0.5rem;
}
.lg-margin-bottom-1 {
margin-bottom: 0.5rem;
}
.lg-margin-left-1 {
margin-left: 0.5rem;
}
.lg-margin-0 {
margin: 0;
}
.lg-margin-top-0 {
margin-top: 0;
}
.lg-margin-right-0 {
margin-right: 0;
}
.lg-margin-bottom-0 {
margin-bottom: 0;
}
.lg-margin-left-0 {
margin-left: 0;
}
}
@media (max-width: 767px) {
.md-margin-6 {
margin: 5rem;
}
.md-margin-top-6 {
margin-top: 5rem;
}
.md-margin-right-6 {
margin-right: 5rem;
}
.md-margin-bottom-6 {
margin-bottom: 5rem;
}
.md-margin-left-6 {
margin-left: 5rem;
}
.md-margin-5 {
margin: 3rem;
}
.md-margin-top-5 {
margin-top: 3rem;
}
.md-margin-right-5 {
margin-right: 3rem;
}
.md-margin-bottom-5 {
margin-bottom: 3rem;
}
.md-margin-left-5 {
margin-left: 3rem;
}
.md-margin-4 {
margin: 2rem;
}
.md-margin-top-4 {
margin-top: 2rem;
}
.md-margin-right-4 {
margin-right: 2rem;
}
.md-margin-bottom-4 {
margin-bottom: 2rem;
}
.md-margin-left-4 {
margin-left: 2rem;
}
.md-margin-3 {
margin: 1.5rem;
}
.md-margin-top-3 {
margin-top: 1.5rem;
}
.md-margin-right-3 {
margin-right: 1.5rem;
}
.md-margin-bottom-3 {
margin-bottom: 1.5rem;
}
.md-margin-left-3 {
margin-left: 1.5rem;
}
.md-margin-2 {
margin: 1rem;
}
.md-margin-top-2 {
margin-top: 1rem;
}
.md-margin-right-2 {
margin-right: 1rem;
}
.md-margin-bottom-2 {
margin-bottom: 1rem;
}
.md-margin-left-2 {
margin-left: 1rem;
}
.md-margin-1 {
margin: 0.5rem;
}
.md-margin-top-1 {
margin-top: 0.5rem;
}
.md-margin-right-1 {
margin-right: 0.5rem;
}
.md-margin-bottom-1 {
margin-bottom: 0.5rem;
}
.md-margin-left-1 {
margin-left: 0.5rem;
}
.md-margin-0 {
margin: 0;
}
.md-margin-top-0 {
margin-top: 0;
}
.md-margin-right-0 {
margin-right: 0;
}
.md-margin-bottom-0 {
margin-bottom: 0;
}
.md-margin-left-0 {
margin-left: 0;
}
}
@media (max-width: 511px) {
.sm-margin-6 {
margin: 5rem;
}
.sm-margin-top-6 {
margin-top: 5rem;
}
.sm-margin-right-6 {
margin-right: 5rem;
}
.sm-margin-bottom-6 {
margin-bottom: 5rem;
}
.sm-margin-left-6 {
margin-left: 5rem;
}
.sm-margin-5 {
margin: 3rem;
}
.sm-margin-top-5 {
margin-top: 3rem;
}
.sm-margin-right-5 {
margin-right: 3rem;
}
.sm-margin-bottom-5 {
margin-bottom: 3rem;
}
.sm-margin-left-5 {
margin-left: 3rem;
}
.sm-margin-4 {
margin: 2rem;
}
.sm-margin-top-4 {
margin-top: 2rem;
}
.sm-margin-right-4 {
margin-right: 2rem;
}
.sm-margin-bottom-4 {
margin-bottom: 2rem;
}
.sm-margin-left-4 {
margin-left: 2rem;
}
.sm-margin-3 {
margin: 1.5rem;
}
.sm-margin-top-3 {
margin-top: 1.5rem;
}
.sm-margin-right-3 {
margin-right: 1.5rem;
}
.sm-margin-bottom-3 {
margin-bottom: 1.5rem;
}
.sm-margin-left-3 {
margin-left: 1.5rem;
}
.sm-margin-2 {
margin: 1rem;
}
.sm-margin-top-2 {
margin-top: 1rem;
}
.sm-margin-right-2 {
margin-right: 1rem;
}
.sm-margin-bottom-2 {
margin-bottom: 1rem;
}
.sm-margin-left-2 {
margin-left: 1rem;
}
.sm-margin-1 {
margin: 0.5rem;
}
.sm-margin-top-1 {
margin-top: 0.5rem;
}
.sm-margin-right-1 {
margin-right: 0.5rem;
}
.sm-margin-bottom-1 {
margin-bottom: 0.5rem;
}
.sm-margin-left-1 {
margin-left: 0.5rem;
}
.sm-margin-0 {
margin: 0;
}
.sm-margin-top-0 {
margin-top: 0;
}
.sm-margin-right-0 {
margin-right: 0;
}
.sm-margin-bottom-0 {
margin-bottom: 0;
}
.sm-margin-left-0 {
margin-left: 0;
}
}
/* Margin Negative */
.a-margin-n6 {
margin: -5rem;
}
.a-margin-top-n6 {
margin-top: -5rem;
}
.a-margin-right-n6 {
margin-right: -5rem;
}
.a-margin-bottom-n6 {
margin-bottom: -5rem;
}
.a-margin-left-n6 {
margin-left: -5rem;
}
.a-margin-n5 {
margin: -3rem;
}
.a-margin-top-n5 {
margin-top: -3rem;
}
.a-margin-right-n5 {
margin-right: -3rem;
}
.a-margin-bottom-n5 {
margin-bottom: -3rem;
}
.a-margin-left-n5 {
margin-left: -3rem;
}
.a-margin-n4 {
margin: -2rem;
}
.a-margin-top-n4 {
margin-top: -2rem;
}
.a-margin-right-n4 {
margin-right: -2rem;
}
.a-margin-bottom-n4 {
margin-bottom: -2rem;
}
.a-margin-left-n4 {
margin-left: -2rem;
}
.a-margin-n3 {
margin: -1.5rem;
}
.a-margin-top-n3 {
margin-top: -1.5rem;
}
.a-margin-right-n3 {
margin-right: -1.5rem;
}
.a-margin-bottom-n3 {
margin-bottom: -1.5rem;
}
.a-margin-left-n3 {
margin-left: -1.5rem;
}
.a-margin-n2 {
margin: -1rem;
}
.a-margin-top-n2 {
margin-top: -1rem;
}
.a-margin-right-n2 {
margin-right: -1rem;
}
.a-margin-bottom-n2 {
margin-bottom: -1rem;
}
.a-margin-left-n2 {
margin-left: -1rem;
}
.a-margin-n1 {
margin: -0.5rem;
}
.a-margin-top-n1 {
margin-top: -0.5rem;
}
.a-margin-right-n1 {
margin-right: -0.5rem;
}
.a-margin-bottom-n1 {
margin-bottom: -0.5rem;
}
.a-margin-left-n1 {
margin-left: -0.5rem;
}
@media (max-width: 1279px) {
.xl-margin-n6 {
margin: -5rem;
}
.xl-margin-top-n6 {
margin-top: -5rem;
}
.xl-margin-right-n6 {
margin-right: -5rem;
}
.xl-margin-bottom-n6 {
margin-bottom: -5rem;
}
.xl-margin-left-n6 {
margin-left: -5rem;
}
.xl-margin-n5 {
margin: -3rem;
}
.xl-margin-top-n5 {
margin-top: -3rem;
}
.xl-margin-right-n5 {
margin-right: -3rem;
}
.xl-margin-bottom-n5 {
margin-bottom: -3rem;
}
.xl-margin-left-n5 {
margin-left: -3rem;
}
.xl-margin-n4 {
margin: -2rem;
}
.xl-margin-top-n4 {
margin-top: -2rem;
}
.xl-margin-right-n4 {
margin-right: -2rem;
}
.xl-margin-bottom-n4 {
margin-bottom: -2rem;
}
.xl-margin-left-n4 {
margin-left: -2rem;
}
.xl-margin-n3 {
margin: -1.5rem;
}
.xl-margin-top-n3 {
margin-top: -1.5rem;
}
.xl-margin-right-n3 {
margin-right: -1.5rem;
}
.xl-margin-bottom-n3 {
margin-bottom: -1.5rem;
}
.xl-margin-left-n3 {
margin-left: -1.5rem;
}
.xl-margin-n2 {
margin: -1rem;
}
.xl-margin-top-n2 {
margin-top: -1rem;
}
.xl-margin-right-n2 {
margin-right: -1rem;
}
.xl-margin-bottom-n2 {
margin-bottom: -1rem;
}
.xl-margin-left-n2 {
margin-left: -1rem;
}
.xl-margin-n1 {
margin: -0.5rem;
}
.xl-margin-top-n1 {
margin-top: -0.5rem;
}
.xl-margin-right-n1 {
margin-right: -0.5rem;
}
.xl-margin-bottom-n1 {
margin-bottom: -0.5rem;
}
.xl-margin-left-n1 {
margin-left: -0.5rem;
}
}
@media (max-width: 1023px) {
.lg-margin-n6 {
margin: -5rem;
}
.lg-margin-top-n6 {
margin-top: -5rem;
}
.lg-margin-right-n6 {
margin-right: -5rem;
}
.lg-margin-bottom-n6 {
margin-bottom: -5rem;
}
.lg-margin-left-n6 {
margin-left: -5rem;
}
.lg-margin-n5 {
margin: -3rem;
}
.lg-margin-top-n5 {
margin-top: -3rem;
}
.lg-margin-right-n5 {
margin-right: -3rem;
}
.lg-margin-bottom-n5 {
margin-bottom: -3rem;
}
.lg-margin-left-n5 {
margin-left: -3rem;
}
.lg-margin-n4 {
margin: -2rem;
}
.lg-margin-top-n4 {
margin-top: -2rem;
}
.lg-margin-right-n4 {
margin-right: -2rem;
}
.lg-margin-bottom-n4 {
margin-bottom: -2rem;
}
.lg-margin-left-n4 {
margin-left: -2rem;
}
.lg-margin-n3 {
margin: -1.5rem;
}
.lg-margin-top-n3 {
margin-top: -1.5rem;
}
.lg-margin-right-n3 {
margin-right: -1.5rem;
}
.lg-margin-bottom-n3 {
margin-bottom: -1.5rem;
}
.lg-margin-left-n3 {
margin-left: -1.5rem;
}
.lg-margin-n2 {
margin: -1rem;
}
.lg-margin-top-n2 {
margin-top: -1rem;
}
.lg-margin-right-n2 {
margin-right: -1rem;
}
.lg-margin-bottom-n2 {
margin-bottom: -1rem;
}
.lg-margin-left-n2 {
margin-left: -1rem;
}
.lg-margin-n1 {
margin: -0.5rem;
}
.lg-margin-top-n1 {
margin-top: -0.5rem;
}
.lg-margin-right-n1 {
margin-right: -0.5rem;
}
.lg-margin-bottom-n1 {
margin-bottom: -0.5rem;
}
.lg-margin-left-n1 {
margin-left: -0.5rem;
}
}
@media (max-width: 767px) {
.md-margin-n6 {
margin: -5rem;
}
.md-margin-top-n6 {
margin-top: -5rem;
}
.md-margin-right-n6 {
margin-right: -5rem;
}
.md-margin-bottom-n6 {
margin-bottom: -5rem;
}
.md-margin-left-n6 {
margin-left: -5rem;
}
.md-margin-n5 {
margin: -3rem;
}
.md-margin-top-n5 {
margin-top: -3rem;
}
.md-margin-right-n5 {
margin-right: -3rem;
}
.md-margin-bottom-n5 {
margin-bottom: -3rem;
}
.md-margin-left-n5 {
margin-left: -3rem;
}
.md-margin-n4 {
margin: -2rem;
}
.md-margin-top-n4 {
margin-top: -2rem;
}
.md-margin-right-n4 {
margin-right: -2rem;
}
.md-margin-bottom-n4 {
margin-bottom: -2rem;
}
.md-margin-left-n4 {
margin-left: -2rem;
}
.md-margin-n3 {
margin: -1.5rem;
}
.md-margin-top-n3 {
margin-top: -1.5rem;
}
.md-margin-right-n3 {
margin-right: -1.5rem;
}
.md-margin-bottom-n3 {
margin-bottom: -1.5rem;
}
.md-margin-left-n3 {
margin-left: -1.5rem;
}
.md-margin-n2 {
margin: -1rem;
}
.md-margin-top-n2 {
margin-top: -1rem;
}
.md-margin-right-n2 {
margin-right: -1rem;
}
.md-margin-bottom-n2 {
margin-bottom: -1rem;
}
.md-margin-left-n2 {
margin-left: -1rem;
}
.md-margin-n1 {
margin: -0.5rem;
}
.md-margin-top-n1 {
margin-top: -0.5rem;
}
.md-margin-right-n1 {
margin-right: -0.5rem;
}
.md-margin-bottom-n1 {
margin-bottom: -0.5rem;
}
.md-margin-left-n1 {
margin-left: -0.5rem;
}
}
@media (max-width: 511px) {
.sm-margin-n6 {
margin: -5rem;
}
.sm-margin-top-n6 {
margin-top: -5rem;
}
.sm-margin-right-n6 {
margin-right: -5rem;
}
.sm-margin-bottom-n6 {
margin-bottom: -5rem;
}
.sm-margin-left-n6 {
margin-left: -5rem;
}
.sm-margin-n5 {
margin: -3rem;
}
.sm-margin-top-n5 {
margin-top: -3rem;
}
.sm-margin-right-n5 {
margin-right: -3rem;
}
.sm-margin-bottom-n5 {
margin-bottom: -3rem;
}
.sm-margin-left-n5 {
margin-left: -3rem;
}
.sm-margin-n4 {
margin: -2rem;
}
.sm-margin-top-n4 {
margin-top: -2rem;
}
.sm-margin-right-n4 {
margin-right: -2rem;
}
.sm-margin-bottom-n4 {
margin-bottom: -2rem;
}
.sm-margin-left-n4 {
margin-left: -2rem;
}
.sm-margin-n3 {
margin: -1.5rem;
}
.sm-margin-top-n3 {
margin-top: -1.5rem;
}
.sm-margin-right-n3 {
margin-right: -1.5rem;
}
.sm-margin-bottom-n3 {
margin-bottom: -1.5rem;
}
.sm-margin-left-n3 {
margin-left: -1.5rem;
}
.sm-margin-n2 {
margin: -1rem;
}
.sm-margin-top-n2 {
margin-top: -1rem;
}
.sm-margin-right-n2 {
margin-right: -1rem;
}
.sm-margin-bottom-n2 {
margin-bottom: -1rem;
}
.sm-margin-left-n2 {
margin-left: -1rem;
}
.sm-margin-n1 {
margin: -0.5rem;
}
.sm-margin-top-n1 {
margin-top: -0.5rem;
}
.sm-margin-right-n1 {
margin-right: -0.5rem;
}
.sm-margin-bottom-n1 {
margin-bottom: -0.5rem;
}
.sm-margin-left-n1 {
margin-left: -0.5rem;
}
}
/* Responsive Padding */
.r-padding-6 {
padding: 5rem;
}
.r-padding-5 {
padding: 3rem;
}
.r-padding-4 {
padding: 2rem;
}
.r-padding-3 {
padding: 1.5rem;
}
.r-padding-2 {
padding: 1rem;
}
.r-padding-1 {
padding: 0.5rem;
}
@media (max-width: 1279px) {
.r-padding-6 {
padding: 4.5rem;
}
.r-padding-5 {
padding: 2.7rem;
}
.r-padding-4 {
padding: 1.8rem;
}
.r-padding-3 {
padding: 1.35rem;
}
.r-padding-2 {
padding: 0.95rem;
}
.r-padding-1 {
padding: 0.05rem;
}
}
@media (max-width: 1023px) {
.r-padding-6 {
padding: 4rem;
}
.r-padding-5 {
padding: 2.4rem;
}
.r-padding-4 {
padding: 1.6rem;
}
.r-padding-3 {
padding: 1.2rem;
}
.r-padding-2 {
padding: 0.95rem;
}
.r-padding-1 {
padding: 0.45rem;
}
}
@media (max-width: 767px) {
.r-padding-6 {
padding: 3.5rem;
}
.r-padding-5 {
padding: 2.1rem;
}
.r-padding-4 {
padding: 1.4rem;
}
.r-padding-3 {
padding: 1.05rem;
}
.r-padding-2 {
padding: 0.85rem;
}
.r-padding-1 {
padding: 0.45rem;
}
}
@media (max-width: 511px) {
.r-padding-6 {
padding: 3rem;
}
.r-padding-5 {
padding: 1.8rem;
}
.r-padding-4 {
padding: 1.2rem;
}
.r-padding-3 {
padding: 0.9rem;
}
.r-padding-2 {
padding: 0.8rem;
}
.r-padding-1 {
padding: 0.425rem;
}
}
/* Padding */
.a-padding-6 {
padding: 5rem;
}
.a-padding-top-6 {
padding-top: 5rem;
}
.a-padding-right-6 {
padding-right: 5rem;
}
.a-padding-bottom-6 {
padding-bottom: 5rem;
}
.a-padding-left-6 {
padding-left: 5rem;
}
.a-padding-5 {
padding: 3rem;
}
.a-padding-top-5 {
padding-top: 3rem;
}
.a-padding-right-5 {
padding-right: 3rem;
}
.a-padding-bottom-5 {
padding-bottom: 3rem;
}
.a-padding-left-5 {
padding-left: 3rem;
}
.a-padding-4 {
padding: 2rem;
}
.a-padding-top-4 {
padding-top: 2rem;
}
.a-padding-right-4 {
padding-right: 2rem;
}
.a-padding-bottom-4 {
padding-bottom: 2rem;
}
.a-padding-left-4 {
padding-left: 2rem;
}
.a-padding-3 {
padding: 1.5rem;
}
.a-padding-top-3 {
padding-top: 1.5rem;
}
.a-padding-right-3 {
padding-right: 1.5rem;
}
.a-padding-bottom-3 {
padding-bottom: 1.5rem;
}
.a-padding-left-3 {
padding-left: 1.5rem;
}
.a-padding-2 {
padding: 1rem;
}
.a-padding-top-2 {
padding-top: 1rem;
}
.a-padding-right-2 {
padding-right: 1rem;
}
.a-padding-bottom-2 {
padding-bottom: 1rem;
}
.a-padding-left-2 {
padding-left: 1rem;
}
.a-padding-1 {
padding: 0.5rem;
}
.a-padding-top-1 {
padding-top: 0.5rem;
}
.a-padding-right-1 {
padding-right: 0.5rem;
}
.a-padding-bottom-1 {
padding-bottom: 0.5rem;
}
.a-padding-left-1 {
padding-left: 0.5rem;
}
.a-padding-0 {
padding: 0;
}
.a-padding-top-0 {
padding-top: 0;
}
.a-padding-right-0 {
padding-right: 0;
}
.a-padding-bottom-0 {
padding-bottom: 0;
}
.a-padding-left-0 {
padding-left: 0;
}
@media (max-width: 1279px) {
.xl-padding-6 {
padding: 5rem;
}
.xl-padding-top-6 {
padding-top: 5rem;
}
.xl-padding-right-6 {
padding-right: 5rem;
}
.xl-padding-bottom-6 {
padding-bottom: 5rem;
}
.xl-padding-left-6 {
padding-left: 5rem;
}
.xl-padding-5 {
padding: 3rem;
}
.xl-padding-top-5 {
padding-top: 3rem;
}
.xl-padding-right-5 {
padding-right: 3rem;
}
.xl-padding-bottom-5 {
padding-bottom: 3rem;
}
.xl-padding-left-5 {
padding-left: 3rem;
}
.xl-padding-4 {
padding: 2rem;
}
.xl-padding-top-4 {
padding-top: 2rem;
}
.xl-padding-right-4 {
padding-right: 2rem;
}
.xl-padding-bottom-4 {
padding-bottom: 2rem;
}
.xl-padding-left-4 {
padding-left: 2rem;
}
.xl-padding-3 {
padding: 1.5rem;
}
.xl-padding-top-3 {
padding-top: 1.5rem;
}
.xl-padding-right-3 {
padding-right: 1.5rem;
}
.xl-padding-bottom-3 {
padding-bottom: 1.5rem;
}
.xl-padding-left-3 {
padding-left: 1.5rem;
}
.xl-padding-2 {
padding: 1rem;
}
.xl-padding-top-2 {
padding-top: 1rem;
}
.xl-padding-right-2 {
padding-right: 1rem;
}
.xl-padding-bottom-2 {
padding-bottom: 1rem;
}
.xl-padding-left-2 {
padding-left: 1rem;
}
.xl-padding-1 {
padding: 0.5rem;
}
.xl-padding-top-1 {
padding-top: 0.5rem;
}
.xl-padding-right-1 {
padding-right: 0.5rem;
}
.xl-padding-bottom-1 {
padding-bottom: 0.5rem;
}
.xl-padding-left-1 {
padding-left: 0.5rem;
}
.xl-padding-0 {
padding: 0;
}
.xl-padding-top-0 {
padding-top: 0;
}
.xl-padding-right-0 {
padding-right: 0;
}
.xl-padding-bottom-0 {
padding-bottom: 0;
}
.xl-padding-left-0 {
padding-left: 0;
}
}
@media (max-width: 1023px) {
.lg-padding-6 {
padding: 5rem;
}
.lg-padding-top-6 {
padding-top: 5rem;
}
.lg-padding-right-6 {
padding-right: 5rem;
}
.lg-padding-bottom-6 {
padding-bottom: 5rem;
}
.lg-padding-left-6 {
padding-left: 5rem;
}
.lg-padding-5 {
padding: 3rem;
}
.lg-padding-top-5 {
padding-top: 3rem;
}
.lg-padding-right-5 {
padding-right: 3rem;
}
.lg-padding-bottom-5 {
padding-bottom: 3rem;
}
.lg-padding-left-5 {
padding-left: 3rem;
}
.lg-padding-4 {
padding: 2rem;
}
.lg-padding-top-4 {
padding-top: 2rem;
}
.lg-padding-right-4 {
padding-right: 2rem;
}
.lg-padding-bottom-4 {
padding-bottom: 2rem;
}
.lg-padding-left-4 {
padding-left: 2rem;
}
.lg-padding-3 {
padding: 1.5rem;
}
.lg-padding-top-3 {
padding-top: 1.5rem;
}
.lg-padding-right-3 {
padding-right: 1.5rem;
}
.lg-padding-bottom-3 {
padding-bottom: 1.5rem;
}
.lg-padding-left-3 {
padding-left: 1.5rem;
}
.lg-padding-2 {
padding: 1rem;
}
.lg-padding-top-2 {
padding-top: 1rem;
}
.lg-padding-right-2 {
padding-right: 1rem;
}
.lg-padding-bottom-2 {
padding-bottom: 1rem;
}
.lg-padding-left-2 {
padding-left: 1rem;
}
.lg-padding-1 {
padding: 0.5rem;
}
.lg-padding-top-1 {
padding-top: 0.5rem;
}
.lg-padding-right-1 {
padding-right: 0.5rem;
}
.lg-padding-bottom-1 {
padding-bottom: 0.5rem;
}
.lg-padding-left-1 {
padding-left: 0.5rem;
}
.lg-padding-0 {
padding: 0;
}
.lg-padding-top-0 {
padding-top: 0;
}
.lg-padding-right-0 {
padding-right: 0;
}
.lg-padding-bottom-0 {
padding-bottom: 0;
}
.lg-padding-left-0 {
padding-left: 0;
}
}
@media (max-width: 767px) {
.md-padding-6 {
padding: 5rem;
}
.md-padding-top-6 {
padding-top: 5rem;
}
.md-padding-right-6 {
padding-right: 5rem;
}
.md-padding-bottom-6 {
padding-bottom: 5rem;
}
.md-padding-left-6 {
padding-left: 5rem;
}
.md-padding-5 {
padding: 3rem;
}
.md-padding-top-5 {
padding-top: 3rem;
}
.md-padding-right-5 {
padding-right: 3rem;
}
.md-padding-bottom-5 {
padding-bottom: 3rem;
}
.md-padding-left-5 {
padding-left: 3rem;
}
.md-padding-4 {
padding: 2rem;
}
.md-padding-top-4 {
padding-top: 2rem;
}
.md-padding-right-4 {
padding-right: 2rem;
}
.md-padding-bottom-4 {
padding-bottom: 2rem;
}
.md-padding-left-4 {
padding-left: 2rem;
}
.md-padding-3 {
padding: 1.5rem;
}
.md-padding-top-3 {
padding-top: 1.5rem;
}
.md-padding-right-3 {
padding-right: 1.5rem;
}
.md-padding-bottom-3 {
padding-bottom: 1.5rem;
}
.md-padding-left-3 {
padding-left: 1.5rem;
}
.md-padding-2 {
padding: 1rem;
}
.md-padding-top-2 {
padding-top: 1rem;
}
.md-padding-right-2 {
padding-right: 1rem;
}
.md-padding-bottom-2 {
padding-bottom: 1rem;
}
.md-padding-left-2 {
padding-left: 1rem;
}
.md-padding-1 {
padding: 0.5rem;
}
.md-padding-top-1 {
padding-top: 0.5rem;
}
.md-padding-right-1 {
padding-right: 0.5rem;
}
.md-padding-bottom-1 {
padding-bottom: 0.5rem;
}
.md-padding-left-1 {
padding-left: 0.5rem;
}
.md-padding-0 {
padding: 0;
}
.md-padding-top-0 {
padding-top: 0;
}
.md-padding-right-0 {
padding-right: 0;
}
.md-padding-bottom-0 {
padding-bottom: 0;
}
.md-padding-left-0 {
padding-left: 0;
}
}
@media (max-width: 511px) {
.sm-padding-6 {
padding: 5rem;
}
.sm-padding-top-6 {
padding-top: 5rem;
}
.sm-padding-right-6 {
padding-right: 5rem;
}
.sm-padding-bottom-6 {
padding-bottom: 5rem;
}
.sm-padding-left-6 {
padding-left: 5rem;
}
.sm-padding-5 {
padding: 3rem;
}
.sm-padding-top-5 {
padding-top: 3rem;
}
.sm-padding-right-5 {
padding-right: 3rem;
}
.sm-padding-bottom-5 {
padding-bottom: 3rem;
}
.sm-padding-left-5 {
padding-left: 3rem;
}
.sm-padding-4 {
padding: 2rem;
}
.sm-padding-top-4 {
padding-top: 2rem;
}
.sm-padding-right-4 {
padding-right: 2rem;
}
.sm-padding-bottom-4 {
padding-bottom: 2rem;
}
.sm-padding-left-4 {
padding-left: 2rem;
}
.sm-padding-3 {
padding: 1.5rem;
}
.sm-padding-top-3 {
padding-top: 1.5rem;
}
.sm-padding-right-3 {
padding-right: 1.5rem;
}
.sm-padding-bottom-3 {
padding-bottom: 1.5rem;
}
.sm-padding-left-3 {
padding-left: 1.5rem;
}
.sm-padding-2 {
padding: 1rem;
}
.sm-padding-top-2 {
padding-top: 1rem;
}
.sm-padding-right-2 {
padding-right: 1rem;
}
.sm-padding-bottom-2 {
padding-bottom: 1rem;
}
.sm-padding-left-2 {
padding-left: 1rem;
}
.sm-padding-1 {
padding: 0.5rem;
}
.sm-padding-top-1 {
padding-top: 0.5rem;
}
.sm-padding-right-1 {
padding-right: 0.5rem;
}
.sm-padding-bottom-1 {
padding-bottom: 0.5rem;
}
.sm-padding-left-1 {
padding-left: 0.5rem;
}
.sm-padding-0 {
padding: 0;
}
.sm-padding-top-0 {
padding-top: 0;
}
.sm-padding-right-0 {
padding-right: 0;
}
.sm-padding-bottom-0 {
padding-bottom: 0;
}
.sm-padding-left-0 {
padding-left: 0;
}
}
/* Color */
.color-white {
color: #ffffff;
}
.color-gray1 {
color: #f6f6f6;
}
.color-gray2 {
color: #cccccc;
}
.color-gray3 {
color: #999999;
}
.color-black {
color: #333333;
}
.color-color1 {
color: #FFCEBA;
}
.color-color2 {
color: #0D2F2D;
}
.color-color3 {
color: #131429;
}
.color-success {
color: green;
}
.color-error {
color: red;
}
.color-warning {
color: orange;
}
/* Color Hover */
.color-hover-white:hover {
color: #ffffff;
}
.color-hover-gray1:hover {
color: #f6f6f6;
}
.color-hover-gray2:hover {
color: #cccccc;
}
.color-hover-gray3:hover {
color: #999999;
}
.color-hover-black:hover {
color: #333333;
}
.color-hover-color1:hover {
color: #FFCEBA;
}
.color-hover-color2:hover {
color: #0D2F2D;
}
.color-hover-color3:hover {
color: #131429;
}
.color-hover-success:hover {
color: green;
}
.color-hover-error:hover {
color: red;
}
.color-hover-warning:hover {
color: orange;
}
/* Background Colors */
.background-white {
background: #ffffff;
}
.background-gray1 {
background: #f6f6f6;
}
.background-gray2 {
background: #cccccc;
}
.background-gray3 {
background: #999999;
}
.background-black {
background: #333333;
}
.background-color1 {
background: #FFCEBA;
}
.background-color2 {
background: #0D2F2D;
}
.background-color3 {
background: #131429;
}
.background-color4 {
background: #311112;
}
.background-color5 {
background: #0D2F2D;
}
.background-color6 {
background: #270F2D;
}
.background-success {
background: green;
}
.background-error {
background: red;
}
.background-warning {
background: orange;
}
/* Background Color Hover */
.background-hover-white:hover {
background: #ffffff;
}
.background-hover-gray1:hover {
background: #f6f6f6;
}
.background-hover-gray2:hover {
background: #cccccc;
}
.background-hover-gray3:hover {
background: #999999;
}
.background-hover-black:hover {
background: #333333;
}
.background-hover-color1:hover {
background: #FFCEBA;
}
.background-hover-color2:hover {
background: #0D2F2D;
}
.background-hover-color3:hover {
background: #131429;
}
.background-hover-success:hover {
background: green;
}
.background-hover-error:hover {
background: red;
}
.background-hover-warning:hover {
background: orange;
}
/* Fill Colors */
.fill-white path {
fill: #ffffff;
}
.fill-gray1 path {
fill: #f6f6f6;
}
.fill-gray2 path {
fill: #cccccc;
}
.fill-gray3 path {
fill: #999999;
}
.fill-black path {
fill: #333333;
}
.fill-color1 path {
fill: #FFCEBA;
}
.fill-color2 path {
fill: #0D2F2D;
}
.fill-color3 path {
fill: #131429;
}
.fill-success path {
fill: green;
}
.fill-error path {
fill: red;
}
.fill-warning path {
fill: orange;
}
/* Fill Color Hover */
.fill-hover-white:hover path {
fill: #ffffff;
}
.fill-hover-gray1:hover path {
fill: #f6f6f6;
}
.fill-hover-gray2:hover path {
fill: #cccccc;
}
.fill-hover-gray3:hover path {
fill: #999999;
}
.fill-hover-black:hover path {
fill: #333333;
}
.fill-hover-color1:hover path {
fill: #FFCEBA;
}
.fill-hover-color2:hover path {
fill: #0D2F2D;
}
.fill-hover-color3:hover path {
fill: #131429;
}
.fill-hover-success:hover path {
fill: green;
}
.fill-hover-error:hover path {
fill: red;
}
.fill-hover-warning:hover path {
fill: orange;
}
/* Image */
.a-object-fit-cover {
object-fit: cover;
}
.a-object-fit-contain {
object-fit: contain;
}
/* Filter */
.brightness-90 {
filter: brightness(90%);
}
.brightness-80 {
filter: brightness(80%);
}
.brightness-70 {
filter: brightness(70%);
}
.brightness-60 {
filter: brightness(60%);
}
.brightness-50 {
filter: brightness(50%);
}
.brightness-40 {
filter: brightness(40%);
}
/* Text align */
.a-text-align-left {
text-align: left;
}
.a-text-align-center {
text-align: center;
}
.a-text-align-right {
text-align: right;
}
@media (max-width: 1279px) {
.xl-text-align-left {
text-align: left;
}
.xl-text-align-center {
text-align: center;
}
.xl-text-align-right {
text-align: right;
}
}
@media (max-width: 1023px) {
.lg-text-align-left {
text-align: left;
}
.lg-text-align-center {
text-align: center;
}
.lg-text-align-right {
text-align: right;
}
}
@media (max-width: 767px) {
.md-text-align-left {
text-align: left;
}
.md-text-align-center {
text-align: center;
}
.md-text-align-right {
text-align: right;
}
}
@media (max-width: 511px) {
.sm-text-align-left {
text-align: left;
}
.sm-text-align-center {
text-align: center;
}
.sm-text-align-right {
text-align: right;
}
}
/* Header */
.header {
width: 100%;
position: fixed;
top: 0;
z-index: 2000;
transition-duration: 0.5s;
}
.header-row {
padding: 0 calc(3vw + 10px);
}
.logo {
display: flex;
transition-duration: 0.5s;
}
.logo path {
fill: #fff;
transition-duration: 0.5s;
}
@media (min-width: 767px) {
.logo {
margin: 2rem 0;
}
}
.logo svg {
width: 200px;
transition-duration: 0.3s;
}
.off-canvas-open .logo path {
fill: #333333;
}
@media (max-width: 1023px) {
.logo svg {
width: 220px;
}
}
@media (max-width: 511px) {
.logo svg {
width: 170px;
}
}
/* Scrolled */
.scrolled .header {
background: rgba(244, 206, 186, 0.94);
}
.scrolled .logo {
margin: 0;
}
.scrolled .logo svg {
width: 160px;
}
.scrolled .logo path {
fill: #333333;
}
.scrolled .main-menu-desktop a {
color: #ffffff;
padding: 1.5rem 1rem;
word-break: keep-all;
}
.scrolled .main-menu-desktop a:hover {
color: #ffffff !important;
background: #0D2F2D;
}
.scrolled .main-menu-desktop .current-menu-item > a, .scrolled .main-menu-desktop .current-menu-parent > a {
color: #ffffff !important;
background: #0D2F2D;
}
.main-menu-desktop .current-menu-parent > a {
color: #ffffff !important;
}
.scrolled .hamburger-top-bar, .scrolled .hamburger-middle-bar, .scrolled .hamburger-bottom-bar {
background: #333333;
}
/* Main Menu Desktop */
.main-menu-desktop {
margin-right: -1rem;
}
.main-menu-desktop a {
color: #ffffff;
padding: 2rem 1rem;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-size: 0.8rem;
word-break: keep-all;
text-decoration: none;
}
.main-menu-desktop a:hover {
color: #FFCEBA;
}
.main-menu-desktop .menu-item {
position: relative;
}
.main-menu-desktop .menu-item-has-children > a {
padding-right: 2rem;
}
.main-menu-desktop .menu-item-has-children > .sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
right: 0;
margin: 0;
padding: 0;
list-style-type: none;
background: rgba(244, 206, 186, 0.94);
transition-duration: 0.3s;
padding: 1rem;
transform: translate(0px, 10px);
}
.main-menu-desktop .menu-item-has-children > .sub-menu a {
color: #333333;
}
.main-menu-desktop .menu-item-has-children > .sub-menu a:hover {
background: #0D2F2D;
color: #ffffff;
}
.main-menu-desktop .menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
transform: translate(0px, 0px);
}
.main-menu-desktop .menu-item-has-children > a:after {
content: "";
width: 0.4rem;
height: 0.4rem;
display: block;
position: absolute;
top: calc(50% - .25rem);
right: 0.9rem;
transform: rotate(45deg);
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
opacity: 0.5;
}
.main-menu-desktop .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0%;
right: 100%;
}
.main-menu-desktop .menu-item-has-children > .sub-menu > .menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.main-menu-desktop .menu-item-has-children > .sub-menu .menu-item-has-children > a:after {
display: none;
}
.main-menu-desktop .sub-menu a {
padding: 0.8rem 1.5rem;
white-space: nowrap;
}
.main-menu-desktop .current-menu-item > a, .main-menu-desktop .current-menu-parent > a {
color: #ffffff;
}
@media (max-width: 767px) {
.header-row {
padding: 5px 0 5px calc(3vw + 10px);
}
.main-menu-desktop {
display: none;
}
}
/* Hamburger */
.hamburger {
display: none;
justify-content: center;
align-items: center;
background: transparent;
cursor: pointer;
outline: none;
border: 0;
margin: 0;
padding: calc(3vw + 10px);
z-index: 1000;
}
.hamburger-inner {
width: 32px;
height: 24px;
display: flex;
position: relative;
margin-top: -2px;
}
.hamburger-top-bar, .hamburger-middle-bar, .hamburger-bottom-bar {
position: absolute;
background: #ffffff;
width: 100%;
height: 2px;
}
.off-canvas-open .hamburger-top-bar, .off-canvas-open .hamburger-middle-bar, .off-canvas-open .hamburger-bottom-bar {
background: #333333;
}
.hamburger-top-bar {
top: 0;
transition: top 0.2s ease-in-out 0.2s, width 0s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
}
.hamburger-middle-bar {
opacity: 1;
top: 50%;
transition: opacity 0s ease-in-out 0.2s;
}
.hamburger-bottom-bar {
top: 100%;
transition: top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
}
.off-canvas-open .hamburger-top-bar {
top: 50%;
transform: rotate(45deg);
transition: top 0.2s ease-in-out, width 0s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s;
}
.off-canvas-open .hamburger-middle-bar {
opacity: 0;
transition: opacity 0s ease-in-out 0.2s;
}
.off-canvas-open .hamburger-bottom-bar {
top: 50%;
transform: rotate(-45deg);
transition: top 0.2s ease-in-out, transform 0.2s ease-in-out 0.2s;
}
@media (max-width: 767px) {
.hamburger {
display: flex;
}
}
/* Off-canvas */
.off-canvas {
position: fixed;
top: 0;
right: -100vw;
transition-duration: 0.4s;
z-index: 2000;
padding: calc(6vw + 20px + 22px) 0;
overflow-y: scroll;
scroll-behavior: smooth;
}
.off-canvas-open .off-canvas {
right: 0;
}
.off-canvas-content {
overflow-y: scroll;
}
.off-canvas-open.logo svg path {
fill: #333333;
}
/* Main Menu Mobile */
.accordion-menu a {
color: #333333;
padding: 0.75rem 0;
word-break: keep-all;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.accordion-menu > ul > li:last-child > a {
border-bottom: 0;
}
.accordion-menu .menu-item {
position: relative;
}
.accordion-menu .menu-item-has-children > .sub-menu {
max-height: 0;
overflow: hidden;
transition-duration: 0.3s;
}
.accordion-menu .menu-item-has-children > a:after {
content: "";
width: 0.4rem;
height: 0.4rem;
display: block;
position: absolute;
top: 1.25rem;
right: 0.1rem;
transform: rotate(45deg);
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
opacity: 0.5;
transition-duration: 0.4s;
}
.accordion-menu .menu-item-has-children > a.active:after {
right: 0.1rem;
transform: rotate(-45deg);
}
.accordion-menu .sub-menu {
padding-left: 1rem;
}
.accordion-menu .current-menu-item > a {
color: #333333;
}
/* Footer */
.footer-logo {
width: 200px;
}
.footer-logo path, .footer-logo svg:hover path {
fill: #333333;
}
.footer-list a {
color: #333333;
padding: 0.4rem 0;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
}
.footer-list a:hover {
opacity: 0.6;
}
.footer-copyright a {
color: #333333;
text-decoration: none;
}
.footer-copyright a:hover {
opacity: 0.6;
}
/* Global */
body {
background: #f6f6f6;
}
a {
cursor: pointer;
}
.section-padding {
padding: 50px;
}
@media (max-width: 767px) {
.section-padding {
padding: 2rem;
}
}
@media (max-width: 511px) {
.section-padding-small {
padding-left: 20px;
padding-right: 20px;
}
}
.outline-black.outline {
border-color: #333333;
color: #333333;
}
.outline-black.outline:hover {
border-color: #ffffff;
color: #333333;
background: #ffffff;
}
.page-hero {
position: relative;
height: 50vh;
}
.text-img-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
.text-img-section-right-img {
width: 100%;
padding-top: 75%;
position: relative;
}
.text-img-section-right-img img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.text-img-section-left-text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.text-img-section {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 80px;
}
.text-img-section-right-img {
padding-top: 65%;
}
.text-img-section-left-text {
order: 2;
}
}
.people-section {
background: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
}
.people-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
min-height: 200px;
}
@media (max-width: 1023px) {
.people-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 511px) {
.people-grid {
grid-template-columns: repeat(1, 1fr);
min-height: 0px;
gap: 5px;
}
}
.people-card {
background: #0D2F2D;
color: #ffffff;
padding: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.people-card h4 {
color: #ffffff;
}
.people-card-divider {
height: 1px;
opacity: 0.5;
width: 40px;
background: #ffffff;
margin: 1.5rem 0;
}
/* Front Page */
@media (max-width: 511px) {
.front-page-button-small {
height: 2.5rem;
padding: 0 1.5rem;
font-size: 0.9rem;
}
}
.front-page-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 1.5rem;
min-height: 40vh;
}
.front-page-card:last-child {
margin-bottom: 0px;
}
.front-page-card-text {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3rem;
color: #ffffff;
}
.front-page-card-text h2 {
color: #ffffff;
}
.front-page-card-img {
width: 100%;
position: relative;
}
.front-page-card-img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.front-page-card {
grid-template-columns: 1fr;
}
.front-page-card-text {
order: 2;
padding: 2rem;
}
.front-page-card-img {
min-height: 35vh;
}
}
/* Page Width Sidebar */
.sidebar-hero-section {
position: relative;
min-height: 300px;
height: 50vh;
}
.sidebar-page-logo {
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sidebar-page-logo img {
max-width: 200px;
max-height: 170px;
}
.sidebar-social-icon-container {
width: calc(100% + 6px);
display: flex;
margin: 0 -6px;
}
.sidebar-social-icon {
color: #333333;
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
margin: 0 3px;
line-height: 1;
background: #ffffff;
padding: 15px;
transition-duration: 0.3s;
text-decoration: none;
}
.sidebar-social-icon path {
fill: #999999;
}
.sidebar-social-icon:hover {
background: #FFCEBA;
}
.sidebar-social-icon:hover path {
fill: #999999;
}
.sidebar-grid {
display: grid;
grid-template-columns: 1fr 350px;
row-gap: 0.5rem;
}
@media (max-width: 767px) {
.sidebar-grid {
display: grid;
grid-template-columns: 1fr;
row-gap: 2rem;
}
}
.sidebar-vertical-list li {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar-list-divider, .sidebar-list-divider ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.sidebar-list-divider li, .sidebar-list-divider ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
}
.sidebar-list-divider li:last-child, .sidebar-list-divider ul li:last-child {
border-bottom: none;
}
.sidebar {
position: sticky;
top: 10%;
}
@media (max-width: 767px) {
.sidebar {
position: static;
}
}
.sidebar a {
color: #ffffff;
padding: 16px 0;
font-weight: 600;
position: relative;
text-decoration: none;
}
.sidebar a:hover {
background: #FFCEBA;
color: #ffffff;
padding-left: 20px;
}
@media (max-width: 511px) {
.sidebar a {
padding: 14px 0;
}
}
figure.wp-block-image {
margin: 2.5rem 0;
}
figure.wp-block-image:last-child {
margin-bottom: 0;
}
/* Cookie Consent */
#cc-main {
--cc-font-family: Montserrat, sans-serif;
--cc-modal-border-radius: 0.25rem;
--cc-btn-border-radius: 0.25rem;
--cc-modal-transition-duration: 0.3s;
--cc-link-color: rgba(255, 255, 255, 0.75);
--cc-primary-color: #333333;
--cc-secondary-color: #333333;
--cc-btn-primary-bg: rgba(255, 255, 255, 0.75);
--cc-btn-primary-hover-bg: #ffffff;
--cc-btn-primary-color: #ffffff;
--cc-btn-secondary-bg: #f6f6f6;
--cc-btn-secondary-hover-bg: #ddd;
}
.cll {
--im-font-family: Montserrat, sans-serif;
--im-color: #ffffff;
--im-link-color: #ffffff;
--im-link-hover-color: #ffffff;
--im-btn-color: #ffffff;
--im-btn-bg: rgba(255, 255, 255, 0.75);
--im-btn-hover-bg: #ffffff;
--im-btn-active-box-shadow: none;
--im-btn-s-color: #333333;
--im-btn-s-bg: #f6f6f6;
--im-btn-s-hover-bg: #ddd;
--im-btn-s-active-bg: #ddd;
--im-overlay-bg: none;
}
#cc-main {
font-size: 1rem !important;
}
#cc-main .cm__title, #cc-main h2.pm__title {
font-size: 1.2rem !important;
}
#cc-main button.cm__btn, #cc-main button.pm__btn, #cc-main button.pm__close-btn {
border: none;
}
#cc-main .cm--wide .cm__btn + .cm__btn, #cc-main .cm--wide .cm__btn-group + .cm__btn-group {
margin-left: 0 !important;
}
#cc-main .cm__texts {
padding: 1.5rem 0 0 !important;
}
#cc-main .cm__desc {
padding: 0 1.5rem 1.5rem 1.5rem !important;
}
#cc-main .cm__btns {
padding: 1.5rem !important;
}
#cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
padding: 1.5rem !important;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
margin-top: 0 !important;
}
@media (max-width: 511px) {
#cc-main .cm-wrapper .cm__btns, #cc-main .cm-wrapper .cm__desc, #cc-main.cm-wrapper .cm__links, #cc-main .cm-wrapper .cm__title {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
#cc-main .pm-wrapper .pm__body, #cc-main .pm-wrapper .pm__footer, #cc-main .pm-wrapper .pm__header {
padding: 1.5rem !important;
}
}
.cll .c-bg-i {
filter: blur(1rem);
}
.cll .c-l-b, .cll .c-la-b {
box-shadow: none !important;
border-radius: 0.25rem !important;
}