.cnvs-block-alert {
--cnvs-alert-background: #f8f9fa;
--cnvs-alert-padding: 0.5rem 1rem;
--cnvs-alert-font-size: 0.875rem;
--cnvs-alert-margin-bottom: 1rem;
--cnvs-alert-border-left: 2px solid transparent;
} .cnvs-block-alert {
position: relative;
padding: var(--cnvs-alert-padding);
background: var(--cnvs-alert-background);
font-size: var(--cnvs-alert-font-size);
margin-bottom: var(--cnvs-alert-margin-bottom);
border-left: var(--cnvs-alert-border-left);
}
.cnvs-block-alert.cnvs-block-alert-dismissible {
padding-right: 4rem;
}
.cnvs-block-alert.cnvs-block-alert-dismissible button.cnvs-close {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 0 1rem;
color: inherit;
}
.cnvs-block-alert .cnvs-block-alert-inner h1, .cnvs-block-alert .cnvs-block-alert-inner h2, .cnvs-block-alert .cnvs-block-alert-inner h3, .cnvs-block-alert .cnvs-block-alert-inner h4, .cnvs-block-alert .cnvs-block-alert-inner h5, .cnvs-block-alert .cnvs-block-alert-inner h6 {
margin-bottom: 1rem;
}
.cnvs-block-alert .cnvs-block-alert-inner > * {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.cnvs-block-alert .cnvs-block-alert-inner > *:first-child:last-child {
margin-top: 0;
margin-bottom: 0;
}
.is-style-cnvs-block-alert-primary {
border-left-color: #007bff;
}
.is-style-cnvs-block-alert-secondary {
border-left-color: #6c757d;
}
.is-style-cnvs-block-alert-success {
border-left-color: #28a745;
}
.is-style-cnvs-block-alert-info {
border-left-color: #17a2b8;
}
.is-style-cnvs-block-alert-warning {
border-left-color: #ffc107;
}
.is-style-cnvs-block-alert-danger {
border-left-color: #dc3545;
}
.is-style-cnvs-block-alert-light {
border-left-color: #f8f9fa;
}
.is-style-cnvs-block-alert-dark {
border-left-color: #343a40;
}.cnvs-block-progress {
--cnvs-progress-background: #f8f9fa;
--cnvs-progress-border-radius: .25rem;
--cnvs-progress-font-size: .75rem;
--cnvs-progress-bar-background: #007bff;
--cnvs-progress-bar-color: #fff;
--cnvs-progress-striped-bar-background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
} .cnvs-block-progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: var(--cnvs-progress-font-size);
background-color: var(--cnvs-progress-background);
border-radius: var(--cnvs-progress-border-radius);
}
.cnvs-block-progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--cnvs-progress-bar-color);
text-align: center;
white-space: nowrap;
-webkit-transition: width .6s ease;
transition: width .6s ease;
background-color: var(--cnvs-progress-bar-background);
}
.is-style-cnvs-block-progress-primary .cnvs-block-progress-bar {
background-color: #007bff;
}
.is-style-cnvs-block-progress-secondary .cnvs-block-progress-bar {
background-color: #6c757d;
}
.is-style-cnvs-block-progress-success .cnvs-block-progress-bar {
background-color: #28a745;
}
.is-style-cnvs-block-progress-info .cnvs-block-progress-bar {
background-color: #17a2b8;
}
.is-style-cnvs-block-progress-warning .cnvs-block-progress-bar {
background-color: #ffc107;
}
.is-style-cnvs-block-progress-danger .cnvs-block-progress-bar {
background-color: #dc3545;
}
.is-style-cnvs-block-progress-light .cnvs-block-progress-bar {
background-color: #f8f9fa;
}
.is-style-cnvs-block-progress-dark .cnvs-block-progress-bar {
background-color: #343a40;
}
@media screen and (prefers-reduced-motion: reduce) {
.cnvs-block-progress-bar {
-webkit-transition: none;
transition: none;
}
}
.cnvs-block-progress-striped .cnvs-block-progress-bar {
background-image: var(--cnvs-progress-striped-bar-background-image);
background-size: 1rem 1rem;
}
.cnvs-block-progress-animated .cnvs-block-progress-bar {
-webkit-animation: cnvs-block-progress-stripes 1s linear infinite;
animation: cnvs-block-progress-stripes 1s linear infinite;
}
@-webkit-keyframes cnvs-block-progress-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes cnvs-block-progress-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}.cnvs-block-collapsible {
--cnvs-collapsible-border-top: 1px solid #e9ecef;
--cnvs-collapsible-a-color: #212529;
--cnvs-collapsible-a-hover-color: #adb5bd;
} .cnvs-block-collapsible {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
margin-bottom: 0;
background-clip: border-box;
}
.cnvs-block-collapsible + .cnvs-block-collapsible {
border-top: var(--cnvs-collapsible-border-top);
}
.cnvs-block-collapsible .cnvs-block-collapsible-title h6 {
margin: 0;
}
.cnvs-block-collapsible .cnvs-block-collapsible-title h6 a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.75rem 0;
border: none;
color: var(--cnvs-collapsible-a-color);
-webkit-transition: 0.25s;
transition: 0.25s;
text-decoration: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cnvs-block-collapsible .cnvs-block-collapsible-title h6 a:hover {
color: var(--cnvs-collapsible-a-hover-color);
}
.cnvs-block-collapsible .cnvs-block-collapsible-title h6 a:after {
content: "\e914";
font-family: "canvas-icons";
-webkit-transition: 0.25s;
transition: 0.25s;
}
.cnvs-block-collapsible .cnvs-block-collapsible-content {
display: none;
}
.cnvs-block-collapsible.cnvs-block-collapsible-opened > .cnvs-block-collapsible-title h6 a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.cnvs-block-collapsible.cnvs-block-collapsible-opened > .cnvs-block-collapsible-content {
display: block;
}.cnvs-block-tabs {
--cnvs-tabs-border-width: 1px;
--cnvs-tabs-border-color: #dee2e6;
--cnvs-tabs-border-radius: 0.25rem;
--cnvs-tabs-button-font-size: 1rem;
--cnvs-tabs-button-color: #adb5bd;
--cnvs-tabs-button-hover-color: #212529;
--cnvs-tabs-button-active-color: #000;
--cnvs-tabs-button-active-background: #e9ecef;
--cnvs-tabs-button-pills-color: #adb5bd;
--cnvs-tabs-button-pills-active-color: #000;
--cnvs-tabs-button-pills-active-background: #e9ecef;
--cnvs-pc-tabs-button-active-border-bottom-color: #FFFFFF;
--cnvs-pc-tabs-button-active-background-color: #FFFFFF;
} .cnvs-block-tabs .cnvs-block-tabs-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1.5rem;
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button {
margin-bottom: 1.5rem;
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button a {
display: block;
border: var(--cnvs-tabs-border-width) solid transparent;
border-color: var(--cnvs-tabs-border-color);
padding: 1rem 1.5rem;
line-height: 1;
font-size: var(--cnvs-tabs-button-font-size);
color: var(--cnvs-tabs-button-color);
text-decoration: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-top-left-radius: var(--cnvs-tabs-border-radius);
border-top-right-radius: var(--cnvs-tabs-border-radius);
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button a:hover, .cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button a:focus {
color: var(--cnvs-tabs-button-hover-color);
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active a {
color: var(--cnvs-tabs-button-active-color);
background-color: var(--cnvs-tabs-button-active-background);
}
.cnvs-block-tabs .cnvs-block-tabs-content > .cnvs-block-tab {
display: none;
}
.cnvs-block-tabs .cnvs-block-tabs-content > .cnvs-block-tab.cnvs-block-tab-active {
display: block;
}
.cnvs-block-tabs .cnvs-block-tabs-content > .cnvs-block-tab > *:last-child {
margin-bottom: 0;
}
.cnvs-block-tabs.cnvs-block-tabs-vertical {
margin-bottom: 0;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button {
margin-bottom: 0;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button:last-of-type {
margin-bottom: 1.5rem;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button a {
border-radius: var(--cnvs-tabs-border-radius);
padding: 0.75rem 1rem;
line-height: 1;
color: var(--cnvs-tabs-button-pills-color);
border: none;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active a {
color: var(--cnvs-tabs-button-pills-active-color);
background-color: var(--cnvs-tabs-button-pills-active-background);
}
@media (min-width: 768px) {
.cnvs-block-tabs .cnvs-block-tabs-buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: var(--cnvs-tabs-border-width) solid var(--cnvs-tabs-border-color);
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button {
margin-bottom: 0;
-webkit-transform: translateY(var(--cnvs-tabs-border-width));
transform: translateY(var(--cnvs-tabs-border-width));
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button:not(.cnvs-block-tabs-button-active) a {
border-color: transparent;
}
.cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active a {
border-bottom-color: var(--cnvs-pc-tabs-button-active-border-bottom-color);
background-color: var(--cnvs-pc-tabs-button-active-background-color);
}
.cnvs-block-tabs.cnvs-block-tabs-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
border-bottom: none;
border-right: var(--cnvs-tabs-border-width) solid var(--cnvs-tabs-border-color);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons .cnvs-block-tabs-button a {
width: 100%;
max-width: 100%;
border-right-color: transparent;
border-radius: var(--cnvs-tabs-border-radius) 0 0 var(--cnvs-tabs-border-radius);
-webkit-transform: translateX(var(--cnvs-tabs-border-width));
transform: translateX(var(--cnvs-tabs-border-width));
}
.cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons .cnvs-block-tabs-button-active a {
border-bottom-color: var(--cnvs-tabs-border-color);
}
.cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-content {
margin-left: 5%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons {
border-bottom: none;
border-right: none;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button:last-of-type {
margin-bottom: 0;
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active a {
color: var(--cnvs-tabs-button-pills-active-color);
background-color: var(--cnvs-tabs-button-pills-active-background);
}
.cnvs-block-tabs.is-style-cnvs-block-tabs-pills.cnvs-block-tabs-vertical .cnvs-block-tabs-button-active a {
border-radius: var(--cnvs-tabs-border-radius);
}
}.cnvs-block-section-heading {
--cnvs-section-heading-color: #000000;
--cnvs-section-heading-border-color: #e9ecef;
--cnvs-section-heading-icon-color: #000000;
--cnvs-section-heading-accent-block-backround: #000000;
--cnvs-section-heading-accent-block-color: #FFFFFF;
} .cnvs-block-section-heading {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.cnvs-block-section-heading .cnvs-section-title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: var(--cnvs-section-heading-color);
}
.cnvs-block-section-heading .cnvs-section-title > span {
position: relative;
}
.cnvs-block-section-heading.haligncenter {
text-align: center;
}
.cnvs-block-section-heading.halignright {
text-align: right;
}
.is-style-cnvs-block-section-heading-2,
.section-heading-default-style-2 .is-style-cnvs-block-section-heading-default {
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
padding-bottom: 1em;
}
.is-style-cnvs-block-section-heading-3,
.section-heading-default-style-3 .is-style-cnvs-block-section-heading-default {
border-bottom: 4px solid var(--cnvs-section-heading-border-color);
padding-bottom: 1em;
}
.is-style-cnvs-block-section-heading-4,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-style-cnvs-block-section-heading-4 .cnvs-section-title,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
max-width: 60%;
}
.is-style-cnvs-block-section-heading-4:after,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-4:after,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-4.haligncenter,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.is-style-cnvs-block-section-heading-4.haligncenter:before, .is-style-cnvs-block-section-heading-4.haligncenter:after,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:before,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-4.haligncenter:after,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-4.halignright,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.is-style-cnvs-block-section-heading-4.halignright:before,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:before {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-4.halignright:before,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:before {
margin: 0 1em 0 0;
}
.is-style-cnvs-block-section-heading-4.halignright:after,
.section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:after {
display: none !important;
}
.is-style-cnvs-block-section-heading-5,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-style-cnvs-block-section-heading-5 .cnvs-section-title,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
max-width: 60%;
}
.is-style-cnvs-block-section-heading-5:after,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default:after {
content: '';
border-top: 4px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-5:after,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-5.haligncenter,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.is-style-cnvs-block-section-heading-5.haligncenter:before, .is-style-cnvs-block-section-heading-5.haligncenter:after,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:before,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:after {
content: '';
border-top: 4px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-5.haligncenter:after,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-5.halignright,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.is-style-cnvs-block-section-heading-5.halignright:before,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:before {
content: '';
border-top: 4px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-5.halignright:before,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:before {
margin: 0 1em 0 0;
}
.is-style-cnvs-block-section-heading-5.halignright:after,
.section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:after {
display: none !important;
}
.is-style-cnvs-block-section-heading-6,
.section-heading-default-style-6 .is-style-cnvs-block-section-heading-default {
border-top: 1px solid var(--cnvs-section-heading-border-color);
padding-top: 1em;
}
.is-style-cnvs-block-section-heading-7,
.section-heading-default-style-7 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-7 .cnvs-section-title,
.section-heading-default-style-7 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
padding-bottom: 1em;
}
.is-style-cnvs-block-section-heading-7.haligncenter,
.section-heading-default-style-7 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-7.halignright,
.section-heading-default-style-7 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-style-cnvs-block-section-heading-8,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.is-style-cnvs-block-section-heading-8 .cnvs-section-title,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
border-right: 1px solid var(--cnvs-section-heading-border-color);
padding: 0.125rem 1em 0.125rem 0;
max-width: 60%;
}
.is-style-cnvs-block-section-heading-8:after,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-8.haligncenter,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.is-style-cnvs-block-section-heading-8.haligncenter:before, .is-style-cnvs-block-section-heading-8.haligncenter:after,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter:before,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-8.haligncenter .cnvs-section-title,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title {
border-left: 1px solid var(--cnvs-section-heading-border-color);
border-right: 1px solid var(--cnvs-section-heading-border-color);
padding-left: 1em;
padding-right: 1em;
}
.is-style-cnvs-block-section-heading-8.halignright,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.is-style-cnvs-block-section-heading-8.halignright:before,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright:before {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-8.halignright .cnvs-section-title,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title {
border-left: 1px solid var(--cnvs-section-heading-border-color);
border-right: none;
padding-left: 1em;
padding-right: 0;
}
.is-style-cnvs-block-section-heading-8.halignright:after,
.section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright:after {
display: none !important;
}
.is-style-cnvs-block-section-heading-9,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-9 .cnvs-section-title,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
position: relative;
padding-left: 1.75em;
}
.is-style-cnvs-block-section-heading-9 .cnvs-section-title:before,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
content: '';
margin-right: 0.5em;
height: calc(0.875em + 2px);
width: 2px;
background: var(--cnvs-section-heading-icon-color);
position: absolute;
top: 50%;
left: 0.4375em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.is-style-cnvs-block-section-heading-9 .cnvs-section-title:after,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title:after {
content: '';
height: 2px;
width: calc(0.875em + 2px);
left: 0;
position: absolute;
background: var(--cnvs-section-heading-icon-color);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.is-style-cnvs-block-section-heading-9.haligncenter,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-9.halignright,
.section-heading-default-style-9 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-style-cnvs-block-section-heading-10,
.section-heading-default-style-10 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-10 .cnvs-section-title,
.section-heading-default-style-10 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
position: relative;
padding: 0.5em 1em;
color: var(--cnvs-section-heading-accent-block-color);
}
.is-style-cnvs-block-section-heading-10 .cnvs-section-title:before,
.section-heading-default-style-10 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
position: absolute;
background-color: var(--cnvs-section-heading-accent-block-backround);
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
content: '';
}
.is-style-cnvs-block-section-heading-10.haligncenter,
.section-heading-default-style-10 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-10.halignright,
.section-heading-default-style-10 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-style-cnvs-block-section-heading-11,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-style-cnvs-block-section-heading-11 .cnvs-section-title,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
position: relative;
color: var(--cnvs-section-heading-accent-block-color);
padding: 0.5em 1em;
max-width: 60%;
}
.is-style-cnvs-block-section-heading-11 .cnvs-section-title:before,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
position: absolute;
background-color: var(--cnvs-section-heading-accent-block-backround);
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
content: '';
}
.is-style-cnvs-block-section-heading-11:after,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-11:after,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-11.haligncenter,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.is-style-cnvs-block-section-heading-11.haligncenter:before, .is-style-cnvs-block-section-heading-11.haligncenter:after,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:before,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-11.haligncenter:after,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:after {
margin: 0 0 0 1em;
}
.is-style-cnvs-block-section-heading-11.halignright,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.is-style-cnvs-block-section-heading-11.halignright:before,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:before {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
margin: 0 1em 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 0 1em;
flex: 1 0 1em;
}
.is-style-cnvs-block-section-heading-11.halignright:before,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:before {
margin: 0 1em 0 0;
}
.is-style-cnvs-block-section-heading-11.halignright:after,
.section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:after {
display: none !important;
}
.is-style-cnvs-block-section-heading-12,
.section-heading-default-style-12 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-12 .cnvs-section-title,
.section-heading-default-style-12 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
background-color: var(--cnvs-section-heading-accent-block-backround);
padding: 0.75rem 1rem;
color: var(--cnvs-section-heading-accent-block-color);
}
.is-style-cnvs-block-section-heading-12.haligncenter,
.section-heading-default-style-12 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-12.halignright,
.section-heading-default-style-12 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-style-cnvs-block-section-heading-13,
.section-heading-default-style-13 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-13 .cnvs-section-title,
.section-heading-default-style-13 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
border: 1px solid var(--cnvs-section-heading-border-color);
padding: 0.75rem 1rem;
color: var(--cnvs-section-heading-color);
}
.is-style-cnvs-block-section-heading-13.haligncenter,
.section-heading-default-style-13 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-13.halignright,
.section-heading-default-style-13 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.is-style-cnvs-block-section-heading-14,
.section-heading-default-style-14 .is-style-cnvs-block-section-heading-default {
background-color: var(--cnvs-section-heading-accent-block-backround);
}
.is-style-cnvs-block-section-heading-14 .cnvs-section-title,
.section-heading-default-style-14 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
display: inline-block;
padding: 0.75rem 1rem;
color: var(--cnvs-section-heading-accent-block-color);
}
.is-style-cnvs-block-section-heading-15,
.section-heading-default-style-15 .is-style-cnvs-block-section-heading-default {
border: 1px solid var(--cnvs-section-heading-border-color);
}
.is-style-cnvs-block-section-heading-15 .cnvs-section-title,
.section-heading-default-style-15 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
display: inline-block;
padding: 0.75rem 1rem;
color: var(--cnvs-section-heading-color);
}
.is-style-cnvs-block-section-heading-16,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-style-cnvs-block-section-heading-16 .cnvs-section-title,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
border-right: 1px solid var(--cnvs-section-heading-border-color);
padding: 0.125rem 1em 0.125rem 0;
max-width: 60%;
}
.is-style-cnvs-block-section-heading-16:after,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
height: 0.25rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-16.haligncenter,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.is-style-cnvs-block-section-heading-16.haligncenter:before, .is-style-cnvs-block-section-heading-16.haligncenter:after,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter:before,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter:after {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
height: 0.25rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-16.haligncenter .cnvs-section-title,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title {
border-left: 1px solid var(--cnvs-section-heading-border-color);
border-right: 1px solid var(--cnvs-section-heading-border-color);
padding-left: 1em;
padding-right: 1em;
}
.is-style-cnvs-block-section-heading-16.halignright,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.is-style-cnvs-block-section-heading-16.halignright:before,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright:before {
content: '';
border-top: 1px solid var(--cnvs-section-heading-border-color);
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
height: 0.25rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.is-style-cnvs-block-section-heading-16.halignright .cnvs-section-title,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title {
border-left: 1px solid var(--cnvs-section-heading-border-color);
border-right: none;
padding-left: 1em;
padding-right: 0;
}
.is-style-cnvs-block-section-heading-16.halignright:after,
.section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright:after {
display: none !important;
}
.is-style-cnvs-block-section-heading-17,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.is-style-cnvs-block-section-heading-17 .cnvs-section-title,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
padding-bottom: 1em;
}
.is-style-cnvs-block-section-heading-17 .cnvs-section-title:not([contenteditable="true"]),
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title:not([contenteditable="true"]) {
position: relative;
}
.is-style-cnvs-block-section-heading-17 .cnvs-section-title:after,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title:after {
position: absolute;
left: 0;
bottom: 0;
height: 0;
display: block;
border-bottom: 1px solid var(--cnvs-section-heading-border-color);
width: 100%;
max-width: 30%;
content: '';
}
.is-style-cnvs-block-section-heading-17.haligncenter .cnvs-section-title:after,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title:after {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.is-style-cnvs-block-section-heading-17.halignright .cnvs-section-title:after,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title:after {
left: auto;
right: 0;
}
.is-style-cnvs-block-section-heading-17.haligncenter,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.haligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.is-style-cnvs-block-section-heading-17.halignright,
.section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.halignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}.cnvs-block-section > .cnvs-block-section-outer {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 760px) {
.cnvs-block-section > .cnvs-block-section-outer {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cnvs-block-section > .cnvs-block-section-outer {
max-width: 1000px;
}
}
@media (min-width: 1120px) {
.cnvs-block-section > .cnvs-block-section-outer {
max-width: 1080px;
}
}
@media (min-width: 1240px) {
.cnvs-block-section > .cnvs-block-section-outer {
max-width: 1200px;
}
}
@media (min-width: 1020px) {
.cnvs-block-section > .cnvs-block-section-outer > .cnvs-block-section-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
}
.cnvs-block-section-with-background-color {
padding-top: 20px;
padding-bottom: 20px;
}
.cnvs-block-section-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
min-width: 0;
}
.cnvs-block-section-sidebar-inner > *:not(:first-child) {
margin-top: 3rem;
}
@media (min-width: 1020px) {
.cnvs-block-section-content {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
min-width: 0;
}
.cnvs-block-section-sidebar {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
max-width: 340px;
min-width: 0;
}
}
@media (min-width: 1120px) {
.cnvs-block-section-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 360px;
flex: 0 0 360px;
max-width: 360px;
}
}
@media (min-width: 1120px) {
.cnvs-block-section-sidebar-position-left .cnvs-block-section-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cnvs-block-section-sidebar-position-left .cnvs-block-section-sidebar {
padding-right: 40px;
}
.cnvs-block-section-sidebar-position-right .cnvs-block-section-sidebar {
padding-left: 40px;
}
}
@media (max-width: 1019.98px) {
.cnvs-block-section-sidebar {
max-width: 340px;
margin: 0 auto;
margin-top: 40px;
}
}
@media (min-width: 1020px) {
.cnvs-block-section-layout-align-full {
width: 100vw !important;
margin-right: initial;
margin-left: calc(50% - 50vw);
}
}
.cnvs-block-section-layout-align-full > .cnvs-block-section-outer {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.cnvs-block-section-layout-align-full > .cnvs-block-section-outer > .cnvs-block-section-inner {
margin-right: 0 !important;
margin-left: 0 !important;
}
.cnvs-block-section-layout-align-full .cnvs-block-section-content {
padding-right: 0 !important;
padding-left: 0 !important;
}
.cnvs-block-section-sidebar-sticky-top .cnvs-block-section-sidebar-inner {
position: sticky;
top: 30px;
}
.cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner {
position: sticky;
bottom: 30px;
margin-top: auto;
}
@-moz-document url-prefix() {
.cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner {
position: sticky;
top: 30px;
bottom: initial;
margin-top: initial;
}
}
.cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner {
height: 100%;
}
.cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner > :last-child {
position: sticky;
top: 50px;
}.cnvs-block-row > .cnvs-block-row-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cnvs-block-column {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
}
.cnvs-block-column {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cnvs-block-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
width: 100%;
}
.cnvs-block-column-inner > div {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
width: 100%;
}.cnvs-block-posts .cnvs-block-post-single-excerpt {
margin-top: 1rem;
}
.cnvs-block-posts .cnvs-block-posts-title {
margin-bottom: 1.5rem;
}
.cnvs-block-posts .cnvs-block-posts-title a {
text-decoration: none;
}
.cnvs-block-posts .cnvs-overlay {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.cnvs-block-posts .cnvs-overlay-background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.cnvs-block-posts .cnvs-overlay-background figure {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cnvs-block-posts .cnvs-overlay-background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.cnvs-block-posts .cnvs-overlay-ratio:before {
content: '';
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 0;
height: 100%;
}
.cnvs-block-posts .cnvs-ratio-landscape:before {
padding-bottom: 75%;
}
.cnvs-block-posts .cnvs-overlay-link {
display: block;
width: 100%;
height: 100%;
}
.cnvs-block-posts .cnvs-block-post-single-inner:not(:last-child) {
margin-bottom: 1.5rem;
}
.cnvs-block-posts .cnvs-share-buttons-wrap {
width: 100%;
}
.cnvs-block-posts .cnvs-share-buttons-wrap .cnvs-share-buttons-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cnvs-block-posts .cnvs-block-post-single-view-post-button {
margin-top: 1.5rem;
}
.cnvs-block-posts article:not(:first-child) {
margin-top: 40px;
}
.cnvs-block-posts .pagination {
margin-top: 1.5rem;
}
.entry-content .cnvs-block-posts article.post {
max-width: none;
}
.cnvs-block-posts-layout-list .cnvs-block-post-single-meta {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 760px) {
.cnvs-block-posts-layout-list .cnvs-block-post-single-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.cnvs-block-posts-layout-list .cnvs-block-post-single-inner {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.cnvs-block-posts-layout-list .cnvs-block-post-single-inner:not(:last-child) {
margin-bottom: 0;
}
.cnvs-block-posts-layout-list .cnvs-block-post-single-inner:first-child:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.cnvs-block-posts-layout-list .cnvs-block-post-single-inner + .cnvs-block-post-single-inner {
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cnvs-block-posts-layout-grid .cnvs-block-post-inner + .cnvs-block-post-inner {
margin-top: 1rem;
}
@media (min-width: 760px) {
.cnvs-block-posts-layout-grid .cnvs-block-posts-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.cnvs-block-posts-layout-grid article {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.cnvs-block-posts-layout-grid article:nth-child(-n+2) {
margin-top: 0;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-1 .cnvs-block-posts-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-1 article {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-1 article:not(:first-child) {
margin-top: 40px;
}
}
@media (min-width: 1120px) {
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-4 article {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-4 article:nth-child(-n+3) {
margin-top: 0;
}
}
@media (min-width: 1240px) {
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-3 article {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-3 article:nth-child(-n+3) {
margin-top: 0;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-4 article {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.cnvs-block-posts-layout-grid.cnvs-block-posts-columns-4 article:nth-child(-n+4) {
margin-top: 0;
}
}
.cnvs-block-posts-layout-masonry .cnvs-block-post-inner + .cnvs-block-post-inner {
margin-top: 1rem;
}
.cnvs-block-posts-layout-masonry:not(.cnvs-block-posts-layout-masonry-colcade-ready) .cnvs-block-post-grid-col {
display: none;
}
@media (min-width: 760px) {
.cnvs-block-posts-layout-masonry .cnvs-block-posts-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.cnvs-block-posts-layout-masonry .cnvs-block-post-grid-col,
.cnvs-block-posts-layout-masonry .cnvs-block-posts-inner > article {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.cnvs-block-posts-layout-masonry .cnvs-block-post-grid-col:nth-child(-n+2),
.cnvs-block-posts-layout-masonry .cnvs-block-posts-inner > article:nth-child(-n+2) {
margin-top: 0;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-1 .cnvs-block-posts-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-1 .cnvs-block-posts-inner .cnvs-block-post-grid-col,
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-1 .cnvs-block-posts-inner > article {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-1 .cnvs-block-posts-inner .cnvs-block-post-grid-col:not(:first-child),
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-1 .cnvs-block-posts-inner > article:not(:first-child) {
margin-top: 40px;
}
}
@media (min-width: 1120px) {
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner .cnvs-block-post-grid-col,
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner > article {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner .cnvs-block-post-grid-col:nth-child(-n+3),
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner > article:nth-child(-n+3) {
margin-top: 0;
}
}
@media (min-width: 1240px) {
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-3 .cnvs-block-posts-inner .cnvs-block-post-grid-col,
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-3 .cnvs-block-posts-inner > article {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-3 .cnvs-block-posts-inner .cnvs-block-post-grid-col:nth-child(-n+3),
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-3 .cnvs-block-posts-inner > article:nth-child(-n+3) {
margin-top: 0;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner .cnvs-block-post-grid-col,
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner > article {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner .cnvs-block-post-grid-col:nth-child(-n+4),
.cnvs-block-posts-layout-masonry.cnvs-block-posts-columns-4 .cnvs-block-posts-inner > article:nth-child(-n+4) {
margin-top: 0;
}
}.cnvs-gallery-type-justified {
overflow: hidden;
position: relative;
width: 100%;
min-height: 1.5rem;
}
.cnvs-gallery-type-justified .gallery-item {
display: inline-block;
overflow: hidden;
position: absolute;
margin: 0; opacity: 0.1;
}
.cnvs-gallery-type-justified .gallery-item > img, .cnvs-gallery-type-justified .gallery-item > a > img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
opacity: 0;
}
.cnvs-gallery-type-justified .gallery-item > .caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0.5rem;
opacity: 0;
color: white;
background-color: rgba(0, 0, 0, 0.5);
font-size: 0.75rem;
-webkit-transition: 0.2s ease opacity;
transition: 0.2s ease opacity;
}
.cnvs-gallery-type-justified .gallery-item > .caption.caption-visible {
opacity: 1;
}
.cnvs-gallery-type-justified > .entry-visible {
opacity: 1;
background: none;
}
.cnvs-gallery-type-justified > .entry-visible > img, .cnvs-gallery-type-justified > .entry-visible > a > img {
opacity: 1;
}
.cnvs-gallery-type-justified > .jg-filtered {
display: none;
}
.cnvs-gallery-type-justified.justified-loaded:before {
display: none;
}
.cnvs-gallery-type-justified:before {
width: 1.5rem;
height: 1.5rem;
border: 2px solid rgba(119, 119, 119, 0.25);
border-top-color: #777;
border-radius: 50%;
position: relative;
-webkit-animation: loader-rotate 1s linear infinite;
animation: loader-rotate 1s linear infinite;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
text-align: center;
content: "";
}
@-webkit-keyframes loader-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}.cnvs-gallery-type-slider.gallery {
display: block;
}
.cnvs-gallery-type-slider .gallery-item {
width: 100%;
max-width: 100%;
padding: 0;
}
.cnvs-gallery-type-slider .wp-caption-text {
margin-top: 1rem;
}
.cnvs-gallery-type-slider figure {
margin-bottom: 0;
}
.cnvs-gallery-type-slider img {
width: 100%;
height: auto;
}
.cnvs-gallery-type-slider > .gallery-item:not(:first-child) {
position: fixed;
top: -9999px;
left: -9999px;
}.cnvs-block-posts-sidebar {
--cnvs-posts-sidebar-thumbnail-width: 80px;
--cnvs-posts-sidebar-thumbnail-gutter: 2rem;
--cnvs-posts-sidebar-number-top: 0;
--cnvs-posts-sidebar-number-left: 0;
--cnvs-posts-sidebar-number-right: initial;
--cnvs-posts-sidebar-number-bottom: initial;
--cnvs-posts-sidebar-number-width: 30px;
--cnvs-posts-sidebar-number-height: 30px;
--cnvs-posts-sidebar-number-line-height: 30px;
--cnvs-posts-sidebar-number-background: #000;
--cnvs-posts-sidebar-number-color: white;
--cnvs-posts-sidebar-number-font-size: 80%;
--cnvs-posts-sidebar-number-border-radius: 0;
} .cnvs-block-posts-sidebar .cnvs-posts-list {
padding: 0;
margin: 0;
list-style: none;
}
.cnvs-block-posts-sidebar .cnvs-post-item:not(:first-child) {
margin-top: 1rem;
}
.cnvs-block-posts-sidebar .cnvs-post-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cnvs-block-posts-sidebar .cnvs-post-thumbnail {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
flex: 0 0 var(--cnvs-posts-sidebar-thumbnail-width);
margin-right: var(--cnvs-posts-sidebar-thumbnail-gutter);
}
.cnvs-block-posts-sidebar .cnvs-post-thumbnail img {
width: var(--cnvs-posts-sidebar-thumbnail-width);
height: var(--cnvs-posts-sidebar-thumbnail-width);
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.cnvs-block-posts-sidebar .cnvs-post-data {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
}
.cnvs-block-posts-sidebar .cnvs-post-number {
background: var(--cnvs-posts-sidebar-number-background);
position: absolute;
top: var(--cnvs-posts-sidebar-number-top);
left: var(--cnvs-posts-sidebar-number-left);
right: var(--cnvs-posts-sidebar-number-right);
bottom: var(--cnvs-posts-sidebar-number-bottom);
width: var(--cnvs-posts-sidebar-number-width);
height: var(--cnvs-posts-sidebar-number-height);
line-height: var(--cnvs-posts-sidebar-number-line-height);
color: var(--cnvs-posts-sidebar-number-color);
text-align: center;
font-size: var(--cnvs-posts-sidebar-number-font-size);
border-radius: var(--cnvs-posts-sidebar-number-border-radius);
}
.cnvs-block-posts-sidebar .cnvs-post-data .meta-category {
display: inline-block;
margin-bottom: 0.25rem;
}
.cnvs-block-posts-sidebar .cnvs-post-data .entry-title {
margin-top: 0;
margin-bottom: 0.25rem;
}
.cnvs-block-posts-sidebar .cnvs-post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cnvs-block-posts-sidebar .cnvs-post-meta .avatar {
margin-right: .5rem;
}
.cnvs-block-posts-sidebar .cnvs-post-meta a {
text-decoration: none;
}
.cnvs-block-posts-sidebar .cnvs-post-meta > * + * {
margin-left: .5rem;
}
.cnvs-block-posts-sidebar .cnvs-post-meta > * + *:before {
content: "\b7";
margin-right: .5rem;
}
.cnvs-block-posts-sidebar .cnvs-post-meta .published + .updated {
display: none;
}
.cnvs-block-posts-sidebar .cnvs-post-meta-hide {
display: none;
}
.cnvs-block-posts-sidebar-large .cnvs-post-item:not(:first-child) {
margin-top: 2rem;
}
.cnvs-block-posts-sidebar-large .cnvs-post-outer {
display: block;
}
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail {
margin-right: 0;
margin-bottom: 1rem;
}
.cnvs-block-posts-sidebar-large .cnvs-post-thumbnail img {
width: 100%;
height: auto;
border-radius: 0;
}.gb-wrap {
position: relative;
clear: both;
overflow: clip;
padding: var(--mobile-padding);
border-width: var(--border-width, 0px);
border-style: var(--border-style, none);
border-color: var(--border-color, transparent);
border-radius: var(--border-radius, var(--round-5));
background-color: var(--bg);
--heading-color: inherit;
--header-bg: transparent;
--heading-border-color: transparent;
--dark-heading-color: inherit;
--dark-header-bg: transparent;
--dark-heading-border-color: transparent;
--content-bg: transparent;
--border-style: solid;
--border-width: 0px;
--border-color: transparent;
--dark-border-color: transparent;
--bg: transparent;
--dark-bg: transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
[data-theme='dark'] .gb-wrap {
border-color: var(--dark-border-color, transparent);
background-color: var(--dark-bg);
}
.yes-shadow {
box-shadow: 0 5px 30px var(--shadow-7);
}
.gb-wrap.none-padding {
padding: 0;
}
.gb-header {
padding: var(--mobile-header-padding);
background-color: var(--header-bg, transparent);
}
[data-theme='dark'] .gb-header {
background-color: var(--dark-header-bg, var(--header-bg, transparent));
}
.no-h-spacing .note-header {
padding-bottom: 0;
}
.gb-overlay-link {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
}
.gb-heading {
margin: 0;
color: var(--heading-color, inherit);
--cp-spacing: 0;
}
h2.gb-heading {
font-size: var(--mobile-heading-size, var(--h2-fsize));
}
h3.gb-heading {
font-size: var(--mobile-heading-size, var(--h3-fsize));
}
h4.gb-heading {
font-size: var(--mobile-heading-size, var(--h4-fsize));
}
h5.gb-heading {
font-size: var(--mobile-heading-size, var(--h5-fsize));
}
h6.gb-heading {
font-size: var(--mobile-heading-size, var(--h6-fsize));
}
span.gb-small-heading {
font-size: var(--mobile-sub-heading-size, var(--h4-fsize));
}
.gb-description {
font-size: var(--mobile-description-size, .9rem);
display: block;
margin-top: 7px;
color: var(--description-color, var(--meta-fcolor));
}
[data-theme='dark'] .gb-heading {
color: var(--dark-heading-color);
}
[data-theme='dark'] .gb-description {
color: var(--dark-description-color);
}
[data-theme='dark'] .cta-description {
color: var(--dark-description-color, inherit);
}
.note-content {
display: block;
overflow: hidden;
border-top: 1px solid var(--heading-border-color);
}
.gb-content {
padding: var(--mobile-padding, 20px);
background-color: var(--content-bg);
}
[data-theme='dark'] .gb-content {
background-color: var(--dark-content-bg);
}
.note-content > *:not(:last-child) {
margin-block-start: 0;
margin-block-end: var(--cp-spacing, 1.5rem);
}
.note-header {
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.heading-icon {
margin-right: 7px;
}
.heading-icon img {
width: 1.2em;
min-width: 1.2em;
height: 1.2em;
min-height: 1.2em;
object-fit: contain;
}
.gb-heading .note-title {
font-size: 1em;
margin: 0;
color: inherit;
}
.note-heading {
display: flex;
align-items: center;
}
.yes-toggle .note-header {
cursor: pointer;
}
.yes-toggle .note-content {
display: none;
}
.note-wrap.is-inline:not(.explain) {
display: inline-block;
}
.note-wrap.explain .note-toggle {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.note-toggle {
display: inline-flex;
-webkit-transition: var(--effect);
transition: var(--effect);
}
.is-inline .note-toggle {
-webkit-transition: none;
transition: none;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
div.list-style-element ul,
div.list-style-element ol {
padding-left: 0;
list-style: none;
}
div.list-style-element li {
margin-bottom: var(--item-spacing, .5rem);
}
.list-style-element li:before {
font-size: var(--mobile-icon-size);
display: inline;
padding-right: 7px;
content: var(--icon-code);
vertical-align: middle;
color: var(--icon-color, inherit);
}
.list-style-element.is-icon li:before {
font-family: 'ruby-icon';
}
[data-theme='dark'] .list-style-element li:before {
color: var(--dark-icon-color, inherit);
}
.af-inner {
display: flex;
align-items: flex-start;
flex-flow: row wrap;
flex-grow: 1;
gap: 20px;
}
.af-product .af-image {
display: flex;
flex-shrink: 0;
width: var(--mobile-image-size, 100%);
max-width: 100%;
border-radius: var(--round-7);
object-fit: cover;
}
.gb-wrap .gb-image {
width: var(--mobile-image-size, 100px);
max-width: 100%;
border-radius: var(--image-radius, var(--round-7));
object-fit: cover;
}
.gb-download .gb-image {
display: block;
float: left;
margin-right: 20px;
}
.notice-text:not(:empty) {
display: block;
padding-top: 15px;
}
.af-cta-wrap {
display: flex;
align-items: center;
flex-flow: row nowrap;
flex-grow: 1;
justify-content: space-between;
gap: 20px;
}
.af-content {
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
gap: 10px;
}
.is-btn.af-button {
font-size: var(--mobile-button-size, var(--btn-fsize));
line-height: 1;
position: relative;
z-index: 10;
display: inline-flex;
padding: .8em 1.6em;
text-decoration: none;
color: var(--button-color, var(--btn-accent, var(--awhite)));
border-radius: var(--round-7);
background-color: var(--button-bg, var(--btn-primary, var(--g-color)));
}
.af-product .is-btn.af-button {
padding: 1em 2em;
}
.af-rating {
display: flex;
align-items: center;
flex-flow: row wrap;
padding-top: 5px;
gap: 10px;
--review-color: var(--rating-color, var(--g-color));
}
.af-rating-meta {
color: var(--heading-color, inherit);
}
[data-theme='dark'] .af-rating {
--review-color: var(--dark-rating-color, var(--g-color));
}
[data-theme='dark'] .af-rating-meta {
--review-color: var(--dark-heading-color, var(--g-color));
}
.is-button-border .is-btn.af-button {
color: var(--button-color, var(--body-fcolor));
}
[data-theme='dark'] .is-btn.af-button {
color: var(--dark-button-color, #fff);
}
.af-link {
position: absolute;
z-index: 5;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
span.af-price {
font-size: var(--mobile-price-size);
color: var(--price-color, inherit);
}
.h3.af-price {
font-size: var(--mobile-price-size, var(--h3-fsize));
}
.h4.af-price {
font-size: var(--mobile-price-size, var(--h4-fsize));
}
.af-price del {
font-size: var(--em-small);
margin-right: min(0.5em, 7px);
opacity: .7;
color: var(--body-fcolor);
}
[data-theme='dark'] .af-heading {
color: var(--dark-heading-color);
}
[data-theme='dark'] .af-description {
color: var(--dark-description-color);
}
[data-theme='dark'] span.af-price {
color: var(--dark-price-color);
}
.is-button-border .is-btn.af-button {
border: 1px solid var(--button-bg, var(--btn-primary, currentColor));
background-color: transparent;
}
.is-btn.af-button:hover {
color: var(--button-hover-color, var(--awhite));
border-color: var(--button-hover-bg, var(--dark-accent));
background: var(--button-hover-bg, var(--dark-accent));
--g-color-90: var(--button-hover-bg, var(--dark-accent-90));
}
[data-theme='dark'] .is-button-border .is-btn.af-button {
border-color: var(--dark-button-bg);
}
[data-theme='dark'] .is-btn.af-button:hover {
color: var(--dark-button-hover-color);
border-color: var(--dark-button-hover-bg);
background: var(--dark-button-hover-bg);
--g-color-90: var(--dark-button-hover-bg);
} .af-list-inner {
display: flex;
flex-flow: row wrap;
padding-bottom: 10px;
gap: 20px;
}
.af-list-header {
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
gap: 10px;
}
.af-list-best-price {
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
max-width: 180px;
padding-top: 20px;
border-top: 2px dashed var(--flex-gray-15);
}
.af-list-best-price * {
line-height: 1;
}
.af-list-item-inner {
display: flex;
align-items: center;
flex-flow: row nowrap;
justify-content: space-between;
gap: 20px;
}
.af-list-item .af-button {
border-radius: var(--button-border-radius, var(--round-3));
}
.af-list-item .af-list-logo {
max-width: var(--logo-size, 50px);
height: auto;
}
.af-list-item-left,
.af-list-item-right {
display: flex;
align-items: center;
gap: 20px;
}
.af-list-item {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid var(--flex-gray-15);
}
.af-item-list-btn {
font-size: 12px;
}
.af-list .af-best-price {
font-size: var(--mobile-best-price-size);
text-decoration: none;
color: var(--best-price-color, var(--g-color));
}
[data-theme='dark'] .af-list .af-best-price {
color: var(--dark-best-price-color);
}
.gb-download-header {
display: block;
overflow: hidden;
margin-bottom: 25px;
}
.submitting:before {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
opacity: .9;
background: var(--solid-light);
}
.submitting {
cursor: wait;
}
.gb-download:not(.submitting) .rb-loader {
display: none;
}
.download-checkbox {
font-size: var(--rem-mini);
color: var(--meta-fcolor);
}
.fallback-info {
font-size: var(--rem-mini);
font-style: italic;
margin-bottom: 15px;
color: var(--meta-fcolor);
}
.fallback-download-btn {
display: block;
text-align: center;
}
.accordion-item-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
cursor: pointer;
-webkit-transition: all .25s;
transition: all .25s;
opacity: .5;
border-bottom: 1px solid var(--flex-gray-15);
gap: 5px;
}
.accordion-item-header:hover,
.active .accordion-item-header,
.yes-amp .accordion-item-header {
opacity: 1;
}
.accordion-item-header .rbi {
-webkit-transition: all .25s;
transition: all .25s;
}
.active .accordion-item-header .rbi {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion-item-content {
display: none;
padding: 15px 0;
border-bottom: 1px solid var(--flex-gray-15);
}
.gb-accordion-item:last-child .accordion-item-content {
border-bottom: none;
}
.gb-accordion-item:last-child .accordion-item-header {
border-bottom: none;
}
.yes-open .gb-accordion-item:first-child .accordion-item-content,
.yes-amp .accordion-item-content {
display: block;
}
.gb-highlight {
font-weight: 700;
}
.gb-highlight * {
font-weight: inherit !important;
letter-spacing: inherit;
}
.gb-highlight mark {
color: var(--highlight-color, var(--awhite));
background: var(--highlight-bg, var(--g-color));
}
[data-theme='dark'] .gb-highlight mark {
color: var(--dark-highlight-color, var(--awhite));
background: var(--dark-highlight-bg, var(--g-color));
} .gb-review-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.gb-review-header-inner {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
gap: 40px;
}
.gb-review-featured {
position: relative;
display: block;
overflow: hidden;
border-radius: var(--border-radius, var(--round-5));
}
.gb-review-featured img {
width: 100%;
object-fit: cover;
}
.gb-absolute-meta {
position: absolute;
top: 20px;
right: 20px;
}
.gb-review-content {
display: flex;
flex-flow: column nowrap;
gap: 20px;
}
.top-divider {
position: relative;
padding-top: 23px;
}
.gb-review-header {
display: flex;
flex-flow: column nowrap;
gap: 15px;
}
.review-total-stars {
font-size: var(--rem-mini);
display: flex;
align-items: center;
flex-flow: row wrap;
--rating-size: 16px;
gap: 10px;
}
.gb-review-cards {
display: flex;
flex-flow: row wrap;
margin: -20px;
}
.gb-review-cards > * {
width: 100%;
padding: 20px;
}
.gb-buttons {
position: relative;
z-index: 10;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
gap: 15px;
}
.gb-buttons a {
line-height: 1;
flex-grow: 1;
justify-content: center;
min-width: calc(50% - 10px);
padding: .8em 1.2em;
text-align: center;
}
.is-btn.gb-btn {
font-size: var(--mobile-button-size, var(--btn-fsize));
color: var(--button-color, var(--btn-accent, var(--awhite)));
background-color: var(--button-bg, var(--btn-primary, var(--g-color)));
}
[data-theme='dark'] .is-btn.gb-btn {
color: var(--dark-button-color, var(--btn-accent, var(--awhite)));
background-color: var(--dark-button-bg, var(--btn-primary, var(--g-color)));
}
.is-btn.gb-btn.btn-outlined {
border: 1px solid currentColor;
}
.is-btn.gb-btn.btn-outlined:hover {
border-color: var(--btn-primary-h, var(--g-color));
}
.is-btn.gb-btn.btn-outlined:not(:hover) {
color: var(--is-border-button-color, inherit);
border-color: var(--is-border-button-border, currentColor);
background-color: transparent;
}
[data-theme='dark'] .is-btn.gb-btn.btn-outlined {
color: var(--dark-is-border-button-color, inherit);
}
[data-theme='dark'] .is-btn.gb-btn.btn-outlined:not(:hover) {
color: var(--dark-is-border-button-border, currentColor);
}
.live-fdate {
display: inline-flex;
margin-right: 0;
margin-left: auto;
}
.live-datetime {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding-bottom: 15px;
gap: 7px;
}
.live-datetime:after {
position: absolute;
top: calc(0.8em + 8px);
bottom: 0;
left: calc(.4em + 3px);
content: '';
border-left: 2px solid var(--flex-gray-15);
}
.live-hdate {
position: relative;
display: flex;
margin-left: 0.3em;
}
.live-datetime-dot {
position: relative;
width: .8em;
height: .8em;
margin-left: 4px;
border-radius: 50%;
background: var(--live-color);
}
.live-datetime-dot:after {
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
content: '';
opacity: .5;
border: 2px solid var(--live-color);
border-radius: 50%;
}
.live-blog-interval {
display: flex;
align-items: center;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
padding: 7px 20px;
border-left: 5px solid;
border-radius: var(--round-7);
box-shadow: 0 4px 20px var(--shadow-7);
}
.live-blog-total {
display: inline-flex;
align-items: center;
gap: .15em;
}
.live-blog-total i {
font-size: 1.4em;
margin-right: 5px;
}
.live-interval {
display: inline-flex;
align-items: center;
gap: 15px;
}
.rb-switch {
position: relative;
display: inline-flex;
width: 48px;
height: 26px;
}
input[type='checkbox'].rb-switch-input {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
.rb-switch-slider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
transition: .4s;
border-radius: 34px;
background-color: var(--flex-gray-40);
}
.rb-switch-slider:before {
position: absolute;
bottom: 3px;
left: 3px;
width: 20px;
height: 20px;
content: '';
transition: .4s;
border-radius: 50%;
background-color: #fff;
}
.rb-switch-input:checked + .rb-switch-slider {
background-color: var(--live-color, var(--g-color));
}
.rb-switch-input:checked + .rb-switch-slider:before {
transform: translateX(22px);
} .gb-cta-inner {
display: flex;
flex-flow: column nowrap;
row-gap: var(--mobile-description-margin, 20px);
}
.gb-cta-header {
display: flex;
flex-flow: column nowrap;
gap: var(--mobile-description-margin, 10px);
flex-grow: 1;
}
.cta-description {
color: var(--description-color, inherit);
font-size: var(--mobile-description-size, 1rem);
}
.gb-cta-featured {
display: flex;
flex-shrink: 0;
}
.gb-cta-content {
display: flex;
gap: 15px;
align-items: center;
flex-flow: column-reverse nowrap;
}
.is-btn.cta-btn {
flex-grow: 0;
}
.gb-cta .gb-buttons {
justify-content: flex-start;
}
.cta-left .gb-buttons {
justify-content: flex-end;
}
.gb-block-info {
font-size: 12px;
font-style: italic;
margin-top: -5px;
}
.gb-slider-scrollbar {
display: block;
position: relative;
max-width: 100%;
overflow: clip;
border-radius: var(--round-3);
}
.gb-image-slider .gb-slider-scrollbar.pre-load {
max-height: none;
background-color: #8881;
}
.gb-slider-scrollbar.pre-load > * {
opacity: 0;
}
.gb-slider-scrollbar .wp-element-caption {
display: none;
}
.gb-slider-scrollbar img {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.gb-slider-scrollbar .wp-block-image {
position: relative;
display: block;
padding-bottom: calc(var(--slider-ratio, 60) * 1%);
}
.gb-slider-scrollbar a img {
transition: all .3s;
}
.gb-slider-scrollbar a:hover img {
transform: scale(1.1);
opacity: .7;
}
.gb-slider-scrollbar.swiper-container-horizontal > .swiper-scrollbar {
bottom: 20px;
left: 15%;
width: 70%;
height: 3px;
}
.gb-image-caption {
min-height: 32px;
padding-top: 7px;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.af-inner, .af-list-inner {
flex-flow: row nowrap;
}
.gb-wrap, .gb-content {
padding: var(--tablet-padding);
}
.gb-header {
padding: var(--tablet-header-padding);
}
.gb-heading {
font-size: var(--tablet-heading-size);
}
h2.gb-heading {
font-size: var(--tablet-heading-size, var(--h2-fsize));
}
h3.gb-heading {
font-size: var(--tablet-heading-size, var(--h3-fsize));
}
h4.gb-heading {
font-size: var(--tablet-heading-size, var(--h4-fsize));
}
h5.gb-heading {
font-size: var(--tablet-heading-size, var(--h5-fsize));
}
h6.gb-heading {
font-size: var(--tablet-heading-size, var(--h6-fsize));
}
span.gb-small-heading {
font-size: var(--tablet-sub-heading-size, var(--h4-fsize));
}
.gb-description {
font-size: var(--tablet-description-size, .9rem);
}
.is-btn.gb-btn {
font-size: var(--tablet-button-size, var(--btn-fsize));
}
.list-style-element li:before {
font-size: var(--tablet-icon-size);
}
span.af-price {
font-size: var(--tablet-price-size);
}
.h3.af-price {
font-size: var(--tablet-price-size, var(--h3-fsize));
}
.h4.af-price {
font-size: var(--tablet-price-size, var(--h4-fsize));
}
.gb-wrap .gb-image,
.af-product .af-image {
width: var(--tablet-image-size, 120px);
}
.af-list .af-best-price {
font-size: var(--tablet-best-price-size);
}
.af-cta-wrap {
flex-flow: column nowrap;
flex-shrink: 0;
max-width: 200px;
}
.is-btn.af-button {
font-size: var(--tablet-button-size, var(--btn-fsize));
}
.af-list-inner {
gap: 30px;
}
.af-list-best-price {
align-items: flex-end;
flex-flow: column nowrap;
justify-content: flex-start;
width: auto;
padding-top: 0;
padding-left: 30px;
border-top: none;
border-left: 2px dashed var(--flex-gray-15);
gap: 10px;
}
.gb-cta-content {
flex-flow: row nowrap;
gap: 30px;
}
.cta-left .gb-cta-content {
flex-flow: row-reverse nowrap;
}
.gb-cta-inner {
row-gap: var(--tablet-description-margin, 25px);
}
.gb-cta-header {
gap: var(--tablet-description-margin, 10px);
}
.cta-description {
font-size: var(--tablet-description-size, 1rem);
}
}
@media (min-width: 1025px) {
.gb-wrap, .gb-content {
padding: var(--desktop-padding);
}
.gb-header {
padding: var(--desktop-header-padding);
}
.af-product {
flex-flow: row nowrap;
}
.gb-heading {
font-size: var(--desktop-heading-size);
}
h2.gb-heading {
font-size: var(--desktop-heading-size, var(--h2-fsize));
}
h3.gb-heading {
font-size: var(--desktop-heading-size, var(--h3-fsize));
}
h4.gb-heading {
font-size: var(--desktop-heading-size, var(--h4-fsize));
}
h5.gb-heading {
font-size: var(--desktop-heading-size, var(--h5-fsize));
}
h6.gb-heading {
font-size: var(--desktop-heading-size, var(--h6-fsize));
}
span.gb-small-heading {
font-size: var(--desktop-sub-heading-size, var(--h4-fsize));
}
.gb-description {
font-size: var(--desktop-description-size, .9rem);
}
.af-list .af-best-price {
font-size: var(--desktop-best-price-size);
}
.list-style-element li:before {
font-size: var(--desktop-icon-size);
}
span.af-price {
font-size: var(--desktop-price-size);
}
.h3.af-price {
font-size: var(--desktop-price-size, var(--h3-fsize));
}
.h4.af-price {
font-size: var(--desktop-price-size, var(--h4-fsize));
}
.gb-wrap .gb-image,
.af-product .af-image {
width: var(--desktop-image-size, 150px);
}
.is-btn.af-button,
.is-btn.gb-btn {
font-size: var(--desktop-button-size, var(--btn-fsize));
}
.gb-cta-inner {
row-gap: var(--desktop-description-margin, 30px);
}
.gb-cta-header {
gap: var(--dekstop-description-margin, 15px);
}
.cta-description {
font-size: var(--dekstop-description-margin, 1rem);
}
.gb-review-content {
gap: 25px;
}
.top-divider {
padding-top: 28px;
}
.review-total-stars {
--rating-size: 18px;
}
.gb-review-cards > * {
width: 50%;
}
.gb-buttons a {
min-width: calc(33% - 10px);
}
}
@media (max-width: 767px) {
.gb-download .mc4wp-form-fields > div {
flex-flow: column nowrap;
}
.af-list-best-price {
justify-content: space-between;
width: 100%;
max-width: 100%;
}
.af-list-item-inner > * {
flex-flow: column nowrap;
gap: 10px;
}
.af-list-item-left {
align-items: flex-start;
}
}