:root {
--animate-duration: 0.6s;
--animate-delay: 1s;
--animate-repeat: 1;
--animate-distance: 6.25rem;
}
.animate__animated {
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.animate__animated.run-animation {
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
--animate-duration: 2s;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, calc(var(--animate-distance) * -1), 0);
transform: translate3d(0, calc(var(--animate-distance) * -1), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, calc(var(--animate-distance) * -1), 0);
transform: translate3d(0, calc(var(--animate-distance) * -1), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(calc(var(--animate-distance) * -1), 0, 0);
transform: translate3d(calc(var(--animate-distance) * -1), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(calc(var(--animate-distance) * -1), 0, 0);
transform: translate3d(calc(var(--animate-distance) * -1), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--animate-distance), 0, 0);
transform: translate3d(var(--animate-distance), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(var(--animate-distance), 0, 0);
transform: translate3d(var(--animate-distance), 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, var(--animate-distance), 0);
transform: translate3d(0, var(--animate-distance), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, var(--animate-distance), 0);
transform: translate3d(0, var(--animate-distance), 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animate__revealRight,
.animate__revealLeft,
.animate__revealUp,
.animate__revealDown
{
animation-timing-function: cubic-bezier(.7,0,.3,1);
animation-duration: 1s;
animation-fill-mode: both;
animation-play-state: paused;
-webkit-animation-timing-function: cubic-bezier(.7,0,.3,1);
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-play-state: paused;
}
.animate__revealRight.run-animation,
.animate__revealLeft.run-animation,
.animate__revealUp.run-animation,
.animate__revealDown.run-animation{
animation-play-state: running;
-webkit-animation-play-state: running;
}
@keyframes revealLeft {
from {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@-webkit-keyframes revealLeft {
from {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.animate__revealLeft{
animation-name: revealLeft;
}
@keyframes revealRight {
from {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@-webkit-keyframes revealRight {
from {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.animate__revealRight{
animation-name: revealRight;
}
@keyframes revealUp {
from {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@-webkit-keyframes revealUp {
from {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.animate__revealUp{
animation-name: revealUp;
}
@keyframes revealDown {
from {
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@-webkit-keyframes revealDown {
from {
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.animate__revealDown{
animation-name: revealDown;
}
.delay-200 {
animation-delay: 0.2s;
}
.delay-400 {
animation-delay: 0.4s;
}
.delay-600 {
animation-delay: 0.6s;
}
.delay-800 {
animation-delay: 0.8s;
}
.delay-1000 {
animation-delay: 1s;
}
.delay-1500 {
animation-delay: 1.5s;
}
.delay-2000 {
animation-delay: 2s;
}
.delay-2500 {
animation-delay: 2.5s;
}
.delay-3000 {
animation-delay: 3s;
}
.delay-cols-2 .animate__animated:nth-child(2n + 2) {
animation-delay: 0.2s;
}
.delay-cols-3 .animate__animated:nth-child(3n + 2) {
animation-delay: 0.2s;
}
.delay-cols-3 .animate__animated:nth-child(3n + 3) {
animation-delay: 0.4s;
}
.delay-cols-4 .animate__animated:nth-child(4n + 2) {
animation-delay: 0.2s;
}
.delay-cols-4 .animate__animated:nth-child(4n + 3) {
animation-delay: 0.4s;
}
.delay-cols-4 .animate__animated:nth-child(4n + 4) {
animation-delay: 0.6s;
}
.count-up {
opacity: 0;
transition: 0.5s;
}
.count-up.run-animation {
opacity: 1;
}
.lettering {
opacity: 0;
overflow: hidden;
font-kerning: none;
}
.lettering span {
display: inline-block;
}
.lettering-lines span{
display: block;
}
.lettering.run-animation {
opacity: 1;
}
#horizontal-scroll-container {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
height: 100vh;
}
#horizontal-scroll-container .horizontal-scroll-section {
width: 100%;
height: 100%;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 !important;
max-width: none !important;
}:root {
--icon-angle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-gutter-y: 1.5rem;
--border-color: #1F1F1F33;
}
body {
opacity: 0;
transition: opacity 1s ease-out;
&.show-body {
opacity: 1;
}
}
.mark,
mark {
padding: unset;
color: unset;
background-color: unset;
}
.row {
gap: var(--bs-gutter-x) 0;
margin-block-start: unset;
>* {
margin-block-start: unset;
}
}
figure {
margin: unset;
}
b,
strong {
font-weight: 700;
}
body.no-scroll {
overflow: hidden;
padding-inline-end: 0px;
}
.overlay {
background-color: rgba(255, 255, 255, .5);
position: fixed;
width: 100%;
height: 100%;
z-index: 990;
left: 0;
top: 0;
display: none;
}
summary {
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
.grecaptcha-badge {
right: -300px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
hr {
margin-block-start: var(--wp--custom--main-size);
margin-block-end: 0;
&:first-child {
margin-block-start: 0;
}
}
a {
outline: 0;
&:hover,
&:focus,
&:active {
outline: 0;
}
}
.btn-close:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
outline: 0;
box-shadow: none;
}
.form-control:focus {
border-color: none;
box-shadow: none;
}
img {
max-width: 100%;
height: auto;
}
.map {
line-height: 1;
iframe {
width: 100%;
}
}
@media (max-width: 1199px) {
.mobile-scroll::-webkit-scrollbar {
display: none;
}
.mobile-scroll.list-posts.list-post-grid {
width: 100vw;
margin-inline: -1.5rem !important;
padding-inline: 1.5rem;
display: flex;
flex-wrap: nowrap;
gap: var(--wp--custom--main-size);
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
>* {
flex: 1 0 min(90%, 400px);
}
}
}
.loader {
width: 3rem;
height: 3rem;
border: 5px solid var(--wp--preset--color--primary);
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: loaderRotation 0.8s linear infinite;
}
@keyframes loaderRotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ajax-load-more-wrap.infinite.skype>.alm-btn-wrap .alm-load-more-btn {
background-image: url(//www.lacorreccional.net/wp-content/themes/lacorreccional/images/loading-light.svg) !important;
background-size: 2rem;
} ::-webkit-input-placeholder {
opacity: 0.8;
}
::-moz-placeholder {
opacity: 0.8;
}
:-ms-input-placeholder {
opacity: 0.8;
}
:-moz-placeholder {
opacity: 0.8;
}
label {
display: block;
}
select,
input[type='text'],
input[type='url'],
input[type='date'],
input[type='file'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='number'],
input[type='file'],
input[type='search'],
textarea {
display: block;
width: 100%;
padding: .531rem .75rem;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border: 1px solid var(--border-color);
border-radius: var(--wp--custom--border-radius);
color: var(--wp--preset--color--primary);
&:focus {
outline: none;
box-shadow: none;
}
&[readonly] {
background-color: #e9ecef;
opacity: 1;
}
}
textarea {
height: 120px;
}
select {
-moz-padding-start: calc(0.75rem - 3px);
line-height: 1.5;
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1.25rem auto;
background-image: var(--icon-angle);
}
button,
input[type='button'],
input[type='submit'] {
border: none;
background: transparent;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wp-block-read-more,
.wp-block-post-navigation-link a,
.wp-block-post-excerpt__more-link,
.wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-block-button__link,
.navigation.post-navigation .nav-links a,
.btn,
button,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
text-align: center;
padding: var(--wp--custom--button-padding-y) var(--wp--custom--button-padding-x);
border-width: var(--wp--custom--button-border-width);
border-style: var(--wp--custom--button-border-style);
border-radius: var(--wp--custom--button-border-radius);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.navigation.post-navigation .nav-links a,
.wp-block-read-more,
.wp-block-post-navigation-link a,
.wp-block-post-excerpt__more-link,
.btn-custom,
.xoo-wsc-ft-btn,
.xoo-wsc-body a.xoo-wsc-btn,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
text-decoration: none;
background-color: var(--wp--preset--color--primary);
color: #FFF;
border-color: var(--wp--preset--color--primary);
&:hover {
color: #FFF;
background-color: var(--wp--custom--color-primary-hover);
border-color: var(--wp--custom--color-primary-hover);
}
}
.wp-block-button {
&.is-style-outline {
.wp-block-button__link {
&:hover {
border-color: var(--wp--preset--color--primary);
background-color: var(--wp--preset--color--primary);
color: #FFFFFF;
}
}
}
}
.wp-block-button {
&.is-style-alternative {
.wp-block-button__link {
background-color: var(--wp--preset--color--secondary);
border-color: var(--wp--preset--color--secondary);
color: #FFF;
&:hover {
background-color: var(--wp--custom--color-secondary-hover);
border-color: var(--wp--custom--color-secondary-hover);
}
}
}
}
.light-form {
::-webkit-input-placeholder {
opacity: 0.8;
color: #FFF;
}
::-moz-placeholder {
opacity: 0.8;
color: #FFF;
}
:-ms-input-placeholder {
opacity: 0.8;
color: #FFF;
}
:-moz-placeholder {
opacity: 0.8;
color: #FFF;
}
a,
label {
color: #FFF;
}
select,
input[type='text'],
input[type='url'],
input[type='date'],
input[type='file'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='number'],
input[type='file'],
input[type='search'],
textarea {
background: none;
color: #FFF;
border-color: currentColor;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
} .wpcf7-form {
.wpcf7-form-control-wrap {
display: block;
}
.field-cf7 {
margin-block-end: calc(var(--wp--custom--main-size) / 2);
>p {
margin: 0;
}
label {
margin-block-end: 0.188rem;
}
}
.wpcf7-list-item {
margin: 0;
display: block;
}
&.submitting {
.wpcf7-submit {
background-image: url(//www.lacorreccional.net/wp-content/themes/lacorreccional/images/loading-light.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 1.25rem;
color: transparent;
pointer-events: none;
}
}
.wpcf7-submit {
min-width: 9.375rem;
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7-not-valid {
border-color: #f00;
+.nice-select {
border-color: #f00;
}
}
div.wpcf7-response-output {
margin: 0 0 0.75rem 0;
padding: 0.313rem;
font-size: 0.875rem;
}
&.invalid .wpcf7-response-output {
color: #8a6d3b;
background-color: #fcf8e3;
border: 1px solid #faebcc;
border-radius: var(--wp--custom--border-radius);
}
&.sent .wpcf7-response-output {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
border-radius: var(--wp--custom--border-radius);
}
span.wpcf7-not-valid-tip {
font-size: 0.875rem;
padding-block-start: 0.3125rem;
display: block;
}
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
}
.wpcf7-field-group-remove,
.wpcf7-field-group-add {
border: none;
border-radius: 30px;
background-color: var(--wp--preset--color--primary);
color: #FFF;
font-size: 18px;
padding: 8px 30px;
display: block;
&:hover {
color: #FFFF;
background-color: #134A8C;
}
}
.wpcf7-field-group-add {
max-width: 200px;
margin: 10px auto 20px auto;
}
.options-inline {
.wpcf7-radio,
.wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1.5rem;
label {
font-weight: 400;
}
}
}
@media (min-width: 768px) {
.cf7-two-cols {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 0 calc(var(--wp--custom--main-size) / 2);
}
} .owl-carousel {
--owl-button-size: 2.813rem;
position: relative;
&:not(.owl-loaded) {
display: flex !important;
opacity: 0;
}
.owl-stage {
display: flex;
flex-wrap: wrap;
}
.owl-nav {
margin-top: var(--wp--custom--main-size);
button {
transition: background-color 0.3s ease-out;
width: var(--owl-button-size);
height: var(--owl-button-size);
overflow: hidden;
background: var(--wp--preset--color--primary) url(//www.lacorreccional.net/wp-content/themes/lacorreccional/images/icon-plus.svg) center/1.2rem no-repeat !important;
span {
display: none;
}
}
[class*="owl-"] {
margin-block: 0;
}
[class*="owl-"]:hover {
background-color: var(--wp--custom--color-primary-hover) !important;
}
}
}
.owl-theme {
.owl-nav.disabled+.owl-dots {
margin-top: var(--wp--custom--main-size);
}
.owl-dots {
margin-top: var(--wp--custom--main-size);
line-height: 1;
.owl-dot {
span {
width: 1rem;
height: 1rem;
margin: .25rem;
background: none;
border: 1px solid var(--wp--preset--color--primary);
transition: background .3s ease-out;
}
&.active,
&:hover {
span {
background-color: var(--wp--custom--color-primary-hover);
opacity: 1;
}
}
}
}
}
@media (min-width: 1400px) {
.is-style-middle-arrows {
padding: 0 calc(var(--wp--custom--main-size) * 2.5);
position: relative;
.owl-carousel {
.owl-nav {
margin-top: 0;
position: absolute;
top: calc(50% - 1.563rem);
left: 0;
width: 100%;
pointer-events: none;
button {
margin: 0;
pointer-events: auto;
}
button.owl-prev {
float: left;
margin-left: calc(var(--owl-button-size) * -1 - 0.75rem);
}
button.owl-next {
float: right;
margin-right: calc(var(--owl-button-size) * -1 - 0.75rem);
}
}
}
}
} .navigation {
padding-block-start: calc(var(--wp--custom--main-size) * 2);
.screen-reader-text {
display: none;
}
&.pagination {
.nav-links {
width: 100%;
display: flex;
justify-content: center;
gap: calc(var(--wp--custom--main-size) / 1.5);
font-size: 1.375rem;
line-height: 1;
}
a,
span {
border: none;
transition: opacity 0.3s ease-out;
text-decoration: none;
}
a:hover,
span.current {
opacity: 0.5;
}
}
&.post-navigation {
padding: var(--wp--custom--main-size);
padding-block-start: calc(var(--wp--custom--main-size) * 2);
.nav-links {
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
display: flex;
justify-content: space-between;
.nav-next {
margin-inline-start: auto;
}
a {
min-width: 130px;
}
}
}
}
nav.woocommerce-pagination,
.wp-block-query-pagination {
padding-top: calc(var(--wp--custom--main-size) * 2);
margin-block-start: 0;
line-height: 1;
.page-numbers {
list-style: none;
}
.page-numbers,
.wp-block-query-pagination-numbers {
display: flex;
justify-content: center;
gap: calc(var(--wp--custom--main-size) / 1.5);
font-size: 1.375rem;
a,
span {
border: none;
color: var(--wp--preset--color--primary);
transition: opacity 0.3s ease-out;
text-decoration: none;
}
a:hover,
span.current {
opacity: 0.5;
}
}
.wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next-arrow {
margin: 0;
font-size: 1.375rem;
line-height: 1;
}
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
margin: 0;
}
@media (min-width: 1200px) {
nav.woocommerce-pagination,
.wp-block-query-pagination,
.navigation {
padding-block-start: calc(var(--wp--custom--main-size) * 3);
}
} .error404 {
#top-bar,
.main-footer,
.main-header {
display: none;
}
main {
position: fixed;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
section {
h1 {
font-size: 6.25rem;
line-height: 1;
}
h2 {
line-height: 1;
}
}
} body.search-results,
body.single-post {
main {
--wp--style--global--content-size: 60rem;
}
}
.book,
.post {
.wp-block-post-featured-image {
a {
display: block;
}
img {
max-width: none;
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: var(--wp--custom--border-radius);
}
}
.wp-block-post-terms {
a {
text-decoration: none;
}
}
.wp-block-post-meta {
font-size: 90%;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
>div:not(:last-child):after {
margin-inline-start: 0.75rem;
content: '|';
}
}
}
.wp-block-post-template,
.list-posts {
.book,
.post {
--wp--custom--main-size: 1rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
>* {
margin-block-start: var(--wp--custom--main-size);
&:first-child:first-child {
margin-block-start: 0;
}
}
a {
text-decoration: none;
}
.wp-block-post-title {
font-size: 1.375rem;
}
.wrap-wp-block-post-excerpt {
margin-block-end: var(--wp--custom--main-size);
>* {
margin-block-start: var(--wp--custom--main-size);
&:first-child:first-child {
margin-block-start: 0;
}
}
.wp-block-post-excerpt {
margin-bottom: 0;
}
}
.wp-block-read-more {
margin-block-start: auto;
}
}
}
.list-posts {
display: grid;
gap: var(--wp--custom--main-size);
grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
}
@media (min-width: 1200px) {
.wp-block-post-template.is-layout-grid,
.list-posts {
gap: calc(var(--wp--custom--main-size) * 1.5);
}
}
.list-posts-search {
article {
padding-bottom: calc(var(--wp--custom--main-size) * 1.5);
&:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
}
body.search-no-results {
main {
--wp--style--global--content-size: 31.25rem;
text-align: center;
min-height: 60vh;
}
} .accordion {
--bs-accordion-bg: none;
--bs-accordion-active-bg: none;
--bs-accordion-color: currentColor;
--bs-accordion-active-color: currentColor;
--bs-accordion-border-radius: 0;
--bs-accordion-inner-border-radius: 0;
--bs-accordion-btn-focus-box-shadow: none;
--bs-accordion-border-color: transparent;
--bs-accordion-btn-padding-x: 0;
--bs-accordion-body-padding-x: 0;
--bs-accordion-body-padding-y: var(--wp--custom--main-size);
--bs-accordion-btn-icon: var(--icon-angle);
--bs-accordion-btn-active-icon: var(--icon-angle);
--bs-accordion-btn-color: currentColor;
}
.accordion-header {
border-bottom: 1px solid currentColor;
}
@media (min-width: 1200px) {
.accordion-button {
font-size: 1.25rem;
}
} a:where(:not(.wp-element-button)) {
transition: color .3s ease-out;
}
.container,
.container-xl,
.container-xxl {
padding-inline: var(--wp--style--root--padding-left);
max-width: 1348px;
}
.container-fluid {
padding-inline: var(--wp--style--root--padding-left);
}
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 3);
}
#main.section {
padding-block-start: calc(var(--wp--custom--main-size) * 3.5);
}
@media (min-width: 992px) {
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 3);
}
#main.section {
padding-block-start: calc(var(--wp--custom--main-size) * 4);
}
}
@media (min-width: 1200px) {
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 4);
}
} .is-style-d-none {
display: none !important;
}
.wp-block-details {
summary {
border-bottom: 1px solid currentColor;
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0 0 1rem 0;
line-height: 1.3;
&:after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-inline-start: auto;
content: "";
background-repeat: no-repeat;
background-image: var(--icon-angle);
transition: transform 0.2s ease-in-out;
}
}
&[open] {
padding-block-end: var(--wp--custom--main-size);
summary {
&:after {
transform: rotate(-180deg);
}
}
}
&.has-background {
border-radius: var(--wp--custom--border-radius);
summary {
padding-inline: var(--wp--custom--main-size);
padding-block-start: 1rem;
}
> :where(:not(summary)) {
margin-inline: var(--wp--custom--main-size);
}
}
}
hr,
.wp-block-separator {
opacity: unset;
border-top: 1px solid #1F1F1F4D;
border-block-end: 0;
}
.has-global-padding>.wp-block-group.alignfull.has-background.is-layout-constrained {
padding-inline: var(--wp--custom--main-size);
}
.wp-block-social-link {
transition: opacity 0.3s ease-out;
&:hover {
transform: scale(1);
opacity: 0.8;
}
}
body {
&.page-no-top-space {
#main {
padding-block-start: 0;
}
}
&.page-no-bottom-space {
#main {
padding-block-end: 0;
}
}
} .main-header {
z-index: 980;
position: fixed;
width: 100%;
top: 0;
font-family: var(--wp--preset--font-family--heading-font);
padding-block: var(--wp--custom--main-size);
font-size: 26px;
line-height: 1;
background-color: #FFF;
.col-right {
display: flex;
flex-wrap: wrap;
}
.row {
justify-content: space-between;
align-items: center;
}
}
@media (min-width: 768px) {
.main-header {
font-size: 22px;
#btn-menu {
display: none;
}
}
}
@media (min-width: 1024px) {
.main-header {
padding-block: var(--wp--custom--main-size);
}
}
@media (min-width: 1200px) {
.main-header {
padding-block: calc(var(--wp--custom--main-size) * 1.5);
}
} .hamburger-box {
width: 35px;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
height: 2px;
width: 35px;
}
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: calc(var(--wp--custom--main-size) * 2);
text-transform: lowercase;
} #fullpage-menu {
background-color: #FFF;
padding: calc(var(--wp--custom--main-size) * 3) var(--wp--custom--main-size);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 975;
display: flex;
flex-wrap: wrap;
align-items: center;
transition: transform .8s cubic-bezier(.7, 0, .3, 1);
transform: translateY(-105%);
font-family: var(--wp--preset--font-family--heading-font);
overflow-y: auto;
.inner {
width: 100%;
}
#main-navigation {
ul.menu,
ul.sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
ul.menu {
display: block; li {
&.separator {
border-bottom: 1px solid #CCC;
padding-block-end: calc(var(--wp--custom--main-size) * 2);
margin-block-end: calc(var(--wp--custom--main-size) * 2);
}
&.lang-item {
text-transform: lowercase;
}
a {
text-decoration: none;
font-size: 50px;
line-height: 1.25;
}
.sub-menu {
padding-inline-start: var(--wp--custom--main-size);
li {
a {
text-transform: unset;
font-size: 1.5em;
}
}
}
&.current-menu-item {
a {
color: var(--wp--preset--color--primary);
}
}
}
}
}
}
@media (min-width: 1200px) {
#fullpage-menu {
#main-navigation {
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
ul.menu {
li {
width: fit-content;
a {
display: inline-flex;
align-items: center;
gap: 0.75rem;
&::before {
content: '';
display: block;
top: 0;
left: 0;
width: 0;
height: 3px;
background-color: currentColor;
transition: all .3s ease-out;
}
&:hover {
color: var(--wp--preset--color--primary);
&::before {
width: 1.875rem;
}
}
}
}
}
}
}
}
body {
&.show-menu {
overflow: hidden;
padding-right: 0px;
#fullpage-menu {
transform: translateY(0);
}
}
} .main-footer {
padding-block: var(--wp--custom--main-size);
.top-footer {
border-top: 1px solid #1F1F1F33;
padding-block-start: calc(var(--wp--custom--main-size) * 2);
}
}
@media (min-width: 992px) {
.main-footer {
padding-block-start: calc(var(--wp--custom--main-size) * 3);
padding-block-end: calc(var(--wp--custom--main-size) * 2);
.top-footer {
padding-block-start: 0;
border: none;
}
}
} .fh-section {
min-height: 100svh;
}
.sticky-section {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
position: sticky;
top: 0;
align-items: end;
.inner {
width: 100%;
}
}
@media (max-width: 992px) {
.sticky-section {
min-height: 50svh;
}
}
.has-xx-large-font-size {
hyphens: auto;
}
.section-content {
position: relative;
z-index: 20;
box-shadow: 0px -10px 14px 0px rgba(0, 0, 0, 0.08);
}
.owl-project {
position: relative;
.owl-nav {
position: absolute;
margin: 0;
top: 50%;
transform: translateY(-50%);
right: var(--wp--custom--main-size);
button[class*="owl-"] {
margin: 0;
border-radius: 50%;
background-color: rgba(255, 255, 255, .75) !important;
&:hover {
background-color: rgba(255, 255, 255, 1) !important;
}
}
.owl-prev {
display: none !important;
}
}
}
.project {
display: grid;
grid-gap: calc(var(--wp--custom--main-size) * .5);
grid-template-columns: repeat(3, minmax(0, 1fr));
&:not(:first-child) {
margin-block-start: calc(var(--wp--custom--main-size) * 3);
}
figure {
grid-column: span 3;
margin-inline: calc(var(--wp--custom--main-size) * -1);
overflow: hidden;
img {
aspect-ratio: 4/3;
object-fit: cover;
}
}
h2 {
font-size: clamp(2.5rem, 2.3519rem + 0.7407vw, 3rem);
margin: 0;
line-height: 1;
font-family: var(--wp--preset--font-family--body-font);
}
p {
margin: 0;
line-height: 1.2;
}
.sub-title {
font-family: var(--wp--preset--font-family--heading-font);
text-transform: lowercase;
font-size: 1rem;
margin-bottom: .3rem;
}
.item {
grid-column: span 3;
}
.item-title {
border-bottom: 1px solid var(--border-color);
padding-bottom: calc(var(--wp--custom--main-size) * .5);
}
.item-task {
border-bottom: 1px solid var(--border-color);
padding-bottom: calc(var(--wp--custom--main-size) * .5);
}
.item-client {
grid-column: span 2;
border-right: 1px solid var(--border-color);
padding-right: calc(var(--wp--custom--main-size) * .5);
}
.item-year {
grid-column: span 1;
}
}
@media (min-width: 992px) {
.project {
grid-gap: var(--wp--custom--main-size);
grid-template-rows: 2;
position: relative;
&:after {
content: '';
position: absolute;
top: 0;
left: 66%;
width: 1px;
height: 100%;
background-color: var(--border-color);
}
figure {
grid-column: span 1;
grid-row: span 2;
margin: 0;
img {
aspect-ratio: 3/4;
border-radius: var(--wp--custom--border-radius);
}
}
.item {
grid-column: span 1;
}
.item-task,
.item-title,
.item-client {
border: none;
padding: 0;
}
.item-title {
padding-inline-end: var(--wp--custom--main-size);
}
.item-client {
order: 1;
align-self: flex-end;
}
.item-year {
align-self: flex-end;
}
&:nth-child(even) {
figure {
grid-column: 3 / 4;
}
.item-title {
grid-row: 1 / 2;
grid-column: 1 / 2;
}
.item-task {
grid-row: 1 / 2;
grid-column: 2 / 3;
}
&:after {
content: '';
position: absolute;
top: 0;
left: 32.2%;
width: 1px;
height: 100%;
background-color: var(--border-color);
}
}
}
}
@media (min-width: 1200px) {
.project {
figure {
transform-origin: 0 50%;
transition: transform .2s ease-out;
position: relative;
z-index: 99;
.owl-next {
opacity: 0;
transition: all .2s ease-out;
}
&:hover {
transform: scale(1.2);
.owl-next {
transform: scale(.8);
opacity: 1;
}
}
}
&:nth-child(even) {
figure {
transform-origin: 100% 50%;
}
}
}
}
#projects {
min-height: 100vh;
margin-block-end: calc(var(--wp--custom--main-size) * 5);
}
.page-template-page-projects {
.main-footer {
&:after {
content: '';
display: block;
width: 100%;
height: 60px;
}
}
}
@media (max-width: 768px) {
#projects {
padding-block-start: 0 !important;
}
}
.filter-projects {
background-color: #FFF;
position: fixed;
width: 100%;
padding: var(--wp--custom--main-size);
padding-block-end: calc(var(--wp--custom--main-size) * 4);
bottom: 0;
z-index: 990;
font-family: var(--wp--preset--font-family--heading-font);
font-size: 1rem;
box-shadow: 0px -10px 14px 0px rgba(0, 0, 0, 0.08);
transition: transform .8s cubic-bezier(.7, 0, .3, 1);
transform: translateY(110%);
ul {
padding-left: 1rem;
}
.btn {
&:hover {
text-decoration: underline;
}
&.current {
text-decoration: underline;
}
}
}
.nav-filters {
position: fixed;
z-index: 995;
bottom: var(--wp--custom--main-size);
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.75);
color: #FFF;
border-radius: var(--wp--custom--border-radius);
font-family: var(--wp--preset--font-family--heading-font);
padding-inline: var(--wp--custom--main-size);
padding-block: calc(var(--wp--custom--main-size) * .5);
display: flex;
gap: var(--wp--custom--main-size);
.btn {
color: currentColor;
text-transform: lowercase;
padding: 0 0 .2rem 0;
line-height: 1;
border: none;
&:hover {
text-decoration: underline;
}
&.current {
text-decoration: underline;
}
&.show {
opacity: .5;
}
}
ul {
column-gap: var(--wp--custom--main-size);
}
}
#filter-year {
ul {
columns: 3;
}
}
#filter-tag {
ul {
columns: 2;
}
}
@media (min-width: 768px) {
#filter-year {
ul {
columns: 5;
}
}
#filter-tag {
ul {
columns: 4;
}
}
#filter-client {
ul {
columns: 2;
}
}
}
@media (min-width: 992px) {
#filter-client,
#filter-tag,
#filter-year {
ul {
columns: 5;
}
}
.nav-filters {
gap: calc(var(--wp--custom--main-size) * 2);
}
}
@media (min-width: 1200px) {
.filter-projects {
padding: calc(var(--wp--custom--main-size) * 2);
padding-block-end: calc(var(--wp--custom--main-size) * 5);
}
}
body {
&.open-filter-client {
#filter-client.filter-projects {
transform: translateY(0);
}
}
&.open-filter-year {
#filter-year.filter-projects {
transform: translateY(0);
}
}
&.open-filter-tag {
#filter-tag.filter-projects {
transform: translateY(0);
}
}
&.filtered-project_client {
button[data-filter="filter-client"] {
text-decoration: underline;
}
}
&.filtered-project_year {
button[data-filter="filter-year"] {
text-decoration: underline;
}
}
&.filtered-project_tag {
button[data-filter="filter-tag"] {
text-decoration: underline;
}
}
}
.page .wp-block-post-featured-image-page {
img {
min-height: 100svh;
object-fit: cover;
max-width: none;
width: 100%;
}
}
.typed-home {
position: relative;
.typed-strings {
all: unset !important;
}
p {
display: block;
opacity: 0;
}
span {
position: absolute;
top: 0;
left: 0;
}
}
.home-main-section {
padding-top: 0 !important;
.inner {
min-height: 50vh;
}
.inner-top {
align-content: end;
}
.inner-middle {
align-content: end;
padding-block-end: calc(var(--wp--custom--main-size) * 1);
.animate__fadeIn {
animation-play-state: running;
animation-delay: 4.5s;
}
}
}
.home-feature-text {
position: sticky;
top: 0;
}
@media (max-width: 600px) {
.home-feature-text {
padding-top: 0 !important;
}
}
.page-id-10 {
.main-footer {
.top-footer {
border: none;
padding-block-start: 0;
}
}
}
.span-filter {
cursor: pointer;
&:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
}
}
:root :where(a:where(:not(.wp-element-button)):hover) {
text-decoration-thickness: 1px;
}