.grecaptcha-badge {
display: none;
}
:root { --white: #ffffff;
--grey-light: #f3f3f3;
--grey: #cccccc;
--grey-dark: #999999;
--black: #000000;
} :root :where(.is-layout-flow) > * {
margin-block-start: 0;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.wp-block-button.aligncenter {
display: inline-block;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: var(--white);
border: 1px solid var(--grey-light);
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--grey-light);
clip: auto !important;
clip-path: none;
color: var(--wp--preset--color--paragraph);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.wp-block-columns {
margin-bottom: 0;
} * {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none !important;
}
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale;
}
.body-lock {
overflow: hidden !important;
}
.o-hidden {
overflow: hidden !important;
} .margin-t-10 {
margin-top: 10px;
}
.margin-t-30 {
margin-top: 30px;
}
.margin-t-60 {
margin-top: 60px;
}
.margin-t-100 {
margin-top: 100px;
}
.margin-b-25 {
margin-bottom: 25px;
}
.margin-b-30 {
margin-bottom: 30px;
}
.margin-b-60 {
margin-bottom: 60px;
}
.margin-b-100 {
margin-bottom: 100px;
} .padding-t-vh {
padding-top: 10vh;
}
.padding-vh {
padding: 10vh 0;
}
.padding-vh-sm {
padding: 7vh 0;
}
@media (max-width: 1350px) {
.padding-t-vh {
padding-top: 8vh;
}
}
@media (max-width: 1024px) {
.padding-t-vh {
padding-top: 70px;
}
.padding-vh {
padding: 70px 0;
}
.padding-vh-sm {
padding: 30px 0;
}
} .h-100 {
height: 100%;
}
.hv-80 {
min-height: 80vh !important;
}
.h-50 {
height: 50%;
}
.w-100 {
width: 100%;
}
.w-50 {
width: 50%;
} .container-custom {
width: calc(100% - 60px);
margin: 0 auto;
position: relative;
}
.container-100 {
width: 100%;
margin: 0 auto;
}
.container-95 {
width: 95%;
margin: 0 auto;
position: relative;
}
.container-90 {
width: 90%;
margin: 0 auto;
position: relative;
max-width: 1600px;
}
.container-80 {
width: 85%;
margin: 0 auto;
position: relative;
max-width: 1600px;
}
.container-70 {
width: 70%;
margin: 0 auto;
position: relative;
max-width: 1400px;
}
.container-50 {
width: 50%;
margin: 0 auto;
position: relative;
max-width: 1000px;
}
@media (max-width: 1350px) {
.container-80 {
width: 90%;
}
}
@media (max-width: 1600px) {
.container-70 {
width: 90%;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 768px) {
.container-80 {
width: 90%;
margin: 0 auto;
position: relative;
}
.container-70 {
min-width: auto;
width: 90%;
margin: 0 auto;
position: relative;
}
.container-50 {
min-width: auto;
width: 90%;
margin: 0 auto;
position: relative;
}
.container-80.container-80-mobile-full {
width: 100%;
}
.container-100--mobile {
width: 100%;
}
} .image-wrap {
overflow: hidden;
}
figure {
margin: 0 !important;
}
.img-fluid,
.img-fluid img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
img {
max-width: 100%;
height: auto;
border: none;
}
figcaption {
font-style: italic;
color: var(--wp--preset--color--paragraph);
margin-top: 10px;
line-height: 1.6;
}
svg,
svg path,
svg rect {
transition: 0.3s all cubic-bezier(0.39, 0.575, 0.565, 1);
animation-timing-function: ease-in-out;
} ul,
ol {
margin: 20px 0 30px 0;
padding: 0 20px;
}
ul li,
ol li {
margin-bottom: 10px;
line-height: 1.6;
}
ul li::marker,
ol li::marker {
color: var(--wp--preset--color--button);
}
.nav-list,
.header ul,
.footer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.nav-list li,
.header li,
.footer li {
margin: 0;
line-height: 1;
}
dl {
margin-bottom: 30px;
font-size: clamp(0.925rem, 0.8767rem + 0.1644vw, 1rem);
font-weight: 400;
color: var(--wp--preset--color--paragraph);
}
dt {
font-size: clamp(0.925rem, 0.8767rem + 0.1644vw, 1rem);
line-height: 1.6;
margin-bottom: 5px;
font-weight: 600;
color: var(--wp--preset--color--button);
}
dd {
padding-left: 1rem;
line-height: 1.6;
margin-bottom: 20px;
} table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5rem;
}
thead th {
background-color: var(--wp--preset--color--paragraph);
color: var(--white);
text-align: left;
padding: 0.75rem;
font-weight: bold;
font-size: 1rem;
}
tbody td {
padding: 0.75rem;
border-bottom: 1px solid var(--grey);
font-size: 0.875rem;
color: #495057;
}
tbody tr:nth-child(even) {
background-color: var(--grey-light);
}
tfoot td {
padding: 0.75rem;
background-color: var(--wp--preset--color--paragraph);
color: var(--white);
font-weight: bold;
border-top: 2px solid var(--grey);
}
@media screen and (max-width: 768px) {
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
thead tr {
display: none;
}
tbody tr {
margin-bottom: 1rem;
border: 1px solid var(--grey-light);
padding: 0.75rem;
background-color: var(--white);
}
tbody td {
border: none;
padding: 0.5rem 0;
position: relative;
text-align: right;
}
tbody td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
padding-left: 0.75rem;
font-weight: bold;
text-align: left;
}
tbody td:last-child {
border-bottom: none;
}
} blockquote {
font-style: italic;
color: var(--wp--preset--color--button);
}
blockquote::before {
content: "\0023";
color: var(--wp--preset--color--button);
font-size: clamp(1rem, 0.5455rem + 1.9394vw, 2rem);
font-weight: 600;
opacity: 0.5;
}
hr {
border: 1px solid var(--grey);
margin: 40px 0;
}
address {
margin-bottom: 30px;
font-style: normal;
}
kbd {
font-weight: 700;
color: var(--wp--preset--color--button);
}
pre {
font-family: var(--wp--preset--font-family--roboto);
line-height: 1.6;
margin-bottom: 30px;
white-space: pre-wrap;
word-wrap: break-word;
}
button {
border: none;
background-color: transparent;
cursor: pointer;
} label {
display: inline-block;
width: 100%;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.6;
font-family: var(--wp--preset--font-family--nunito-sans-serif);
}
label[for="wp-comment-cookies-consent"] {
font-size: 0.825rem;
font-weight: 400;
}
.required {
color: red;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="range"],
select,
textarea {
font-family: var(--wp--preset--font-family--nunito-sans-serif);
border: 1px solid var(--grey);
padding: 12px 15px;
margin-top: 5px;
width: 100%;
font-size: 1rem;
color: var(--wp--preset--color--paragraph);
transition: 0.3s;
background-color: transparent;
margin-bottom: 10px;
border-radius: 7px;
} input[type="range"] {
accent-color: var(--wp--preset--color--button);
} input[type="submit"],
button[type="submit"] {
font-family: var(--wp--preset--font-family--nunito-sans-serif);
position: relative;
display: block;
width: fit-content;
width: 100%;
padding: 12px 20px;
border-radius: 7px;
background-color: var(--wp--preset--color--button);
color: var(--white);
border: 1px solid var(--wp--preset--color--button);
margin-top: 30px;
font-weight: 700;
font-size: 1rem;
transition: 0.22s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
cursor: pointer;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
background-color: var(--wp--preset--color--hover);
border: 1px solid var(--wp--preset--color--hover);
} input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.wp-block-search__inside-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.wp-block-search__inside-wrapper input {
margin-bottom: 10px;
}
.wp-block-search__button {
width: 100%;
margin: 0 !important;
} input[type="checkbox"] {
padding: 0;
position: relative;
top: 2px;
margin-right: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
border: 1px solid var(--grey);
background-color: transparent;
width: 0;
min-width: 15px;
height: 15px;
cursor: pointer;
border-radius: 50%;
}
input[type="checkbox"]::before {
position: absolute;
content: "";
border: 2px solid var(--wp--preset--color--button);
width: 15px;
height: 15px;
top: -7%;
left: -10%;
border-radius: 100%;
transform: scale(0);
transition: 0.75s all cubic-bezier(0.63, 0.03, 0.21, 1);
}
input[type="checkbox"]:checked::before {
transform: scale(1) !important;
left: -1px;
top: -1px;
}
.comment-form-cookies-consent {
display: flex;
gap: 5px;
} input[type="number"] {
text-align: center;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
width: 9em !important;
height: 45px;
font-weight: 500;
color: var(--wp--preset--color--headline);
} textarea {
height: 100px;
min-height: 100px;
resize: none;
}
legend {
text-transform: uppercase;
font-size: 0.9rem;
padding: 0 5px;
font-weight: 600;
color: var(--wp--preset--color--button);
}
fieldset {
border: 1px solid var(--grey);
padding: 20px;
margin-bottom: 30px;
} input:focus,
textarea:focus,
select:focus {
border-bottom: 1px solid var(--wp--preset--color--hover);
outline: none;
}
input:-webkit-autofill {
box-shadow: inset 0 0 0 9999px var(--white);
-webkit-box-shadow: inset 0 0 0 9999px var(--white);
}
input:-webkit-autofill:focus {
box-shadow: 0 0 0 50px var(--white) inset;
-webkit-box-shadow: 0 0 0 50px var(--white) inset;
}
::placeholder {
color: var(--grey-dark);
font-size: 0.9rem;
} .wpcf7 br {
display: none;
}
.wpcf7 p {
margin-bottom: 0;
}
.wpcf7 a {
color: var(--wp--preset--color--button);
}
.wpcf7-file {
padding-top: 10px;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-not-valid-tip {
font-size: 0.825rem;
font-weight: 600;
} h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
word-wrap: break-word;
}
p {
margin-bottom: 10px;
}
p:last-child {
margin-bottom: 0;
}
a {
transition: 0.3s all ease-in-out;
color: var(--wp--preset--color--paragraph);
line-height: 1.3;
}
a:hover {
color: var(--wp--preset--color--hover);
}
strong {
font-weight: 800 !important;
}
.colored {
color: var(--wp--preset--color--primary) !important;
font-weight: 800;
}
.center {
text-align: center;
}
.upper {
text-transform: uppercase;
} .button,
.wp-block-button__link {
position: relative;
display: block;
width: fit-content;
min-width: 150px;
padding: 12px 30px;
background-color: var(--wp--preset--color--button);
margin-top: 30px;
font-weight: 700;
border-radius: 7px;
transition: 0.22s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.button:hover,
.wp-block-button__link:hover {
color: var(--white);
background-color: var(--wp--preset--color--hover);
}
.gb-button {
position: relative;
}
.gb-button .button-layer {
position: absolute;
display: inline-block;
content: "";
height: 100%;
width: 100%;
bottom: 0;
right: 0;
border-radius: 7px;
background-color: var(--wp--preset--color--button);
z-index: -1;
}
.gb-button::before {
position: absolute;
display: inline-block;
content: "";
height: 100%;
width: 100%;
bottom: -5px;
right: -5px;
border-radius: 7px;
background-color: var(--wp--preset--color--headline);
transition: 0.44s all cubic-bezier(0.39, 0.575, 0.565, 1);
z-index: -2;
}
.gb-button:hover::before {
height: 80%;
}
.link,
.link > a {
font-size: 1.1rem;
width: fit-content;
position: relative;
font-weight: 700 !important;
transition: 0.44s all cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 2;
}
.link::before {
position: absolute;
content: "";
bottom: -2px;
left: 50%;
width: 0;
height: 17px;
border-radius: 7px;
background-color: var(--wp--preset--color--primary);
transform: translateX(-50%);
transition: 0.44s all cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0.3;
pointer-events: none;
z-index: -1;
}
.link:hover::before {
width: 110%;
} .rank-math-breadcrumb {
margin-top: 20px;
}
.single .rank-math-breadcrumb {
margin-top: 40px;
}
.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
color: var(--white);
margin: 0 !important;
font-size: var(--wp--preset--font-size--heading-6) !important;
text-transform: capitalize !important;
}
.rank-math-breadcrumb a:hover {
color: var(--wp--preset--color--hover);
}
.rank-math-breadcrumb .separator {
margin: 0 4px;
color: var(--grey);
}
.rank-math-breadcrumb .last {
color: var(--wp--preset--color--button) !important;
font-weight: 500;
}  ::-webkit-scrollbar {
width: 7px;
} ::-webkit-scrollbar-track {
background: var(--grey);
} ::-webkit-scrollbar-thumb {
background: var(--wp--preset--color--paragraph);
border-radius: 5px;
} ::-webkit-scrollbar-thumb:hover {
background: var(--wp--preset--color--button);
} .d-grid {
display: grid;
}
.d-flex {
display: flex;
}
.d-flex-c {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-wrap: wrap;
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (max-width: 768px) {
.gap-md {
gap: 60px;
}
}
@media (max-width: 992px) {
.gap-lg {
gap: 60px;
}
}
.row-reverse {
flex-direction: row-reverse;
}
.col-reverse {
flex-direction: column-reverse;
}
.col-text-md,
.col-text-lg {
padding: 0 50px;
}
@media (max-width: 768px) {
.row-md-reverse {
flex-direction: row-reverse;
}
.col-md-reverse {
flex-direction: column-reverse;
}
.col-text-md {
padding: 0;
}
}
@media (max-width: 992px) {
.row-lg-reverse {
flex-direction: row-reverse;
}
.col-lg-reverse {
flex-direction: column-reverse;
}
.col-text-lg {
padding: 0;
}
}
.a-top {
align-items: flex-start;
}
.a-center {
align-items: center;
}
.a-end {
align-items: flex-end;
}
.space-btw {
justify-content: space-between;
}
.space-around {
justify-content: space-around;
}
.just-start {
justify-content: flex-start;
}
.just-center {
justify-content: center;
}
.just-end {
justify-content: flex-end;
} .admin-bar .header {
margin-top: 32px;
}
@media only screen and (max-width: 768px) {
.admin-bar .header {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .fixed {
margin-top: 0;
}
} .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--white);
padding: 7px 0;
transition: 0.4s all cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 999;
}
.header .container-90 {
height: 70px;
}
.fixed {
padding: 0;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} .header .brand,
.header .no-brand {
position: relative;
z-index: 1001 !important;
}
.header .brand img,
.footer .brand img {
height: 70px;
width: auto;
}
.header .no-brand {
color: var(--white) !important;
text-transform: uppercase;
font-size: 1.4rem;
} .header .button {
margin-top: 0;
margin-left: auto;
color: var(--white);
background-color: var(--wp--preset--color--headline);
}
.header .button:hover {
background-color: var(--wp--preset--color--button);
}
.header .logout {
background-color: #026d8d;
padding: 12px;
border-radius: 7px;
margin-left: 7px;
}
.logout i {
color: var(--white);
} .burger {
display: none;
gap: 7px;
place-content: center;
cursor: pointer;
height: 50px;
width: 50px;
border-radius: 50%;
background-color: var(--wp--preset--color--primary);
z-index: 1001;
}
.burger-item {
position: relative;
display: block;
width: 30px;
height: 2px;
background-color: var(--white);
will-change: transform;
}
.burger .item-2 {
width: 22px;
} @media (min-width: 1260px) {
.header-menu {
margin-left: 30px;
}
}
.current_page_item > a {
color: var(--wp--preset--color--button) !important;
}
.header ul > li {
display: inline-block;
position: relative;
}
.header ul > li > a {
color: var(--wp--preset--color--paragraph);
padding: 15px 20px;
font-weight: 700;
}
.header ul > li > a:hover {
color: var(--wp--preset--color--hover);
} .menu-item-has-children > a::after {
position: relative;
content: "\f107";
top: 0;
left: 0;
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 8px;
transition: 0.22s all cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-item-has-children .sub-menu {
position: absolute;
left: 0;
top: 40px;
background-color: var(--white);
opacity: 0;
border-radius: 12px;
pointer-events: none;
transform: translateY(50px);
transition: 0.44s all cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform;
z-index: 999;
}
.menu-item-has-children .sub-menu > li {
display: block;
width: 250px;
}
.menu-item-has-children .sub-menu > li:not(:last-child) {
border-bottom: 1px solid var(--grey-light);
}
.menu-item-has-children .sub-menu > li > a {
display: inline-block;
width: 100%;
padding: 15px 20px !important;
color: var(--wp--preset--color--paragraph);
}
.status > a {
color: var(--wp--preset--color--hover) !important;
}
.status a::after {
top: 3px;
}
.show-sub-menu {
opacity: 1 !important;
pointer-events: all !important;
transform: translateY(0) !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
} .hero-carosello {
position: relative;
}
.hero * {
color: var(--white);
}
.hero p {
font-family: var(--wp--preset--font-family--nunito-sans-serif);
font-size: var(--wp--preset--font-size--heading-4);
margin-top: 20px;
letter-spacing: 1px;
line-height: 1.4;
}
.hero,
.hero-container {
min-height: 600px;
height: 100vh;
text-align: center;
justify-content: flex-end;
}
.hero {
background-position: center center;
background-size: cover;
}
.hero-carosello .hero-container {
position: relative;
z-index: 3;
} .hero.minimal,
.hero.minimal .hero-container {
min-height: 550px;
height: auto;
}
.hero.minimal .hero-container {
justify-content: center;
}
@media (min-width: 1260px) {
.hero.minimal,
.hero.minimal .hero-container {
margin-top: 60px;
}
} .carosello-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.carosello-header-image {
position: relative;
overflow: hidden;
}
.carosello-header-image::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.55);
z-index: 2;
} .carosello-header-image > img {
transform: scale(1.15);
}
.hero h1,
.hero p {
opacity: 0;
transform: translateY(40px) scale(0.98);
} .area-riservata-content {
margin-top: 70px;
}
.area-riservata-content h1 {
font-size: var(--wp--preset--font-size--heading-3);
}
body.page-template-pagina-riservata .header {
background-color: var(--wp--preset--color--headline);
}
body.page-template-pagina-riservata .header .main-menu li > a {
color: var(--white);
}
body.page-template-pagina-riservata .header .sub-menu li > a {
color: var(--wp--preset--color--paragraph);
}
body.page-template-pagina-riservata .header .main-menu li > a:hover {
color: var(--wp--preset--color--hover) !important;
}
body.page-template-pagina-riservata .button,
body.page-template-pagina-riservata .logout {
background-color: var(--wp--preset--color--button);
} #post-container {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
} .post-item {
position: relative;
margin-bottom: 40px;
}
.post-item-thumb {
overflow: hidden;
border-radius: 12px;
}
.post-item-thumb a {
display: block;
padding: 0;
margin: 0;
line-height: 0;
}
.post-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
transition: 0.44s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.post-item-avatar {
height: 30px;
width: 30px;
border-radius: 50%;
background-color: var(--white);
}
.post-item-author {
position: absolute;
top: 20px;
left: 20px;
color: var(--white);
font-size: 0.8rem;
text-transform: uppercase;
gap: 7px;
}
.post-item-content {
position: relative;
z-index: 1;
top: -10px;
padding: 20px;
min-height: 250px;
background-color: var(--white);
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
rgba(0, 0, 0, 0.015) 0px 10px 10px -5px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.post-info {
flex-wrap: wrap;
gap: 15px;
border-bottom: 1px solid var(--grey-light);
padding-bottom: 15px;
margin-bottom: 20px;
}
.post-info i {
color: var(--wp--preset--color--headline);
}
.post-item-data {
font-size: 0.825rem;
gap: 7px;
}
.post-item-title {
font-size: var(--wp--preset--font-size--heading-4);
transition: 0.22s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.post-item-excerpt {
margin-top: 20px;
font-size: 0.925rem;
}
.post-item:hover .post-item-title {
color: var(--wp--preset--color--hover);
}
.post-item:hover .post-item-thumb img {
transform: scale(1.05);
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(40px) scale(0.8);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.post-fade-in {
animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(40px);
}
}
.post-fade-out {
animation: fadeOut 0.5s ease forwards;
} .post-categories {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
}
.post-categories > li {
margin-bottom: 0;
}
.post-categories > li > a {
font-size: 0.825rem;
}
.post-categories > li > a:hover {
color: var(--wp--preset--color--hover);
} .filter-title {
font-size: var(--wp--preset--font-size--heading-5);
margin-bottom: 20px;
font-weight: 600;
color: var(--wp--preset--color--headline);
}
.blog-filters {
gap: 5vw;
} #category-bar,
.area-riservata-filter {
gap: 10px;
flex-wrap: wrap;
}
#category-bar li {
font-family: var(--wp--preset--font-family--nunito-sans-serif);
transition: 0.3s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#category-bar li,
.area-riservata-filter li > a {
display: inline-block;
padding: 12px 20px;
border: 1px solid var(--grey);
cursor: pointer;
font-weight: 700;
border-radius: 7px;
}
#category-bar li:hover,
.area-riservata-filter li > a:hover {
background-color: var(--wp--preset--color--hover);
color: var(--white);
border: 1px solid var(--wp--preset--color--hover);
}
#category-bar li.active,
.area-riservata-filter li.active > a {
background-color: var(--wp--preset--color--button);
color: var(--white);
border: 1px solid var(--wp--preset--color--button);
} .search-bar .search-container {
position: relative;
}
.search-bar input[type="search"] {
margin-bottom: 0;
min-width: 250px;
}
.search-bar button[type="submit"] {
position: absolute;
padding: 0;
min-width: unset;
height: 100%;
width: 50px;
right: 0;
top: 0;
margin-top: 0;
border-radius: 7px;
color: var(--white);
} .pagination {
padding-top: 4vh;
gap: 10px;
}
.pagination > li > span,
.pagination > li > a {
display: grid;
place-content: center;
height: 40px;
width: 40px;
border-radius: 7px;
font-weight: 600;
border: 1px solid var(--grey);
cursor: pointer;
}
.pagination > li.active > span,
.pagination > li.active > a {
background-color: var(--wp--preset--color--button);
color: var(--white);
border: 1px solid var(--wp--preset--color--button);
} .single h1 {
font-size: var(--wp--preset--font-size--heading-2);
}
.single-info {
gap: 20px;
flex-wrap: wrap;
margin-top: 30px;
}
.single .hero .post-item-author {
position: relative;
top: unset;
left: unset;
}
.single .hero .post-item-author a {
color: var(--white);
}
.single .hero .post-item-data {
margin: 0;
} aside {
padding: 0 0 0 5vw;
}
aside h2,
aside h3,
aside h4 {
font-size: var(--wp--preset--font-size--heading-4);
}
aside .search-bar {
margin-bottom: 30px;
}
.sidebar-row {
margin-bottom: 30px;
} aside .wp-block-latest-comments {
padding: 0;
}
aside .wp-block-latest-comments__comment-link {
font-weight: 500;
color: var(--wp--preset--color--button);
} aside .post-item {
display: grid;
grid-template-columns: 80px auto;
align-items: center;
}
aside .post-item-thumb,
aside .post-item-thumb img {
height: 80px !important;
width: 80px !important;
}
aside .post-item-content {
box-shadow: unset;
padding: 0 0 0 20px;
min-height: auto;
flex-direction: column-reverse;
}
aside .post-item-title {
font-size: 1rem;
}
aside .post-item-data {
margin: 10px 0 0 0;
font-size: 0.7rem;
} .comments-title {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid var(--grey-light);
}
.comments-block h3,
.comments-block h4 {
font-size: var(--wp--preset--font-size--heading-4);
}
.comment-list {
padding: 0;
list-style-type: none;
}
.comment-body {
border: 1px solid var(--grey-light);
padding: 30px;
}
.children .comment-body {
background-color: var(--grey-light);
}
.comment-metadata {
text-transform: uppercase;
font-size: 0.725rem;
margin-top: 15px;
}
.comment-content {
margin: 20px 0;
}
.reply > a {
margin-top: 15px;
font-weight: 500;
color: var(--wp--preset--color--button);
}
.vcard {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.vcard img {
border-radius: 50% !important;
margin-right: 10px;
}
.comment-respond {
margin: 20px 30px !important;
padding-top: 20px;
border-top: 1px solid var(--grey-light);
}
#reply-title {
margin-bottom: 10px;
}
#reply-title small {
margin-left: 20px;
font-size: 1rem;
}
#reply-title small a {
color: var(--wp--preset--color--button);
}
.children > li {
list-style-type: none;
}
.children > li {
position: relative;
}
.children > li::before {
position: absolute;
top: 0;
left: -7px;
content: "\f3e5";
color: var(--wp--preset--color--button);
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 5px;
z-index: 100;
} .related-posts {
margin-bottom: 70px;
}
.related-container {
margin-top: 50px;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
} .login-area-bg {
background-color: #01475c;
}
.login-area-media {
background-color: #f4f8da;
text-align: center;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.login-area-form {
position: relative;
background-color: #f7fae9;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.login-logo {
margin-bottom: 20px;
}
.login-logo img {
width: 100px;
}
.login-area {
padding-top: 140px;
padding-bottom: 70px;
height: 100%;
}
.login-area h1 {
font-size: var(--wp--preset--font-size--heading-3);
margin-bottom: 20px;
}
.login-area-form,
.login-area-media {
padding: 50px;
height: 100%;
min-height: 700px;
}
.login-area-form form {
width: 100%;
}
.login-area-form .allert i {
margin-right: 10px;
}
.login-area-form .allert {
width: 100%;
margin-bottom: 20px;
padding: 7px 40px;
border-radius: 7px;
background-color: red;
color: var(--white);
text-align: center;
font-weight: 700;
} #progress {
position: fixed;
display: none;
place-items: center;
bottom: 30px;
right: 30px;
height: 40px;
width: 40px;
border-radius: 100%;
z-index: 9999;
color: #ccc;
cursor: pointer;
transform: scale(1) translateY(0);
transition: 0.44s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#progress-value {
display: grid;
height: calc(100% - 6px);
width: calc(100% - 6px);
background-color: var(--wp--preset--color--button);
border-radius: 100%;
place-items: center;
cursor: pointer;
}
#progress i {
color: var(--white);
font-size: 1.2rem;
}
#progress:hover {
transform: scale(1.05) translateY(-5px);
} .footer-pre {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 1px solid #026583;
}
.logo-footer p {
margin-left: 20px;
color: var(--white) !important;
font-family: var(--wp--preset--font-family--nunito-sans-serif);
font-size: var(--wp--preset--font-size--heading-5) !important;
max-width: 300px;
font-weight: 700;
margin-bottom: 0 !important;
}
.footer-divider {
display: block;
height: 60px;
width: 3px;
background-color: var(--wp--preset--color--button);
margin: 0 60px;
}
.footer-pre h4 {
margin-bottom: 0 !important;
}
.footer-area-riservata-text p {
font-size: 0.925rem !important;
}
.footer-pre .button {
margin-left: 50px;
margin-top: 0;
color: var(--white) !important;
}
.footer-pre .button:hover {
background-color: var(--wp--preset--color--button) !important;
color: var(--white) !important;
}
.footer-pre .button i {
color: var(--white) !important;
margin-right: 10px;
} .footer * {
color: var(--grey) !important;
}
.footer strong {
color: var(--white) !important;
}
.footer a > strong {
text-decoration: underline !important;
}
.footer h4 {
font-size: var(--wp--preset--font-size--heading-4);
color: var(--white) !important;
margin-bottom: 30px;
font-weight: 700;
}
.footer p,
.footer a,
.footer li {
margin-bottom: 15px;
}
.footer a:hover {
color: var(--wp--preset--color--button) !important;
}
.footer {
position: relative;
width: 100%;
background-color: var(--wp--preset--color--headline);
}
.footer-col:nth-child(1) {
width: 30%;
}
.footer-col:nth-child(2),
.footer-col:nth-child(3) {
width: 30%;
} .credits {
background-color: #01475c;
margin-top: 5vw;
padding: 30px 0;
}
.credits p {
margin-bottom: 0 !important;
font-size: 0.925rem !important;
}  .wp-block-media-text__media {
display: block;
position: relative;
border-radius: 12px;
}
.wp-block-media-text__media::before {
position: absolute;
content: "";
height: 100%;
width: 50%;
right: -10px;
bottom: -10px;
border-radius: 12px;
background-color: #f4f8da;
z-index: -1;
} .wp-block-gallery .wp-block-image {
overflow: hidden;
}
.wp-block-gallery .wp-block-image img {
transition: 0.44s all ease-in-out;
transform: scale(1);
}
.wp-block-gallery .wp-block-image:hover img {
transform: scale(1.05);
} .is-bg {
position: relative;
}
.is-bg::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #f4f8da;
z-index: 1;
} .double-texture {
position: relative;
}
.double-texture::before {
position: absolute;
display: inline-block;
content: "";
width: 10vw;
height: 10vw;
bottom: -10vh;
left: 0;
background-image: url(https://anpri.net/wp-content/themes/motion-s1-anpri/img/texture/texture-3.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.double-texture::after {
position: absolute;
display: inline-block;
content: "";
width: 10vw;
height: 10vw;
top: 50px;
right: 5vw;
background-image: url(https://anpri.net/wp-content/themes/motion-s1-anpri/img/texture/texture-2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .line-texture {
position: relative;
overflow: hidden;
}
.line-texture::before {
position: absolute;
display: inline-block;
content: "";
width: 30vw;
height: 30vw;
bottom: -5vw;
right: -5vw;
background-image: url(https://anpri.net/wp-content/themes/motion-s1-anpri/img/texture/texture-1.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .plane-texture {
position: relative;
}
.plane-texture::before {
position: absolute;
display: inline-block;
content: "";
width: 15vw;
height: 15vw;
top: 0;
right: 0;
background-image: url(https://anpri.net/wp-content/themes/motion-s1-anpri/img/texture/texture-4.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .cloud-texture {
position: relative;
}
.cloud-texture::before {
position: absolute;
display: inline-block;
content: "";
width: 20vw;
height: 20vw;
top: -50px;
right: 0;
background-image: url(https://anpri.net/wp-content/themes/motion-s1-anpri/img/texture/texture-5.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .card {
position: relative;
}
.card::after {
border-radius: 12px;
}
.card-layer {
display: inline-block;
content: "";
position: absolute;
bottom: -7px;
right: -7px;
width: 45%;
height: 100%;
z-index: -1;
border-radius: 12px;
}  .loop-pagine {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.loop-pagine-card {
position: relative;
justify-content: flex-end;
width: 100%;
min-height: 400px;
padding: 40px;
}
.loop-pagine-layer {
position: absolute;
display: inline-block;
height: 100%;
width: 60%;
right: -8px;
bottom: -8px;
z-index: 1;
border-radius: 12px;
transform: rotate(0) scale(1);
transition: 0.77s all cubic-bezier(0.215, 0.61, 0.355, 1);
}
.loop-pagine-thumb {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 12px;
}
.loop-pagine-thumb::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0, 0, 0);
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.5396533613445378) 0%,
rgba(0, 0, 0, 0) 84%
);
pointer-events: none;
z-index: 2;
}
.loop-pagine-thumb img {
transform: scale(1);
transition: 0.84s all cubic-bezier(0.215, 0.61, 0.355, 1);
}
.loop-pagine-card h3 {
position: relative;
margin-top: auto;
z-index: 5;
color: var(--white);
pointer-events: none;
}
.loop-pagine-card:hover .loop-pagine-thumb img {
transform: scale(1.05);
}
.loop-pagine-card:hover .loop-pagine-layer {
transform: rotate(5deg) scale(0.98);
} .loop-articoli {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.area-riservata-mobile-menu {
display: none;
} @media only screen and (max-width: 1260px) { .header {
background-color: transparent;
}
.fixed {
padding-top: 5px;
box-shadow: unset;
}
.fixed .brand,
.fixed .no-brand,
.fixed .area-riservata-header {
opacity: 0;
pointer-events: none;
} .header .burger {
display: grid;
margin-left: auto !important;
} .area-riservata-header,
.header .logout {
display: none;
} .area-riservata-mobile-menu {
display: block;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #026d8d;
opacity: 0;
}
.area-riservata-mobile-menu h4 {
font-size: var(--wp--preset--font-size--heading-3);
color: var(--white);
padding-bottom: 20px;
color: var(--wp--preset--color--primary);
}
.area-riservata-mobile-menu-wrap {
gap: 12px;
flex-wrap: wrap;
}
.area-riservata-mobile-menu-wrap i {
margin-right: 7px;
}
.area-riservata-mobile-menu-wrap i,
.area-riservata-mobile-menu-wrap a {
color: var(--white);
font-weight: 600;
}
.area-riservata-mobile-menu-wrap a:hover {
color: var(--wp--preset--color--hover);
} .header .header-menu {
position: fixed;
top: 0;
left: -100%;
height: 100%;
width: 100%;
background-color: var(--wp--preset--color--headline);
z-index: 1000;
padding: 150px 5vw 5vw 5vw;
opacity: 0;
pointer-events: none;
overflow-y: scroll;
}
.header .header-menu::-webkit-scrollbar {
display: none;
}
.header ul > li {
display: block;
opacity: 0;
transform: translate(20px, 0) scale(1.05);
}
.header ul > li:not(:last-child) {
margin-bottom: 15px;
}
.header ul > li > a {
font-size: var(--wp--preset--font-size--heading-2);
color: var(--white);
padding: 0;
} .menu-item-has-children > a::after {
font-size: var(--wp--preset--font-size--heading-3);
}
.menu-item-has-children .sub-menu {
position: relative;
opacity: 1;
top: 0;
left: 0;
background-color: transparent;
transform: translate(0, 0) scale(1);
pointer-events: all;
height: 0;
overflow: hidden;
}
.menu-item-has-children .sub-menu > li {
width: 100%;
margin-bottom: 0 !important;
opacity: 1;
transform: translateY(0);
}
.menu-item-has-children .sub-menu > li:not(:last-child) {
border-bottom: 1px solid #0b6580;
}
.menu-item-has-children .sub-menu > li > a {
color: var(--white) !important;
font-size: var(--wp--preset--font-size--heading-4);
padding: 14px 0 !important;
font-weight: 400;
opacity: 0;
}
.show-sub-menu {
padding-top: 20px !important;
overflow: visible !important;
height: auto !important;
box-shadow: unset !important;
}
.show-sub-menu > li > a {
opacity: 1 !important;
} .footer-area-riservata-text {
display: none;
}
} @media only screen and (min-width: 1025px) {
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
padding: 0 8% 0 0 !important;
}
}
@media only screen and (max-width: 1024px) {
.hide-tablet {
display: none;
} .blog-filters {
flex-direction: column-reverse;
} #post-container {
grid-template-columns: repeat(2, 1fr);
} .related-container {
grid-template-columns: repeat(2, 1fr);
} .has-sidebar {
flex-direction: column-reverse;
}
aside {
margin-top: 40px;
padding: 0;
padding-top: 40px;
border-top: 1px solid var(--grey-light);
} .wp-block-media-text {
gap: 40px;
grid-template-columns: repeat(1, 1fr) !important;
}
.wp-block-media-text__media {
grid-column: unset !important;
grid-row: 1 !important;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
min-height: 400px;
}
.wp-block-media-text__media img {
max-height: 400px;
object-fit: cover;
}
.wp-block-media-text__content {
grid-column: unset !important;
grid-row: 2 !important;
padding: 0 !important;
} .double-texture::before,
.double-texture::after {
height: 20vw;
width: 20vw;
}
.media-text.plane-texture::before {
top: unset;
bottom: 0;
height: 25vw;
width: 25vw;
}  .loop-pagine {
grid-template-columns: repeat(2, 1fr);
}
.loop-pagine .loop-pagine-card:nth-child(3) {
grid-column: span 2;
} .loop-articoli {
grid-template-columns: repeat(2, 1fr);
}
.loop-articoli .post-item:nth-child(3) {
grid-column: span 2;
}
.loop-articoli .post-item:nth-child(3) .post-item-thumb {
height: 350px;
}
}
@media only screen and (max-width: 868px) {
.footer-pre {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.footer-area-riservata-text {
display: block;
}
.footer-divider {
display: none;
}
.footer-pre .button {
margin-left: unset;
}
} @media only screen and (max-width: 768px) { #post-container {
grid-template-columns: repeat(1, 1fr);
} .related-container {
grid-template-columns: repeat(1, 1fr);
} .login-area-form,
.login-area-media {
padding: 50px 20px;
}
.login-area-media {
display: none;
}
.login-area-form {
height: auto;
border-radius: 12px;
min-height: 500px;
} .footer-row {
flex-direction: column;
gap: 40px;
}
.footer-col {
width: 100% !important;
} .credits {
margin-top: 50px;
}
.credits .container-70 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}  .wp-block-media-text.is-image-fill .wp-block-media-text__media {
min-height: 300px;
}  .loop-pagine {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.loop-pagine .loop-pagine-card {
min-height: 350px;
}
.loop-pagine .loop-pagine-card:nth-child(3) {
grid-column: span 1;
} .loop-articoli {
grid-template-columns: repeat(1, 1fr);
}
.loop-articoli .post-item:nth-child(3) {
grid-column: span 1;
}
.loop-articoli .post-item:nth-child(3) .post-item-thumb {
height: inherit;
}
} @media only screen and (max-width: 568px) {
}