: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: rgba(0, 0, 0, 0.15);
}
.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(0, 0, 0, .5);
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
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);
}
}
}
.btn-link {
--bs-btn-color: var(--wp--preset--color--primary);
--bs-btn-hover-color: var(--wp--custom--color-primary-hover);
--bs-btn-active-color: var(--wp--custom--color-primary-hover);
--bs-btn-disabled-color: #6c757d;
} .whatsapp-fixed {
--wfb-space: calc(var(--wp--custom--main-size) / 2);
position: fixed;
bottom: var(--wfb-space);
left: var(--wfb-space);
z-index: 999;
a {
width: 3.125rem;
height: 3.125rem;
background-color: #25d366;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 10px;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3e%3c/svg%3e");
}
&.left {
left: var(--wfb-space);
}
&.right {
left: unset;
right: var(--wfb-space);
}
}
@media (min-width: 1200px) {
.whatsapp-fixed {
--wfb-space: calc(var(--wp--custom--main-size) / 1.5);
bottom: var(--wfb-space);
a {
width: 3.75rem;
height: 3.75rem;
padding: 1rem;
transition: background 0.3s ease-out;
&:hover {
background-color: #11b04c;
}
}
&.left {
left: var(--wfb-space);
}
&.right {
right: var(--wfb-space);
}
}
}
.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(//suite.portafolioverde.com/wp-content/themes/pvsuite/images/loading-light.svg) !important;
background-size: 2rem;
} ::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: .75rem 1rem;
line-height: 1.5;
background-color: #f2f2f2;
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: 2rem;
color: var(--wp--preset--color--primary);
font-size: 0.875rem;
&: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);
font-weight: 700;
&: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: var(--wp--preset--color--primary);
&:hover {
background-color: var(--wp--custom--color-secondary-hover);
border-color: var(--wp--custom--color-secondary-hover);
}
}
}
}
.light-form {
::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");
}
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0.75rem;
height: 100%;
background-repeat: no-repeat;
background-size: 1.25rem auto;
background-position: center;
background-image: var(--icon-angle);
b {
display: none;
}
}
body .select2-container,
body .ui-widget.ui-datepicker {
z-index: 5 !important;
}
.select2-container--default {
.select2-selection--single {
border: 1px solid var(--border-color);
border-radius: var(--wp--custom--border-radius);
height: 40px;
line-height: 40px;
margin: 0;
display: flex;
align-items: center;
.select2-selection__rendered {
color: #000;
}
}
}
.nice-select {
float: none;
font-size: 1rem;
border: 1px solid #dee2e6;
border-radius: 0;
padding-left: 0.75rem;
line-height: 40px;
border-radius: var(--wp--custom--border-radius);
.list {
width: 100%;
border-radius: 0;
border: 1px solid #dee2e6;
}
&:after {
margin-top: -0.125rem;
right: 0.75rem;
}
} .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(//suite.portafolioverde.com/wp-content/themes/pvsuite/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-theme {
.owl-nav:not(.disabled) {
margin-top: var(--wp--custom--main-size);
text-align: unset;
display: flex;
justify-content: center;
gap: calc(var(--wp--custom--main-size) * .5);
button {
span {
display: none;
}
&.owl-next {
transform: rotate(180deg);
}
}
[class*="owl-"] {
transition: background-color 0.3s ease-out;
width: var(--owl-button-size);
height: var(--owl-button-size);
overflow: hidden;
background-color: var(--wp--preset--color--primary);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
margin: 0;
}
[class*="owl-"] {
margin-block: 0;
}
[class*="owl-"]:hover {
background-color: var(--wp--custom--color-primary-hover);
}
}
}
}
.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;
justify-content: space-between;
button {
margin: 0;
pointer-events: auto;
}
button.owl-prev {
margin-left: calc(var(--owl-button-size) * -1 - 0.75rem);
}
button.owl-next {
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;
}
}
} .search-form {
display: flex;
label {
flex: 1 1 auto;
}
input[type='search'] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
input[type='submit'] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: transparent;
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='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: 1.125rem;
padding-inline: 0;
}
}
.wrap-search {
background-color: #FFFFFF;
position: fixed;
width: 100%;
z-index: 9999;
left: 0;
top: 0;
padding: 1.5rem 0;
transform: translateY(-100%);
transition: transform 0.35s ease-out;
&.open {
transform: translate(0);
}
}
@media (min-width: 768px) {
.wrap-search {
.search-form,
.dgwt-wcas-sf-wrapp {
margin: 0 auto;
max-width: 50rem;
}
}
}
@media (min-width: 992px) {
.wrap-search {
padding: 2.25rem 0;
}
} .bg-blog {
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 360px;
background-image: url(//suite.portafolioverde.com/wp-content/themes/pvsuite/images/bg-banner.png);
background-repeat: no-repeat;
background-size: cover;
z-index: -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;
}
.wp-block-post-featured-image {
a {
display: block;
}
img {
aspect-ratio: 3/3.5;
}
}
.wrap-wp-block-post-excerpt {
margin-block-end: var(--wp--custom--main-size);
>* {
margin-block-start: var(--wp--custom--main-size);
&: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: minmax(0, 1fr);
}
@media (min-width: 600px) {
.list-posts {
grid-template-columns: repeat(2, minmax(0, 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;
}
.wp-block-jupa-bootstrap-accordion-item {
border-bottom: 1px solid var(--border-color);
}
.accordion-button {
font-weight: 700;
}
@media (min-width: 768px) {
.accordion-button {
font-size: var(--wp--preset--font-size--large);
}
}
@media (min-width: 1200px) {
.accordion {
--bs-accordion-btn-padding-y: var(--wp--custom--main-size);
}
}
.section-faqs {
.wp-block-jupa-bootstrap-accordion {
max-width: none;
margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
.accordion-body,
h2 {
max-width: var(--wp--style--global--content-size);
margin-inline: auto;
padding-inline: var(--wp--custom--main-size);
}
}
}
@media (min-width: 1200px) {
.section-faqs {
.wp-block-jupa-bootstrap-accordion {
.accordion-body {
padding-inline-end: 30%;
}
}
}
} a:where(:not(.wp-element-button)) {
transition: color .3s ease-out;
}
table {
width: 100%;
max-width: 100%;
background-color: transparent;
&:not(:first-child) {
margin-block-start: var(--wp--custom--main-size);
}
}
table:not(.variations) td,
table:not(.variations) th {
padding: .3rem;
}
table:not(.variations) td,
table:not(.variations) th {
border-top: 1px solid #dee2e6;
}
.container,
.container-xl,
.container-xxl {
padding-inline: var(--wp--style--root--padding-left);
max-width: 1320px;
}
.container-fluid {
padding-inline: var(--wp--style--root--padding-left);
}
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 2);
}
@media (min-width: 992px) {
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 2.5);
}
}
@media (min-width: 1200px) {
section.wp-block-group,
.section {
padding-block: calc(var(--wp--custom--main-size) * 3);
}
} .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 var(--border-color);
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;
}
}
}
.is-style-masked {
position: relative;
&:before {
content: '';
position: absolute;
top: 3%;
right: 5%;
width: 25%;
height: 20%;
background-color: #000;
border-radius: 1rem;
}
video,
img {
mask-image: url(//suite.portafolioverde.com/wp-content/themes/pvsuite/images/img-mask.png);
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
}
.is-style-bordered {
background-color: #000;
padding: 1.25rem;
border-radius: 1.5rem;
position: relative;
&::after {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 100%;
height: 100%;
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .75);
border-radius: 1.35rem;
}
video {
position: relative;
z-index: 99;
width: 100%;
max-width: none;
border-radius: .6rem;
overflow: hidden;
}
} .main-header {
z-index: 998;
position: sticky;
width: 100%;
top: 0;
.col-logo {
a {
display: block;
img {
max-width: 150px;
}
}
}
}
@media (max-width: 1023px) {
.main-header {
.col-nav {
position: absolute;
left: 0;
width: 100%;
top: 0;
padding: 0;
}
.row {
height: 70px;
.col-right,
.col-logo {
z-index: 99; }
.col-right {
margin-inline-end: 3.4rem;
position: absolute;
right: 0;
}
}
}
}
@media (min-width: 1024px) {
.main-header {
padding-block: var(--wp--custom--main-size);
transition: all 0.2s ease-out;
background-color: var(--wp--preset--color--secondary); &.nav-hide {
transform: translateY(-100%); }  }
}
@media (min-width: 1200px) {
.main-header {
.col-logo a img {
max-width: 200px;
}
}
} #mega-toggle-block-1 {
margin-inline-end: 16px !important;
}
@media (max-width: 1023px) {
#mega-menu-wrap-primary #mega-menu-primary {
>li.mega-menu-item {
>a.mega-menu-link {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
margin: 0 var(--wp--custom--main-size);
padding: 0;
&:hover {
background: none !important;
}
span.mega-indicator {
position: absolute;
right: 0;
}
}
&:last-child {
>a.mega-menu-link {
border: none !important;
}
}
}
>li.mega-menu-flyout.mega-toggle-on {
>a.mega-menu-link {
border: none !important
}
}
>li.mega-menu-flyout ul.mega-sub-menu {
padding: 0;
>li.mega-menu-item {
background-color: rgba(0, 0, 0, 0.05);
>a.mega-menu-link {
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
margin: 0 1rem;
&:hover {
background: none !important;
}
}
}
}
}
}
@media (min-width: 1024px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child {
margin-inline-end: 0;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.btn-menu>a.mega-menu-link {
background-color: #000 !important;
color: #FFF;
padding-inline: 1rem;
border-radius: 2rem;
}
} .main-footer {
.top-footer {
padding-block: calc(var(--wp--custom--main-size) * 2);
}
a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
@media (min-width: 992px) {
.main-footer {
.top-footer {
padding-block: calc(var(--wp--custom--main-size) * 2.5);
}
}
}
@media (min-width: 1200px) {
.main-footer {
.top-footer {
padding-block: calc(var(--wp--custom--main-size) * 3);
}
}
} @media (min-width: 992px) {
.wp-block-jupa-bootstrap-row {
.row {
--bs-gutter-x: 3rem;
}
}
}
@media (min-width: 992px) {
.wp-block-heading.has-xx-large-font-size {
font-size: 5rem !important;
line-height: 1;
}
}
@media (min-width: 1200px) {
.wp-block-heading.has-xx-large-font-size {
font-size: 8rem !important;
line-height: 1;
}
} @media (min-width: 1200px) {
.module-number {
position: relative;
&:after {
content: '';
position: absolute;
top: calc(50% - 1px);
right: 90px;
width: 50vw;
height: 2px;
background-color: var(--border-color);
}
}
}
@media (min-width: 1600px) {
.module-number {
min-width: 85px;
margin-inline-start: -110px !important;
}
}
.module-features {
ul {
padding-inline-start: 1rem;
}
}
@media (min-width: 992px) {
.module-features {
h2 {
min-height: 68px;
}
}
.bg-half-circle {
background-image: url(//suite.portafolioverde.com/wp-content/themes/pvsuite/images/half-circle.png);
background-repeat: no-repeat;
background-position: bottom right;
}
}
.item-diferencia {
border-top: 1px solid var(--border-color);
padding-block: var(--wp--custom--main-size);
transition: all .5s ease-out;
h3 {
border: 1px solid var(--border-color);
text-align: center;
padding: .5em;
border-radius: 3rem;
transition: all .5s ease-out;
}
&:last-child {
border-bottom: 1px solid var(--border-color);
}
&:hover {
background-color: var(--wp--preset--color--primary);
color: #FFF;
h3 {
background-color: #FFF;
color: var(--wp--preset--color--primary);
}
}
}
@media (min-width: 1200px) {
.section-home-blog {
position: relative;
overflow: hidden;
&::after {
content: '';
position: absolute;
bottom: -370px;
left: -240px;
width: 700px;
height: 700px;
border: 50px solid var(--wp--preset--color--primary);
border-radius: 50%;
}
}
.card-module {
transition: all .5s ease-out;
position: relative;
a {
&:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
&:hover {
color: var(--wp--preset--color--primary) !important;
background-color: var(--wp--preset--color--secondary) !important;
.wp-block-button {
&.is-style-alternative {
.wp-block-button__link {
background-color: var(--wp--preset--color--primary) !important;
color: var(--wp--preset--color--secondary) !important;
}
}
}
}
}
}
.owl-logos .owl-carousel .owl-item img {
object-fit: contain !important;
}