body {
--vamtam-accent-color-1: var(--e-global-color-vamtam_accent_1);
--vamtam-accent-color-1-hc: hsl(from var(--e-global-color-vamtam_accent_1) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-2: var(--e-global-color-vamtam_accent_2);
--vamtam-accent-color-2-hc: hsl(from var(--e-global-color-vamtam_accent_2) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-3: var(--e-global-color-vamtam_accent_3);
--vamtam-accent-color-3-hc: hsl(from var(--e-global-color-vamtam_accent_3) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-4: var(--e-global-color-vamtam_accent_4);
--vamtam-accent-color-4-hc: hsl(from var(--e-global-color-vamtam_accent_4) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-5: var(--e-global-color-vamtam_accent_5);
--vamtam-accent-color-5-hc: hsl(from var(--e-global-color-vamtam_accent_5) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-6: var(--e-global-color-vamtam_accent_6);
--vamtam-accent-color-6-hc: hsl(from var(--e-global-color-vamtam_accent_6) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-7: var(--e-global-color-vamtam_accent_7);
--vamtam-accent-color-7-hc: hsl(from var(--e-global-color-vamtam_accent_7) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-accent-color-8: var(--e-global-color-vamtam_accent_8);
--vamtam-accent-color-8-hc: hsl(from var(--e-global-color-vamtam_accent_8) h 0 calc(100 - round(calc(l + 10), 100)));
--vamtam-primary-font-color: var(--e-global-color-vamtam_primary_font_color);
--vamtam-primary-font-font-size: var(--e-global-typography-vamtam_primary_font-font-size);
--vamtam-primary-font-font-family: var(--e-global-typography-vamtam_primary_font-font-family);
--vamtam-primary-font-font-weight: var(--e-global-typography-vamtam_primary_font-font-weight);
--vamtam-primary-font-font-style: var(--e-global-typography-vamtam_primary_font-font-style);
--vamtam-primary-font-text-transform: var(--e-global-typography-vamtam_primary_font-text-transform);
--vamtam-primary-font-text-decoration: var(--e-global-typography-vamtam_primary_font-text-decoration);
--vamtam-h1-color: var(--e-global-color-vamtam_h1_color);
--vamtam-h1-font-size: var(--e-global-typography-vamtam_h1-font-size);
--vamtam-h1-font-family: var(--e-global-typography-vamtam_h1-font-family);
--vamtam-h1-font-weight: var(--e-global-typography-vamtam_h1-font-weight);
--vamtam-h1-font-style: var(--e-global-typography-vamtam_h1-font-style);
--vamtam-h1-text-transform: var(--e-global-typography-vamtam_h1-text-transform);
--vamtam-h1-text-decoration: var(--e-global-typography-vamtam_h1-text-decoration);
--vamtam-h2-color: var(--e-global-color-vamtam_h2_color);
--vamtam-h2-font-size: var(--e-global-typography-vamtam_h2-font-size);
--vamtam-h2-font-family: var(--e-global-typography-vamtam_h2-font-family);
--vamtam-h2-font-weight: var(--e-global-typography-vamtam_h2-font-weight);
--vamtam-h2-font-style: var(--e-global-typography-vamtam_h2-font-style);
--vamtam-h2-text-transform: var(--e-global-typography-vamtam_h2-text-transform);
--vamtam-h2-text-decoration: var(--e-global-typography-vamtam_h2-text-decoration);
--vamtam-h3-color: var(--e-global-color-vamtam_h3_color);
--vamtam-h3-font-size: var(--e-global-typography-vamtam_h3-font-size);
--vamtam-h3-font-family: var(--e-global-typography-vamtam_h3-font-family);
--vamtam-h3-font-weight: var(--e-global-typography-vamtam_h3-font-weight);
--vamtam-h3-font-style: var(--e-global-typography-vamtam_h3-font-style);
--vamtam-h3-text-transform: var(--e-global-typography-vamtam_h3-text-transform);
--vamtam-h3-text-decoration: var(--e-global-typography-vamtam_h3-text-decoration);
--vamtam-h4-color: var(--e-global-color-vamtam_h4_color);
--vamtam-h4-font-size: var(--e-global-typography-vamtam_h4-font-size);
--vamtam-h4-font-family: var(--e-global-typography-vamtam_h4-font-family);
--vamtam-h4-font-weight: var(--e-global-typography-vamtam_h4-font-weight);
--vamtam-h4-font-style: var(--e-global-typography-vamtam_h4-font-style);
--vamtam-h4-text-transform: var(--e-global-typography-vamtam_h4-text-transform);
--vamtam-h4-text-decoration: var(--e-global-typography-vamtam_h4-text-decoration);
--vamtam-h5-color: var(--e-global-color-vamtam_h5_color);
--vamtam-h5-font-size: var(--e-global-typography-vamtam_h5-font-size);
--vamtam-h5-font-family: var(--e-global-typography-vamtam_h5-font-family);
--vamtam-h5-font-weight: var(--e-global-typography-vamtam_h5-font-weight);
--vamtam-h5-font-style: var(--e-global-typography-vamtam_h5-font-style);
--vamtam-h5-text-transform: var(--e-global-typography-vamtam_h5-text-transform);
--vamtam-h5-text-decoration: var(--e-global-typography-vamtam_h5-text-decoration);
--vamtam-h6-color: var(--e-global-color-vamtam_h6_color);
--vamtam-h6-font-size: var(--e-global-typography-vamtam_h6-font-size);
--vamtam-h6-font-family: var(--e-global-typography-vamtam_h6-font-family);
--vamtam-h6-font-weight: var(--e-global-typography-vamtam_h6-font-weight);
--vamtam-h6-font-style: var(--e-global-typography-vamtam_h6-font-style);
--vamtam-h6-text-transform: var(--e-global-typography-vamtam_h6-text-transform);
--vamtam-h6-text-decoration: var(--e-global-typography-vamtam_h6-text-decoration);
--vamtam-default-bg-color: #fff;
--vamtam-default-line-color: var(--vamtam-accent-color-7);
--vamtam-vertical-padding: 30px;
--vamtam-no-border-link: none;
--vamtam-border-radius: 0px;
--vamtam-border-radius-oval: 0px;
--vamtam-border-radius-small: 0px;
--vamtam-sticky-header-bg-color: var(--e-global-color-vamtam_sticky_header_bg_color);
}
.icon,
.icon-a:after,
.icon-b:before {
font-family: 'icomoon' !important;
font-weight: normal !important;
font-style: normal !important;
speak: none;
display: inline-block;
min-width: 1em;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.theme.icon,
.theme.icon-a:after,
.theme.icon-b:before {
font-family: 'vamtam-theme' !important;
}
.custom.icon,
.custom.icon-a:after,
.custom.icon-b:before {
font-family: 'vamtam-custom-icons' !important;
}
.icon[data-icon]:before,
.icon-b:before,
.icon-a:after {
content: " " attr(data-icon) " ";
}
.icon-b.icon-a:before {
content: " " attr(data-iconb) " ";
}
.icon-b.icon-a:after {
content: " " attr(data-icona) " ";
} html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {
overflow-y: scroll;
}
html,
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
ins {
color: var(--vamtam-accent-color-1);
text-decoration: none;
}
mark {
background-color: #ffffbd;
color: #000;
font-weight: bold;
padding: 0px 5px;
}
del {
color: inherit;
opacity: 0.5;
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
clear: both;
}
input,
select {
vertical-align: middle;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
select,
input,
textarea,
button {
font: 100%/1.15 inherit;
} pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
:disabled {
cursor: not-allowed;
}  a:hover,
a:active {
outline: none;
} nav ul,
nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
b,
strong,
th {
font-weight: bold;
}
td {
vertical-align: top;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre { white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}  input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: middle;
} label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
button,
input,
select,
textarea { margin: 0;
box-shadow: none;
border-radius: 0;
}
button {
padding: 0;
}
button,
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
background-image: none;
} button {
width: auto;
overflow: visible;
}
select,
input,
textarea {
color: #444;
} .ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: start;
direction: ltr;
} .hidden {
display: none;
visibility: hidden;
} .screen-reader-text,
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
}
html.no-js .nojs-hide {
display: none;
}     .vamtam-font-primary-font,
body,
.comments #cancel-comment-reply-link,
.woocommerce #reviews #comments #cancel-comment-reply-link,
#commentform,
blockquote.small p,
blockquote.small,
blockquote.simple .quote-text,
blockquote cite,
blockquote .wp-block-pullquote__citation,
blockquote .wp-block-quote__citation,
blockquote cite a,
blockquote .wp-block-pullquote__citation a,
blockquote .wp-block-quote__citation a,
.wp-caption figcaption,
.wp-block-image figure figcaption,
.wp-caption .wp-caption-text,
.wp-block-image figure figcaption,
figure.wp-block-image figcaption,
.entry-caption,
.gallery-caption {
font: var( --vamtam-primary-font-font-style, normal ) var( --vamtam-primary-font-font-weight, normal ) var( --vamtam-primary-font-font-size-desktop )/var( --vamtam-primary-font-line-height-desktop ) var( --vamtam-primary-font-font-family );
letter-spacing: var( --vamtam-primary-font-letter-spacing-desktop, normal );
text-transform: var( --vamtam-primary-font-transform, none );
-webkit-text-decoration: var( --vamtam-primary-font-decoration, none );
text-decoration: var( --vamtam-primary-font-decoration, none );
}
.vamtam-font-primary-font-tablet {
font: var( --vamtam-primary-font-font-style, normal ) var( --vamtam-primary-font-font-weight, normal ) var( --vamtam-primary-font-font-size-tablet )/var( --vamtam-primary-font-line-height-tablet ) var( --vamtam-primary-font-font-family );
letter-spacing: var( --vamtam-primary-font-letter-spacing-tablet, normal );
text-transform: var( --vamtam-primary-font-transform, none );
-webkit-text-decoration: var( --vamtam-primary-font-decoration, none );
text-decoration: var( --vamtam-primary-font-decoration, none );
}
.vamtam-font-primary-font-phone {
font: var( --vamtam-primary-font-font-style, normal ) var( --vamtam-primary-font-font-weight, normal ) var( --vamtam-primary-font-font-size-phone )/var( --vamtam-primary-font-line-height-phone ) var( --vamtam-primary-font-font-family );
letter-spacing: var( --vamtam-primary-font-letter-spacing-phone, normal );
text-transform: var( --vamtam-primary-font-transform, none );
-webkit-text-decoration: var( --vamtam-primary-font-decoration, none );
text-decoration: var( --vamtam-primary-font-decoration, none );
}
.vamtam-font-h1,
h1,
.font-h1 {
font: var( --vamtam-h1-font-style, normal ) var( --vamtam-h1-font-weight, normal ) var( --vamtam-h1-font-size-desktop )/var( --vamtam-h1-line-height-desktop ) var( --vamtam-h1-font-family );
letter-spacing: var( --vamtam-h1-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h1-transform, none );
-webkit-text-decoration: var( --vamtam-h1-decoration, none );
text-decoration: var( --vamtam-h1-decoration, none );
}
.vamtam-font-h1-tablet {
font: var( --vamtam-h1-font-style, normal ) var( --vamtam-h1-font-weight, normal ) var( --vamtam-h1-font-size-tablet )/var( --vamtam-h1-line-height-tablet ) var( --vamtam-h1-font-family );
letter-spacing: var( --vamtam-h1-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h1-transform, none );
-webkit-text-decoration: var( --vamtam-h1-decoration, none );
text-decoration: var( --vamtam-h1-decoration, none );
}
.vamtam-font-h1-phone {
font: var( --vamtam-h1-font-style, normal ) var( --vamtam-h1-font-weight, normal ) var( --vamtam-h1-font-size-phone )/var( --vamtam-h1-line-height-phone ) var( --vamtam-h1-font-family );
letter-spacing: var( --vamtam-h1-letter-spacing-phone, normal );
text-transform: var( --vamtam-h1-transform, none );
-webkit-text-decoration: var( --vamtam-h1-decoration, none );
text-decoration: var( --vamtam-h1-decoration, none );
}
.vamtam-font-h2,
h2,
.font-h2 {
font: var( --vamtam-h2-font-style, normal ) var( --vamtam-h2-font-weight, normal ) var( --vamtam-h2-font-size-desktop )/var( --vamtam-h2-line-height-desktop ) var( --vamtam-h2-font-family );
letter-spacing: var( --vamtam-h2-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h2-transform, none );
-webkit-text-decoration: var( --vamtam-h2-decoration, none );
text-decoration: var( --vamtam-h2-decoration, none );
}
.vamtam-font-h2-tablet {
font: var( --vamtam-h2-font-style, normal ) var( --vamtam-h2-font-weight, normal ) var( --vamtam-h2-font-size-tablet )/var( --vamtam-h2-line-height-tablet ) var( --vamtam-h2-font-family );
letter-spacing: var( --vamtam-h2-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h2-transform, none );
-webkit-text-decoration: var( --vamtam-h2-decoration, none );
text-decoration: var( --vamtam-h2-decoration, none );
}
.vamtam-font-h2-phone {
font: var( --vamtam-h2-font-style, normal ) var( --vamtam-h2-font-weight, normal ) var( --vamtam-h2-font-size-phone )/var( --vamtam-h2-line-height-phone ) var( --vamtam-h2-font-family );
letter-spacing: var( --vamtam-h2-letter-spacing-phone, normal );
text-transform: var( --vamtam-h2-transform, none );
-webkit-text-decoration: var( --vamtam-h2-decoration, none );
text-decoration: var( --vamtam-h2-decoration, none );
}
.vamtam-font-h3,
h3,
.font-h3,
.wp-block-latest-posts.is-grid li a,
.wp-block-cover-image h2,
.wp-block-cover h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font: var( --vamtam-h3-font-style, normal ) var( --vamtam-h3-font-weight, normal ) var( --vamtam-h3-font-size-desktop )/var( --vamtam-h3-line-height-desktop ) var( --vamtam-h3-font-family );
letter-spacing: var( --vamtam-h3-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h3-transform, none );
-webkit-text-decoration: var( --vamtam-h3-decoration, none );
text-decoration: var( --vamtam-h3-decoration, none );
}
.vamtam-font-h3-tablet {
font: var( --vamtam-h3-font-style, normal ) var( --vamtam-h3-font-weight, normal ) var( --vamtam-h3-font-size-tablet )/var( --vamtam-h3-line-height-tablet ) var( --vamtam-h3-font-family );
letter-spacing: var( --vamtam-h3-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h3-transform, none );
-webkit-text-decoration: var( --vamtam-h3-decoration, none );
text-decoration: var( --vamtam-h3-decoration, none );
}
.vamtam-font-h3-phone {
font: var( --vamtam-h3-font-style, normal ) var( --vamtam-h3-font-weight, normal ) var( --vamtam-h3-font-size-phone )/var( --vamtam-h3-line-height-phone ) var( --vamtam-h3-font-family );
letter-spacing: var( --vamtam-h3-letter-spacing-phone, normal );
text-transform: var( --vamtam-h3-transform, none );
-webkit-text-decoration: var( --vamtam-h3-decoration, none );
text-decoration: var( --vamtam-h3-decoration, none );
}
.vamtam-font-h4,
h4,
.font-h4 {
font: var( --vamtam-h4-font-style, normal ) var( --vamtam-h4-font-weight, normal ) var( --vamtam-h4-font-size-desktop )/var( --vamtam-h4-line-height-desktop ) var( --vamtam-h4-font-family );
letter-spacing: var( --vamtam-h4-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h4-transform, none );
-webkit-text-decoration: var( --vamtam-h4-decoration, none );
text-decoration: var( --vamtam-h4-decoration, none );
}
.vamtam-font-h4-tablet {
font: var( --vamtam-h4-font-style, normal ) var( --vamtam-h4-font-weight, normal ) var( --vamtam-h4-font-size-tablet )/var( --vamtam-h4-line-height-tablet ) var( --vamtam-h4-font-family );
letter-spacing: var( --vamtam-h4-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h4-transform, none );
-webkit-text-decoration: var( --vamtam-h4-decoration, none );
text-decoration: var( --vamtam-h4-decoration, none );
}
.vamtam-font-h4-phone {
font: var( --vamtam-h4-font-style, normal ) var( --vamtam-h4-font-weight, normal ) var( --vamtam-h4-font-size-phone )/var( --vamtam-h4-line-height-phone ) var( --vamtam-h4-font-family );
letter-spacing: var( --vamtam-h4-letter-spacing-phone, normal );
text-transform: var( --vamtam-h4-transform, none );
-webkit-text-decoration: var( --vamtam-h4-decoration, none );
text-decoration: var( --vamtam-h4-decoration, none );
}
.vamtam-font-h5,
h5,
.font-h5,
.comment-reply-title,
.comments-wrapper .sep-text .content,
.comments-wrapper .sep-text .content a,
.meta-header .meta-header-inside .vamtam-meta-tax,
.main-footer .widget .widgettitle {
font: var( --vamtam-h5-font-style, normal ) var( --vamtam-h5-font-weight, normal ) var( --vamtam-h5-font-size-desktop )/var( --vamtam-h5-line-height-desktop ) var( --vamtam-h5-font-family );
letter-spacing: var( --vamtam-h5-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h5-transform, none );
-webkit-text-decoration: var( --vamtam-h5-decoration, none );
text-decoration: var( --vamtam-h5-decoration, none );
}
.vamtam-font-h5-tablet {
font: var( --vamtam-h5-font-style, normal ) var( --vamtam-h5-font-weight, normal ) var( --vamtam-h5-font-size-tablet )/var( --vamtam-h5-line-height-tablet ) var( --vamtam-h5-font-family );
letter-spacing: var( --vamtam-h5-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h5-transform, none );
-webkit-text-decoration: var( --vamtam-h5-decoration, none );
text-decoration: var( --vamtam-h5-decoration, none );
}
.vamtam-font-h5-phone {
font: var( --vamtam-h5-font-style, normal ) var( --vamtam-h5-font-weight, normal ) var( --vamtam-h5-font-size-phone )/var( --vamtam-h5-line-height-phone ) var( --vamtam-h5-font-family );
letter-spacing: var( --vamtam-h5-letter-spacing-phone, normal );
text-transform: var( --vamtam-h5-transform, none );
-webkit-text-decoration: var( --vamtam-h5-decoration, none );
text-decoration: var( --vamtam-h5-decoration, none );
}
.vamtam-font-h6,
h6,
.font-h6 {
font: var( --vamtam-h6-font-style, normal ) var( --vamtam-h6-font-weight, normal ) var( --vamtam-h6-font-size-desktop )/var( --vamtam-h6-line-height-desktop ) var( --vamtam-h6-font-family );
letter-spacing: var( --vamtam-h6-letter-spacing-desktop, normal );
text-transform: var( --vamtam-h6-transform, none );
-webkit-text-decoration: var( --vamtam-h6-decoration, none );
text-decoration: var( --vamtam-h6-decoration, none );
}
.vamtam-font-h6-tablet {
font: var( --vamtam-h6-font-style, normal ) var( --vamtam-h6-font-weight, normal ) var( --vamtam-h6-font-size-tablet )/var( --vamtam-h6-line-height-tablet ) var( --vamtam-h6-font-family );
letter-spacing: var( --vamtam-h6-letter-spacing-tablet, normal );
text-transform: var( --vamtam-h6-transform, none );
-webkit-text-decoration: var( --vamtam-h6-decoration, none );
text-decoration: var( --vamtam-h6-decoration, none );
}
.vamtam-font-h6-phone {
font: var( --vamtam-h6-font-style, normal ) var( --vamtam-h6-font-weight, normal ) var( --vamtam-h6-font-size-phone )/var( --vamtam-h6-line-height-phone ) var( --vamtam-h6-font-family );
letter-spacing: var( --vamtam-h6-letter-spacing-phone, normal );
text-transform: var( --vamtam-h6-transform, none );
-webkit-text-decoration: var( --vamtam-h6-decoration, none );
text-decoration: var( --vamtam-h6-decoration, none );
}
.vamtam-stand-out {
z-index: 1;
position: relative;
}
.vamtam-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.vamtam-mask-image-sider-1:before {
content: " ";
background: var(--vamtam-accent-color-1);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: url(//dawnforgestudios.com/wp-content/themes/numerique/vamtam/assets/css/images/blob-mask-slider-bg-1.svg);
mask-image: url(//dawnforgestudios.com/wp-content/themes/numerique/vamtam/assets/css/images/blob-mask-slider-bg-1.svg);
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.vamtam-mask-image-sider-1 img {
-webkit-mask-image: url(//dawnforgestudios.com/wp-content/themes/numerique/vamtam/assets/css/images/blob-mask-slider-1.svg);
mask-image: url(//dawnforgestudios.com/wp-content/themes/numerique/vamtam/assets/css/images/blob-mask-slider-1.svg);
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
text-align: center;
margin: 60px;
}
.vamtam-overlap-top-row {
display: inline-block;
margin-top: -150px;
width: 100%;
}
.vamtam-disable-scroll {
overflow: hidden;
max-height: 100vh;
}
html.ios-safari .vamtam-disable-scroll {
position: fixed;
width: 100%;
}
.vamtam-overlay-trigger--overlay > .vamtam-overlay-element {
pointer-events: none;
position: fixed;
display: block;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
}
@media (max-width: 460px) {
body.responsive-layout .vamtam-mobile-left h1,
body.responsive-layout .vamtam-mobile-left h2,
body.responsive-layout .vamtam-mobile-left h3,
body.responsive-layout .vamtam-mobile-left h4,
body.responsive-layout .vamtam-mobile-left h5,
body.responsive-layout .vamtam-mobile-left h6,
body.responsive-layout .vamtam-mobile-left p,
body.responsive-layout .vamtam-mobile-left .vamtam-button-wrap,
body.responsive-layout .vamtam-mobile-left .wp-block-button {
text-align: start !important;
justify-content: initial !important;
}
}
.clearboth {
clear: both;
}
.clearfix {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: " "; display: block; }
.clearfix:after {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: " "; display: block; }
.clearfix:after {
clear: both;
}
body.full article .ls-container {
max-width: 100%;
}
body.vamtam-limited-layout {
--vamtam-site-max-width: 1260px;
}
html,
body,
th,
td {
color: var(--vamtam-widget-text-lighter);
}
.color-accent-1,
.hover-color-accent-1:hover {
color: var(--vamtam-accent-color-1) !important;
}
.color-accent-2,
.hover-color-accent-2:hover {
color: var(--vamtam-accent-color-2) !important;
}
.color-accent-3,
.hover-color-accent-3:hover {
color: var(--vamtam-accent-color-3) !important;
}
.color-accent-4,
.hover-color-accent-4:hover {
color: var(--vamtam-accent-color-4) !important;
}
.color-accent-5,
.hover-color-accent-5:hover {
color: var(--vamtam-accent-color-5) !important;
}
.color-accent-6,
.hover-color-accent-6:hover {
color: var(--vamtam-accent-color-6) !important;
}
.color-accent-7,
.hover-color-accent-7:hover {
color: var(--vamtam-accent-color-7) !important;
}
.color-accent-8,
.hover-color-accent-8:hover {
color: var(--vamtam-accent-color-8) !important;
}
ul:not(.wp-block-gallery),
ol {
margin: 0em 1.5em 0.5em 1.5em;
}
p.has-large-font-size {
font-size: 36px;
}
em {
font-style: italic;
}
h1,
.color-h1 {
color: var(--vamtam-h1-color);
}
h2,
.color-h2 {
color: var(--vamtam-h2-color);
}
h3,
.color-h3 {
color: var(--vamtam-h3-color);
}
h4,
.color-h4 {
color: var(--vamtam-h4-color);
}
h5,
.color-h5 {
color: var(--vamtam-h5-color);
}
h6,
.color-h6 {
color: var(--vamtam-h6-color);
}
a {
text-decoration: none;
color: var(--vamtam-body-link-regular);
transition: all 0.3s;
}
a .icon.shortcode.use-hover {
transition: all 0.3s ease-out;
padding: 0.3em;
border-radius: 20em;
line-height: 1em;
}
a:visited {
color: var(--vamtam-body-link-visited);
}
a:active {
color: var(--vamtam-body-link-active);
}
a:hover {
color: var(--vamtam-body-link-hover);
}
a:hover .icon.shortcode.use-hover {
color: var(--vamtam-body-link-hover) !important;
background: var(--vamtam-accent-color-5);
}
.vamtam-main a .icon.shortcode.border {
color: var(--vamtam-body-link-regular);
}
.vamtam-main a:hover .icon.shortcode.border {
border-color: var(--vamtam-body-link-hover);
color: var(--vamtam-body-link-hover) !important;
}
p {
margin: 0 0 1em 0;
}
p:empty {
display: none;
}
strong,
b {
font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0.6em;
margin-bottom: 0.3em;
}
.vamtam-animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes vamtam-fadein-title {
from {
opacity: 0.9;
}
}
@keyframes vamtam-fadein-title {
from {
opacity: 0.9;
}
}
@-webkit-keyframes vamtam-zoomin {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes vamtam-zoomin {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.vamtam-zoomin {
-webkit-animation-name: vamtam-zoomin;
animation-name: vamtam-zoomin;
}
@-webkit-keyframes vamtam-zoomout {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes vamtam-zoomout {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.vamtam-zoomout {
-webkit-animation-name: vamtam-zoomout;
animation-name: vamtam-zoomout;
}
@-webkit-keyframes vamtam-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes vamtam-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.vamtam-fadein {
-webkit-animation-name: vamtam-fadein;
animation-name: vamtam-fadein;
}
@-webkit-keyframes vamtam-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes vamtam-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.vamtam-fadeout {
-webkit-animation-name: vamtam-fadeout;
animation-name: vamtam-fadeout;
}
.button,
button,
input[type=button],
input[type=submit],
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,
.woocommerce a.button,
.woocommerce .cross-sells .add_to_cart_button,
.woocommerce a.added_to_cart,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce input.button.alt,
.woocommerce .woocommerce-message .vamtam-close-notice-btn,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon],
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon],
.woocommerce #place_order,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-Button.button,
.woocommerce .woocommerce-button.button,
.woocommerce .button.wc-backward,
a.comment-reply-link,
.vamtam-cart-collaterals input[name="apply_coupon"] {
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
z-index: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
text-shadow: none;
-webkit-font-smoothing: auto;
transition: all 0.3s !important;
font: bold 16px/1em var(--vamtam-primary-font-font-family);
border-radius: 0;
border: none;
padding: var(--vamtam-button-solid-padding, 22px 27px);
background: var(--vamtam-accent-color-6);
color: var(--vamtam-accent-color-6-hc);
background: var(--vamtam-btn-bg-color);
color: var(--vamtam-btn-text-color);
text-transform: uppercase;
}
.button:focus,
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button:focus,
.woocommerce a.button:focus,
.woocommerce .cross-sells .add_to_cart_button:focus,
.woocommerce a.added_to_cart:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:focus,
.woocommerce #content input.button:focus,
.woocommerce-page a.button:focus,
.woocommerce-page button.button:focus,
.woocommerce-page input.button:focus,
.woocommerce-page #respond input#submit:focus,
.woocommerce-page #content input.button:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt.disabled:focus,
.woocommerce input.button.alt:focus,
.woocommerce .woocommerce-message .vamtam-close-notice-btn:focus,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:focus,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon]:focus,
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon]:focus,
.woocommerce #place_order:focus,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:focus,
.woocommerce .woocommerce-Button.button:focus,
.woocommerce .woocommerce-button.button:focus,
.woocommerce .button.wc-backward:focus,
a.comment-reply-link:focus,
.vamtam-cart-collaterals input[name="apply_coupon"]:focus {
outline: none;
opacity: 0.8;
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce a.button:hover,
.woocommerce .cross-sells .add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce .woocommerce-message .vamtam-close-notice-btn:hover,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon]:hover,
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon]:hover,
.woocommerce #place_order:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-Button.button:hover,
.woocommerce .woocommerce-button.button:hover,
.woocommerce .button.wc-backward:hover,
a.comment-reply-link:hover,
.vamtam-cart-collaterals input[name="apply_coupon"]:hover {
text-decoration: none;
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce a.button:hover,
.woocommerce .cross-sells .add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce .woocommerce-message .vamtam-close-notice-btn:hover,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon]:hover,
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon]:hover,
.woocommerce #place_order:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-Button.button:hover,
.woocommerce .woocommerce-button.button:hover,
.woocommerce .button.wc-backward:hover,
a.comment-reply-link:hover,
.vamtam-cart-collaterals input[name="apply_coupon"]:hover {
background: var(--vamtam-accent-color-1);
color: var(--vamtam-accent-color-1-hc);
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce a.button:hover,
.woocommerce .cross-sells .add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce .woocommerce-message .vamtam-close-notice-btn:hover,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon]:hover,
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon]:hover,
.woocommerce #place_order:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-Button.button:hover,
.woocommerce .woocommerce-button.button:hover,
.woocommerce .button.wc-backward:hover,
a.comment-reply-link:hover,
.vamtam-cart-collaterals input[name="apply_coupon"]:hover {
background: var(--vamtam-btn-hover-bg-color);
color: var(--vamtam-btn-hover-text-color);
}
.button.disabled,
button.disabled,
input[type=button].disabled,
input[type=submit].disabled,
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button.disabled,
.woocommerce a.button.disabled,
.woocommerce .cross-sells .add_to_cart_button.disabled,
.woocommerce a.added_to_cart.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce #respond input#submit.disabled,
.woocommerce #content input.button.disabled,
.woocommerce-page a.button.disabled,
.woocommerce-page button.button.disabled,
.woocommerce-page input.button.disabled,
.woocommerce-page #respond input#submit.disabled,
.woocommerce-page #content input.button.disabled,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled.disabled,
.woocommerce input.button.alt.disabled,
.woocommerce .woocommerce-message .vamtam-close-notice-btn.disabled,
.woocommerce.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button.disabled,
.woocommerce.woocommerce-cart .vamtam-cart-collaterals .coupon button[name=apply_coupon].disabled,
.woocommerce.woocommerce-checkout .checkout_coupon .button[name=apply_coupon].disabled,
.woocommerce #place_order.disabled,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit.disabled,
.woocommerce .woocommerce-Button.button.disabled,
.woocommerce .woocommerce-button.button.disabled,
.woocommerce .button.wc-backward.disabled,
a.comment-reply-link.disabled,
.vamtam-cart-collaterals input[name="apply_coupon"].disabled {
opacity: 0.3;
pointer-events: none !important;
}
body.vamtam-limited-layout  {
--vamtam-button-solid-padding: 11px 27px;
} .rev-btn.rev-withicon i.vamtam-arrow-right-sample,
.rev-btn.rev-withicon i.vamtam-arrow-left-sample,
.rev-btn.rev-withicon i.vamtam-arrow-top-sample,
.rev-btn.rev-withicon i.vamtam-arrow-bottom-sample {
margin: 0px !important;
font-size: 24px;
font-family: 'vamtam-theme';
}
.vamtam-arrow-left-sample:before {
content: "\e936";
}
.vamtam-arrow-right-sample:before {
content: "\e937";
}
.vamtam-arrow-top-sample:before {
content: "\e939";
}
.vamtam-arrow-bottom-sample:before {
content: "\e938";
} #comments-list:not(.vamtam-comments-small),
#trackbacks-list:not(.vamtam-comments-small) {
border-bottom: 0;
}
body:not(.vamtam-limited-layout) #main.layout-full .comments-wrapper {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.respond-box {
position: relative;
}
.respond-box .no-comments {
margin-top: 0;
padding-top: var(--vamtam-content-space-l);
border-top: solid 1px var(--vamtam-default-line-color);
}
.comment-reply-title,
.comments-wrapper .sep-text .content,
.comments-wrapper .sep-text .content a {
color: var(--vamtam-h5-color);
display: block;
height: auto;
text-align: start;
margin: 0;
padding: var(--vamtam-content-space-l) 0;
line-height: 1em;
font-size: 1.5em;
border-top: solid 1px var(--vamtam-default-line-color);
text-transform: none;
}
.comment-reply-title {
padding-bottom: var(--vamtam-content-space-m);
}
body.logged-in .respond-box-title {
padding-bottom: 5px;
}
.comments-wrapper {
clear: both;
margin-bottom: 60px;
border: 0;
}
.comments-wrapper .sep-text {
z-index: 2;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
.comments-wrapper label {
display: inline-block;
padding-bottom: 5px;
}
.comments-wrapper .logged-in-as {
margin: 0 0 20px 0 !important;
}
.comments-wrapper .logged-in-as a {
border: var(--vamtam-no-border-link);
}
.comments-wrapper .logged-in-as a:hover {
color: var(--vamtam-accent-color-2);
}
.comments,
.woocommerce #reviews #comments {
position: relative;
}
.comments #respond,
.woocommerce #reviews #comments #respond {
padding: 10px 0px;
}
.comments .comment,
.woocommerce #reviews #comments .comment {
position: relative;
}
.comments .comment.depth-1,
.woocommerce #reviews #comments .comment.depth-1 {
border-left: 0;
}
.comments .comment .comment,
.woocommerce #reviews #comments .comment .comment {
padding: var(--vamtam-content-space-l) 0 0 20px;
box-sizing: border-box;
margin-left: 35px;
}
.comments .comment .single-comment-wrapper,
.woocommerce #reviews #comments .comment .single-comment-wrapper {
display: flex;
}
.comments .comment .comment-content,
.woocommerce #reviews #comments .comment .comment-content {
flex: 1;
max-width: 100%;
padding-bottom: 0;
}
.comments .comment .comment-content p,
.woocommerce #reviews #comments .comment .comment-content p {
font-size: inherit;
line-height: inherit;
}
.comments .comment .comment-content p:last-child,
.woocommerce #reviews #comments .comment .comment-content p:last-child {
margin-bottom: 0;
}
.comments .comment .comment-content p + .comment-reply-link,
.woocommerce #reviews #comments .comment .comment-content p + .comment-reply-link {
margin-top: -1em;
}
.comments .comment .comment-content img,
.woocommerce #reviews #comments .comment .comment-content img {
padding: 10px 0px;
}
.comments .avatar,
.woocommerce #reviews #comments .avatar {
max-width: 60px !important;
max-height: 60px;
width: 60px;
border: 0;
}
.comments .comment-author,
.woocommerce #reviews #comments .comment-author {
display: inline-block;
vertical-align: top;
width: auto;
padding-bottom: 0;
}
.comments .comment-author img,
.woocommerce #reviews #comments .comment-author img {
margin-right: var(--vamtam-content-space-m);
background: var(--vamtam-accent-color-7);
border-radius: 100em;
display: block;
}
.comments .bypostauthor,
.woocommerce #reviews #comments .bypostauthor {
position: relative;
z-index: 1;
}
.comments .comment-author-link,
.woocommerce #reviews #comments .comment-author-link {
font-weight: 600;
}
.comments .comment-author-link a,
.woocommerce #reviews #comments .comment-author-link a,
.comments .comment-edit-link,
.woocommerce #reviews #comments .comment-edit-link {
color: var(--vamtam-body-link-regular);
}
.comments .comment-time,
.woocommerce #reviews #comments .comment-time {
padding: 0.2em 0 calc(var(--vamtam-content-space-m) * 0.8) 0;
font-size: 0.8em;
color: var(--vamtam-accent-color-3);
opacity: 0.6;
}
.comments .comment-meta,
.woocommerce #reviews #comments .comment-meta {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.comments .comment-meta .comment-meta-left,
.woocommerce #reviews #comments .comment-meta .comment-meta-left {
max-width: 80%;
}
.comments .comment-meta > .comment-meta-inner,
.woocommerce #reviews #comments .comment-meta > .comment-meta-inner {
display: flex;
flex-flow: column;
flex-wrap: wrap;
}
.comments .comment-meta > .comment-meta-inner > div,
.woocommerce #reviews #comments .comment-meta > .comment-meta-inner > div,
.comments .comment-meta > .comment-meta-inner > a,
.woocommerce #reviews #comments .comment-meta > .comment-meta-inner > a {
margin-right: 10px;
margin-bottom: 0;
}
.comments .comment-meta > .comment-meta-inner > div:last-child,
.woocommerce #reviews #comments .comment-meta > .comment-meta-inner > div:last-child,
.comments .comment-meta > .comment-meta-inner > a:last-child,
.woocommerce #reviews #comments .comment-meta > .comment-meta-inner > a:last-child {
margin-right: 0;
}
.comments #reply-title,
.woocommerce #reviews #comments #reply-title {
margin-bottom: 0px !important;
}
.comments #cancel-comment-reply-link,
.woocommerce #reviews #comments #cancel-comment-reply-link {
color: var(--vamtam-body-link-regular);
position: relative;
margin-left: 5px;
text-transform: capitalize;
}
.comments .comment-notes,
.woocommerce #reviews #comments .comment-notes {
margin-bottom: 14px;
font-size: 10px;
opacity: 0.6;
}
.comments .comment-note,
.woocommerce #reviews #comments .comment-note {
position: absolute;
top: -10px;
font-size: 12px;
transition: all 0.35s;
opacity: 0;
color: #4F9304;
}
.comments a.comment-reply-link,
.woocommerce #reviews #comments a.comment-reply-link {
font-size: 12px;
font-weight: 500;
padding: 6px 16px;
margin-top: var(--vamtam-content-space-m);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: var(--vamtam-border-radius);
}
.comments .comment,
.woocommerce #reviews #comments .comment,
.woocommerce #reviews #comments ol.commentlist li {
border: none;
padding: 0 0 var(--vamtam-content-space-l);
}
#commentform {
clear: both;
position: relative;
border: none;
padding: 0;
}
#commentform:after {
display: block;
clear: both;
content: "";
}
#commentform .input {
background: var(--vamtam-accent-color-5);
}
#commentform .form-input {
float: left;
width: 100%;
background: none;
}
#commentform .comment-form-email:hover .comment-note {
opacity: 1;
top: -20px;
}
#commentform .comment-form-comment textarea {
height: 130px;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url],
#commentform .comment-form-comment textarea {
min-height: 60px;
width: 100%;
margin-top: 0;
margin-bottom: 0 !important;
}
#commentform input[type=text]::-webkit-input-placeholder,
#commentform input[type=email]::-webkit-input-placeholder,
#commentform input[type=url]::-webkit-input-placeholder,
#commentform .comment-form-comment textarea::-webkit-input-placeholder {
color: var(--vamtam-accent-color-6);
}
#commentform input[type=text]:-ms-input-placeholder,
#commentform input[type=email]:-ms-input-placeholder,
#commentform input[type=url]:-ms-input-placeholder,
#commentform .comment-form-comment textarea:-ms-input-placeholder {
color: var(--vamtam-accent-color-6);
}
#commentform input[type=text]::-ms-input-placeholder,
#commentform input[type=email]::-ms-input-placeholder,
#commentform input[type=url]::-ms-input-placeholder,
#commentform .comment-form-comment textarea::-ms-input-placeholder {
color: var(--vamtam-accent-color-6);
}
#commentform input[type=text]::placeholder,
#commentform input[type=email]::placeholder,
#commentform input[type=url]::placeholder,
#commentform .comment-form-comment textarea::placeholder {
color: var(--vamtam-accent-color-6);
}
#commentform .form-submit {
bottom: 0;
height: auto;
float: none;
clear: both;
}
#commentform #submit {
position: relative;
padding: 14px 32px 14px 32px !important;
text-decoration: none;
}
#commentform input[type="checkbox"] {
vertical-align: middle;
margin-right: 5px;
padding: 10px;
float: left;
}
#commentform label[for="wp-comment-cookies-consent"] {
display: inline;
}
#commentform p {
margin-bottom: var(--vamtam-content-space-m);
line-height: 1.3;
}
#commentform p.comment-notes {
font-size: 0.8em;
font-style: italic;
}
#commentform .comment-form-cookies-consent {
display: flex;
align-items: center;
}
#commentform .comment-form-cookies-consent > input {
margin-right: 10px;
}
#commentform .comment-form-cookies-consent > label {
padding-bottom: 0;
}
.comment-author {
line-height: 1em !important;
}
.comment-author span {
float: left;
margin-top: 3px;
}
.comment-edit-link {
font-size: 12px !important;
}
.comment-edit-link:hover {
color: var(--vamtam-body-link-hover);
}
.meta-header {
position: relative;
}
.meta-header .meta-header-inside {
padding: 0;
display: flex;
justify-content: center;
flex-flow: column;
padding: var(--vamtam-content-space-l) 0;
box-sizing: border-box;
}
body.single-post .meta-header .meta-header-inside::after {
height: 1px;
background: var(--vamtam-accent-color-3);
}
.meta-header .meta-header-inside .vamtam-meta-tax {
order: -1;
width: 100%;
}
.meta-header .meta-header-inside .vamtam-meta-tax,
.meta-header .meta-header-inside .vamtam-meta-tax a {
margin-bottom: 20px;
}
#sub-header {
border-top: 1px solid var(--vamtam-default-line-color);
}
.vamtam-limited-layout #sub-header {
border-bottom: 1px solid var(--vamtam-default-line-color);
}
#sub-header.has-background {
border-top: none;
}
#sub-header.has-background .meta-header-inside {
display: flex;
align-items: flex-start;
}
body.layout-full #sub-header.has-background .meta-header-inside {
justify-content: center;
text-align: center;
}
#sub-header.has-background .page-header .page-header-line {
border-color: var(--vamtam-accent-color-5);
opacity: 0.2;
}
.page-header {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.page-header .page-header-line {
display: block;
width: auto;
height: 0;
margin-top: 15px;
width: 100px;
border-bottom: 1px solid var(--vamtam-default-line-color);
}
.page-header h1 {
margin: 0px;
overflow-wrap: break-word;
max-width: 100%;
}
.page-header h1 a {
color: var(--vamtam-h1-color);
}
.search .page-header h1 span {
display: block;
line-height: 1.4em;
font-size: 0.5em;
}
.search .page-header h1 span::before,
.search .page-header h1 span::after {
content: ' " ';
}
.page-header .desc {
font-family: var(--vamtam-primary-font-font-family);
font-size: var(--vamtam-h6-font-size);
line-height: 1.2em;
padding-top: 0;
font-style: normal;
padding-bottom: 0.9em;
} header.main-header .sub-menu {
display: none;
}
::-moz-selection {
color: var(--vamtam-accent-color-1-hc);
background: var(--vamtam-accent-color-1);
}
::selection {
color: var(--vamtam-accent-color-1-hc);
background: var(--vamtam-accent-color-1);
}
html {
background: #fff;
}
body {
--vamtam-widget-text-darker: #1b1b1b;
--vamtam-widget-text-lighter: #383838;
--vamtam-content-space-xxl: calc(var(--vamtam-content-space-l) * 2);
--vamtam-content-space-xl: calc(var(--vamtam-content-space-l) * 1.5);
--vamtam-content-space-l: min( 6vh, 50px );
--vamtam-content-space-m: calc(var(--vamtam-content-space-l) * 0.4);
--vamtam-content-space-s: calc(var(--vamtam-content-space-l) * 0.2);
--vamtam-content-space-xs: calc(var(--vamtam-content-space-l) * 0.1);
--vamtam-sidebar-content-margin: var(--vamtam-content-space-l);
--vamtam-left-sidebar-width: 30%;
--vamtam-right-sidebar-width: 30%;
background-color: transparent;
background-image: linear-gradient(180deg, var(--vamtam-accent-color-4) 0%, var(--vamtam-accent-color-5) 80vh);
}
.vamtam-main {
padding-bottom: 0.009px;
}
.limit-wrapper {
display: block;
margin-left: auto;
margin-right: auto;
max-width: var(--vamtam-site-max-width);
width: auto;
}
.limit-wrapper > div {
position: relative;
}
#page {
margin-right: auto;
margin-left: auto;
min-width: var(--vamtam-site-max-width);
min-height: 100vh;
width: auto;
position: relative;
clear: both;
background-color: transparent;
}
body.responsive-layout #page {
min-width: 300px;
}
#main-content {
position: relative;
z-index: 9;
}
.single-product .main-container {
border-top: solid 1px var(--vamtam-default-line-color);
}
.page-wrapper {
position: relative;
display: flex;
width: 100%;
}
.page-wrapper > aside.left {
padding-right: 100px;
padding-left: var(--vamtam-block-margin-phone-left);
min-width: var(--vamtam-left-sidebar-width, 30%);
flex: 0 1 var(--vamtam-left-sidebar-width, 30%);
order: 1;
}
.page-wrapper .vamtam-body-sidebar {
box-sizing: border-box;
min-height: 1px;
margin-top: 40px;
}
.page-wrapper > article {
position: relative;
box-sizing: border-box;
padding-top: 0.035px;
flex: 1000 1 calc(100% - var(--vamtam-left-sidebar-width, 30%) - var(--vamtam-right-sidebar-width, 30%));
order: 2;
max-width: 100%;
}
.page-wrapper > article.left-only {
max-width: calc(100% - var(--vamtam-left-sidebar-width, 30%));
}
body.woocommerce.single .page-wrapper > article > .page-content,
.page-wrapper > article > .page-content {
padding-bottom: var(--vamtam-sidebar-content-margin);
}
body.vamtam-limited-layout.archive article > .page-content,
body.vamtam-limited-layout.single-jetpack-portfolio article > .page-content,
body.vamtam-limited-layout.woocommerce article > .page-content,
body.vamtam-limited-layout article > .page-content,
body.vamtam-limited-layout.single-post article > .page-content {
padding-top: var(--vamtam-sidebar-content-margin);
}
.archive.post-type-archive-product .page-wrapper > article {
margin-top: 0px;
}
.vamtam-limited-layout.single-product .main-container {
border-top: solid 1px var(--vamtam-default-line-color);
}
.main-container img {
box-sizing: border-box;
display: block;
max-width: 100%;
height: auto;
}
.main-container iframe,
.main-container object,
.main-container embed {
display: block;
max-width: 100%;
}
.vamtam-video-frame iframe {
display: block;
margin: auto;
max-width: 100%;
}
code,
kbd,
pre,
samp {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
font-size: 14px;
font-family: monospace, serif;
}
pre,
.wire-pad {
position: relative;
z-index: 1;
margin-bottom: 8px;
padding: 20px;
box-sizing: border-box;
}
pre {
border: 1px solid var(--vamtam-default-line-color);
background: var(--vamtam-accent-color-5);
font-size: var(--vamtam-primary-font-font-size);
line-height: 1.5em;
}
.toggle pre {
padding: 0 !important;
border: none;
}
code {
padding: 0;
}
.post-article .mejs-container .mejs-controls {
background: var(--vamtam-accent-color-1);
bottom: 15px;
width: 90%;
margin-left: 5%;
}
.post-article .mejs-container {
border-radius: var(--vamtam-border-radius);
background: var(--vamtam-accent-color-1);
height: 70px !important;
}
.post-article .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: var(--vamtam-accent-color-5);
}
.post-article .mejs-controls .mejs-time-rail .mejs-time-current {
background: var(--vamtam-accent-color-6);
}
.error-message {
clear: both;
transition: opacity 0.2s linear 0.7s !important;
position: absolute;
top: 0;
left: 100% !important;
z-index: 100000;
display: block;
overflow: visible;
margin-top: -13px;
margin-left: 2px;
padding: 0.5em;
height: 16px;
background: none repeat scroll 0 0 #D94729 !important;
box-shadow: 0 0 0 1px #D94729 inset;
color: #ffffff;
white-space: nowrap;
line-height: 16px;
}
.error-message:before,
.error-message:after {
content: " "; display: block; }
.error-message:after {
clear: both;
}
.error-message:before,
.error-message:after {
content: " "; display: block; }
.error-message:after {
clear: both;
}
.error-message:before,
.error-message:after {
content: " "; display: block; }
.error-message:after {
clear: both;
}
.error-message:before,
.error-message:after {
content: " "; display: block; }
.error-message:after {
clear: both;
}
.error-message:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
margin-left: -8px;
width: 0;
height: 0;
border-width: 6px 6px 6px 0;
border-style: inset solid inset none;
border-color: transparent #D94729 transparent transparent;
content: "";
}
.author-info-box {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--vamtam-default-line-color);
}
.author-info-box .author-avatar {
float: left;
}
.author-info-box .author-description {
overflow: hidden;
padding-left: 20px;
}
.author-info-box .author-description > h4 {
margin-top: 0;
}
.author-info-box + .no-posts-by-author {
padding-top: 40px;
text-align: center;
}
.vamtam-scroll-to-top.vamtam-circle {
border-radius: 500px;
width: 45px;
height: 45px;
line-height: 45px;
display: inline-block;
text-align: center;
}
.vamtam-only-title {
display: none;
}
body.wp-customizer-unloading:after {
content: var(--vamtam-loading-animation);
position: absolute;
top: calc(50% - 35px);
left: calc(50% - 35px);
} .cdsROW .cdsRating span {
padding-top: 10px;
display: inline-block;
}
.cdsROW.wide {
margin: auto;
border: solid 1px #6aa257;
border-radius: 60px;
padding: 5px 15px;
}
.rotatingrotation {
transform: rotate(90deg);
opacity: 0;
}
body.wpb-js-composer .wpb_start_animation.animated {
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.vamtam-responsive-wrapper {
position: relative;
width: 100%;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.vamtam-responsive-wrapper.image-loaded {
opacity: 1;
}
.vamtam-lazyload-noparent[srcset] {
opacity: 0;
transition: opacity 0.2s ease-out;
}
.vamtam-lazyload-noparent[srcset].image-loaded {
opacity: 1;
}
html.ios-safari * {
background-attachment: scroll !important;
}
.form-input {
position: relative;
margin: 0;
background: var(--vamtam-accent-color-7);
}
.form-input .required {
display: none;
}
body {
--vamtam-input-border-radius: 0;
--vamtam-input-bg: #fff;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=email],
input[type=search],
input[type=date],
input[type=range],
input[type=number],
input[type=tel],
input[type=url],
textarea,
select,
.select2.select2-container .select2-selection[role="combobox"],
.select2-search--dropdown {
box-sizing: border-box;
padding: 6px 20px;
height: auto;
width: 100%;
position: relative;
outline: none;
border: 1px solid var(--vamtam-default-line-color);
border-radius: var(--vamtam-input-border-radius);
color: var(--vamtam-widget-text-lighter);
margin: 0;
transition: all 0.3s;
font-size: var(--vamtam-primary-font-font-size);
font-family: var(--vamtam-primary-font-font-family);
line-height: 1.5;
caret-color: var(--vamtam-accent-color-1);
background-color: var(--vamtam-input-bg);
min-height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vamtam-limited-layout input[type=text],
.vamtam-limited-layout input[type=tel],
.vamtam-limited-layout input[type=email],
.vamtam-limited-layout input[type=password],
.vamtam-limited-layout input[type=email],
.vamtam-limited-layout input[type=search],
.vamtam-limited-layout input[type=date],
.vamtam-limited-layout input[type=range],
.vamtam-limited-layout input[type=number],
.vamtam-limited-layout input[type=tel],
.vamtam-limited-layout input[type=url],
.vamtam-limited-layout textarea,
.vamtam-limited-layout select,
.vamtam-limited-layout .select2.select2-container .select2-selection[role="combobox"],
.vamtam-limited-layout .select2-search--dropdown {
caret-color: var(--vamtam-default-line-color);
}
.vamtam-main input[type=text],
.vamtam-main input[type=tel],
.vamtam-main input[type=email],
.vamtam-main input[type=password],
.vamtam-main input[type=email],
.vamtam-main input[type=search],
.vamtam-main input[type=date],
.vamtam-main input[type=range],
.vamtam-main input[type=number],
.vamtam-main input[type=tel],
.vamtam-main input[type=url],
.vamtam-main textarea,
.vamtam-main select,
.vamtam-main .select2.select2-container .select2-selection[role="combobox"],
.vamtam-main .select2-search--dropdown {
color: var(--vamtam-accent-color-6);
background: var(--vamtam-accent-color-6-hc);
}
input[type=text]:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=search]:hover,
input[type=date]:hover,
input[type=range]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=url]:hover,
textarea:hover,
select:hover,
.select2.select2-container .select2-selection[role="combobox"]:hover,
.select2-search--dropdown:hover,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=range]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus,
.select2.select2-container .select2-selection[role="combobox"]:focus,
.select2-search--dropdown:focus {
border-color: var(--vamtam-accent-color-2);
}
input[type=range] {
padding: inherit;
}
textarea {
border-radius: var(--vamtam-input-border-radius);
}
.vamtam-form-remove-border input[type=text],
.vamtam-form-remove-border input[type=tel],
.vamtam-form-remove-border input[type=email],
.vamtam-form-remove-border input[type=password],
.vamtam-form-remove-border input[type=email],
.vamtam-form-remove-border input[type=search],
.vamtam-form-remove-border input[type=date],
.vamtam-form-remove-border input[type=range],
.vamtam-form-remove-border input[type=number],
.vamtam-form-remove-border input[type=tel],
.vamtam-form-remove-border input[type=url],
.vamtam-form-remove-border textarea,
.vamtam-form-remove-border select {
border: transparent;
}
input::-webkit-input-placeholder {
line-height: 1.5em;
}
input:-ms-input-placeholder {
line-height: 1.5em;
}
input::-ms-input-placeholder {
line-height: 1.5em;
}
input::placeholder {
line-height: 1.5em;
}
select,
.select2.select2-container .select2-selection[role="combobox"] {
background: var(--vamtam-input-bg) url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px top 50% / 12px !important;
}
select {
padding-right: 40px !important;
margin-bottom: 10px !important;
}
.select2.select2-container .select2-selection[role="combobox"] {
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: inherit;
}
body input[type="radio"] {
border-radius: 50% !important;
}
textarea {
min-height: 4em;
width: 100%;
position: relative;
resize: none;
}
body .pika-single.is-bound {
border-radius: var(--vamtam-border-radius);
background: var(--vamtam-accent-color-5);
border: none;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.08);
color: var(--vamtam-accent-color-3);
}
body .pika-single.is-bound table {
margin: 0px;
}
body .pika-single.is-bound table tr {
border: none;
}
body .pika-single.is-bound table th {
color: var(--vamtam-accent-color-2);
font-size: 11px;
font-weight: normal;
}
body .pika-single.is-bound table thead th {
border: none;
padding-bottom: 10px;
}
body .pika-single.is-bound .pika-day {
display: block;
transition: all 0.2s ease;
border-radius: var(--vamtam-border-radius);
padding: 10px 10px;
font-size: 12px;
color: var(--vamtam-accent-color-3);
background: var(--vamtam-accent-color-5);
}
body .pika-single.is-bound .pika-day:hover {
color: var(--vamtam-accent-color-1-hc);
background: var(--vamtam-accent-color-1);
}
body .pika-single.is-bound .is-selected .pika-day {
color: var(--vamtam-accent-color-1-hc);
background: var(--vamtam-accent-color-1);
box-shadow: none;
}
body .pika-single.is-bound .pika-lendar {
width: auto;
margin: 20px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: transparent;
border: 1px solid transparent;
color: initial;
text-align: center;
}
.ui-widget-content {
background: transparent;
}
.ui-widget-header {
background: transparent;
border: none;
font-weight: initial;
}
.ui-widget-header:not(.ui-datepicker-header) .ui-icon {
background: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: none;
border-color: transparent;
border: none;
}
.products + .navigation {
margin-top: 0;
}
.navigation {
clear: both;
border-top: 1px solid var(--vamtam-default-line-color);
z-index: 100;
position: relative;
text-align: center;
border: none;
margin: 40px 0 5px 0;
display: flex;
justify-content: center;
}
.navigation a,
.navigation span {
display: inline-block;
padding: 0 !important;
font-size: 12px;
border-radius: var(--vamtam-border-radius-oval);
width: 46px;
height: 46px;
line-height: 46px;
margin: 0px 6px 0px 6px !important;
}
.attachment + .navigation {
justify-content: space-between;
}
.attachment + .navigation .nav-previous a,
.attachment + .navigation .nav-next a {
width: auto;
height: auto;
border: 0;
margin: 0;
}
.attachment + .navigation .nav-previous a:hover,
.attachment + .navigation .nav-next a:hover {
background: transparent !important;
color: var(--vamtam-body-link-hover) !important;
border: 0 !important;
}
.navigation .current {
font-size: 12px;
font-weight: normal !important;
margin: 0px 5px 0px 5px !important;
}
.navigation .current .current {
margin: 0 !important;
border: 0;
width: auto;
height: auto;
}
.navigation a {
transition: all 0.3s;
border: solid 1px var(--vamtam-default-line-color);
color: var(--vamtam-accent-color-6);
}
.navigation a:not(.prev):not(.next):hover,
.navigation .current {
background-color: var(--vamtam-accent-color-6);
border: solid 1px var(--vamtam-accent-color-6);
color: var(--vamtam-accent-color-6-hc);
}
.navigation .prev,
.navigation .next {
background: var(--vamtam-accent-color-5);
width: 48px;
height: 48px;
text-align: center;
line-height: 28px;
padding: 0 !important;
color: var(--vamtam-accent-color-6);
margin: 0 5px 0 5px!important;
border: none;
}
.navigation .prev span,
.navigation .next span {
display: none;
}
.navigation .prev:after,
.navigation .next:after {
font-size: 0.7em;
font-family: 'vamtam-theme';
position: relative;
font-weight: normal !important;
top: 19%;
}
.navigation .prev:hover,
.navigation .next:hover {
background-color: var(--vamtam-accent-color-6);
color: var(--vamtam-accent-color-6-hc);
}
.navigation .prev:after {
content: "\e006";
}
.navigation .next:after {
content: "\e005";
}
.navigation a.page {
background: var(--vamtam-accent-color-5);
color: var(--vamtam-body-link-regular);
font-size: 12px;
}
.navigation a.page:hover {
color: var(--vamtam-body-link-hover);
}
.navigation a.page:visited {
color: var(--vamtam-body-link-visited);
}
.navigation a,
.navigation span,
.navigation .current {
font-size: 1.2em;
}
.navigation.vamtam-pagination-wrapper {
padding-top: 30px;
border-top: 1px solid var(--vamtam-default-line-color);
}
.navigation.vamtam-pagination-wrapper :is(a.page-numbers, span.page-numbers) {
padding: 5px 10px !important;
margin: 0px  5px !important;
}
.comments-pagination {
border-top: 0;
margin: 10px 0;
padding-top: 0;
}
.comments-pagination a,
.comments-pagination span {
margin: 1px !important;
border: none !important;
display: inline-block;
padding: 2px 8px 3px 8px !important;
font-size: 12px;
}
.comments-pagination .current {
font-size: 12px;
font-weight: normal !important;
}
.comments-pagination a.page-numbers {
background: var(--vamtam-accent-color-5);
color: var(--vamtam-body-link-regular);
font-size: 12px;
}
.comments-pagination a.page-numbers:hover {
color: var(--vamtam-body-link-hover);
}
.comments-pagination a.page-numbers:visited {
color: var(--vamtam-body-link-visited);
}
#menus {
position: relative;
z-index: 210;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
#menus #main-menu ul.mega-menu li.menu-item-gtranslate {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
}
#main-menu {
width: 100%;
font-size: 15px;
}
#main-menu .menu {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
margin: 0;
}
.header-layout-standard #main-menu .menu {
justify-content: center;
}
#main-menu .menu > .menu-item {
padding: 0;
color: #000000;
margin: 10px 5px;
text-transform: uppercase;
}
#main-menu .menu > .menu-item > a {
font: 600 14px / 19.6px Syne, sans-serif;
-webkit-text-decoration: underline solid transparent;
text-decoration: underline solid transparent;
text-underline-offset: 6px;
transition: color 0.3s ease, -webkit-text-decoration 1s ease;
transition: color 0.3s ease, text-decoration 1s ease;
transition: color 0.3s ease, text-decoration 1s ease, -webkit-text-decoration 1s ease;
}
#main-menu .menu > .menu-item > a:hover {
-webkit-text-decoration: underline solid var(--vamtam-body-link-hover);
text-decoration: underline solid var(--vamtam-body-link-hover);
}
.second-row:last-child #main-menu .menu > .menu-item:last-child {
padding-right: 0;
}
#main-menu .menu > .menu-item > a {
border-radius: 0px;
padding: 15px;
display: inline-block;
color: var(--vamtam-accent-color-6);
font: 600 14px / 19.6px Syne, sans-serif;
height: auto;
width: auto;
display: flex;
position: relative;
word-wrap: break-word;
}
#main-menu .menu > .menu-item:is(
.current-menu-item,
.current_page_item,
.current-menu-ancestor
.current-menu-parent
.current_page_parent,
.current_page_ancestor,
:hover
) > a {
background-color: transparent;
}
#main-menu .menu > .menu-item:is(
.current-menu-item,
.current_page_item,
.current-menu-ancestor
.current-menu-parent
.current_page_parent,
.current_page_ancestor,
:hover
) > a::after {
opacity: 1;
}
#main-menu .menu > .menu-item:is(
.current-menu-item,
.current_page_item,
.current-menu-ancestor
.current-menu-parent
.current_page_parent,
.current_page_ancestor,
:hover
) > a span {
position: relative;
}
#main-menu .menu > .menu-item.menu-item-has-children > a {
position: relative;
}
#main-menu .menu > .menu-item.menu-item-has-children > a::after {
content: "";
position: relative;
display: inline-block;
top: 4px;
width: 6px;
height: 6px;
border-right: 0.2em solid var(--vamtam-accent-color-6);
border-top: 0.2em solid var(--vamtam-accent-color-6);
transform: rotate(135deg);
margin-right: 0.5em;
margin-left: 1em;
}
#main-menu .menu > .menu-item .sub-menu {
position: absolute;
top: 0;
left: 14px;
width: 180px;
text-align: start;
box-sizing: border-box;
text-transform: none;
z-index: 999;
padding: 0;
border-radius: 0px;
box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.11);
margin-top: 10px;
border: solid 10px var(--vamtam-accent-color-5);
border-radius: 24px;
}
#main-menu .menu > .menu-item .sub-menu.invert-position {
left: -100%;
}
#main-menu .menu > .menu-item .sub-menu a {
display: block;
padding: 15px 30px;
font: 500 16px / 20px Kanit, sans-serif;
color: #2e3237;
border-radius: 12px;
}
#main-menu .menu > .menu-item .sub-menu .menu-item {
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 20px;
background-color: white;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-top: 20px;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:first-child > a {
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:last-child {
padding-bottom: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:last-child > a {
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
#main-menu .menu > .menu-item .sub-menu .menu-item > .sub-menu-wrapper > .sub-menu {
left: 100%;
margin: 0;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:hover > .sub-menu-wrapper > .sub-menu {
display: block;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:is(
.current-menu-item,
.current_page_item,
.current-menu-ancestor
.current-menu-parent
.current_page_parent,
.current_page_ancestor,
:hover
) > a {
text-decoration: none;
}
#main-menu .menu > .menu-item .sub-menu .menu-item:is(
.current-menu-item,
.current_page_item,
.current-menu-ancestor
.current-menu-parent
.current_page_parent,
.current_page_ancestor,
:hover
) > a:hover {
color: var(--vamtam-body-link-hover);
background-color: var(--vamtam-accent-color-2);
}
#main-menu .menu > .menu-item > .sub-menu-wrapper {
position: relative;
}
#main-menu .menu > .menu-item > .sub-menu-wrapper > .sub-menu {
margin: 0 auto auto 0;
}
#main-menu .menu > .menu-item:hover > .sub-menu-wrapper > .sub-menu {
display: block;
}
body.sticky-header-type-over.sticky-header .sticky-header-state-reset:not(:hover) #menus .vamtam-basic-menu li.menu-item > a {
color: var(--vamtam-main-menu-text-sticky-color) !important;
transition: all 0.3s ease !important;
}
body.sticky-header-type-over.sticky-header .sticky-header-state-reset:not(:hover) #menus .vamtam-basic-menu li.menu-item > a:hover {
color: var(--vamtam-main-menu-text-sticky-color) !important;
opacity: 0.8 !important;
}
blockquote {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 0 1em 0;
padding: 0.2em 1.5em;
font-style: italic;
text-align: start;
border-left: 5px solid var(--vamtam-accent-color-2) !important;
background-color: var(--vamtam-accent-color-5);
}
.wp-block-pullquote.has-background > blockquote {
background: none !important;
border: 0 !important;
}
blockquote.wp-block-quote {
text-align: inherit;
box-sizing: border-box;
}
blockquote.wp-block-quote.is-large {
border-left-width: 10px !important;
}
#main.layout-left-only blockquote {
margin-left: 0;
}
blockquote p,
blockquote cite {
margin: 1em 0em !important;
}
blockquote.small p,
blockquote.small {
margin-bottom: 0;
}
blockquote.simple {
overflow: auto;
margin: 0;
padding-left: 0;
border-left: 0 !important;
text-align: center;
display: flex;
}
blockquote.simple.alignment-center {
flex-flow: column;
}
blockquote.simple.alignment-left {
flex-flow: row;
}
blockquote.simple.alignment-left .quote-text {
text-align: start;
}
blockquote.simple.alignment-left .quote-thumbnail {
width: 17%;
margin: 0px 3% 0px 0px;
}
blockquote.simple.alignment-right {
flex-flow: row-reverse;
}
blockquote.simple.alignment-right .quote-text {
text-align: end;
}
blockquote.simple.alignment-right .quote-thumbnail {
width: 17%;
margin-left: 3%;
margin: 0px 0px 0px 3%;
}
blockquote.simple .quote-thumbnail {
width: 120px;
margin: auto auto 20px auto;
text-align: center;
}
blockquote.simple .quote-thumbnail img {
display: block;
margin: 0px;
width: 100%;
height: auto;
border-radius: var(--vamtam-border-radius);
}
blockquote.simple .quote-text {
overflow: hidden;
display: inline-block;
vertical-align: top;
}
blockquote.simple .quote-summary {
margin-top: 0;
}
blockquote.simple h3.quote-summary {
font-weight: 300;
font-size: calc(var(--vamtam-h3-font-size) - 4px);
color: var(--vamtam-accent-color-6);
}
blockquote.simple .quote-title-wrapper {
margin: 10px 0 0 0;
}
blockquote.simple .quote-title {
width: auto;
color: var(--vamtam-accent-color-6);
border: none;
padding: 0px;
border-radius: 0px;
margin: 0px 0px 15px 0px;
font-size: 10px;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 20px;
}
blockquote.simple .quote-title a {
color: var(--vamtam-body-link-regular);
}
blockquote.simple .quote-title .the-title:not(:last-child) {
padding-right: 3px;
}
blockquote.simple .quote-title .the-title {
padding-left: 5px;
}
blockquote.simple .quote-title .icon {
font-size: 20px;
vertical-align: top;
margin-right: 5px;
color: var(--vamtam-accent-color-3);
}
blockquote.simple .quote-title .icon:last-child {
margin-right: 100px;
}
blockquote cite,
blockquote .wp-block-pullquote__citation,
blockquote .wp-block-quote__citation {
display: block;
margin: 20px 0 0 0;
text-transform: none;
}
blockquote cite,
blockquote .wp-block-pullquote__citation,
blockquote .wp-block-quote__citation,
blockquote cite a,
blockquote .wp-block-pullquote__citation a,
blockquote .wp-block-quote__citation a {
color: var(--vamtam-body-link-regular);
}
blockquote cite a,
blockquote .wp-block-pullquote__citation a,
blockquote .wp-block-quote__citation a {
vertical-align: middle;
}
blockquote cite:before,
blockquote .wp-block-pullquote__citation:before,
blockquote .wp-block-quote__citation:before {
display: inline-block;
margin-right: 10px;
width: 30px;
height: 0;
border-bottom: 1px solid currentColor;
content: "";
vertical-align: middle;
}
blockquote:last-child cite:empty {
display: none;
}
blockquote p:first-child {
margin-top: 0;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote .wp-block-pullquote__citation,
blockquote .wp-block-quote__citation,
blockquote cite {
margin: 0;
}
.wp-block-pullquote {
padding-top: 0;
padding-bottom: 0;
border: solid;
border-width: 2px 0;
}
.wp-block-pullquote > blockquote {
margin-top: 50px;
margin-bottom: 50px;
border: 0 !important;
padding-left: 0;
text-align: center;
}
.wp-block-pullquote.alignleft + p,
.wp-block-pullquote.alignright + p {
padding-top: 50px;
}
.wp-block-pullquote.is-style-solid-color {
padding: 30px 10%;
}
.wp-block-pullquote.is-style-solid-color > blockquote {
padding-left: 0;
border-left: 0 !important;
}
.wp-block-pullquote.is-style-solid-color > blockquote p {
font-size: 2.25em;
}
.sep-text {
position: relative;
margin: 30px 0 30px 0;
text-align: center;
}
.sep-text .content {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
}
.sep-text .content * {
margin: 0;
line-height: 1;
}
.sep-text .content h6 {
color: var(--vamtam-accent-color-1);
font-size: 1em;
letter-spacing: 0.3em;
padding-top: 10px;
}
.sep-text .content h6:before,
.sep-text .content h6:after {
display: inline-block;
width: auto;
height: 15px;
content: "~";
font-size: 1.2em;
padding: 0px 5px;
}
.sep-text .content {
padding-right: 0.7em;
padding-left: 0.7em;
}
.sep-text:last-child {
margin-bottom: 20px;
}
.wpforms-container.vamtam-one-row {
margin-bottom: 0;
display: flex;
justify-content: center;
}
.wpforms-container.vamtam-one-row .wpforms-form {
display: flex;
justify-content: center;
margin-bottom: 0;
background: var(--vamtam-accent-color-8);
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-field-container {
display: flex;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-field-container .wpforms-field {
width: auto;
margin: 0 20px 0 0;
padding: 0;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container {
padding: 0;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit {
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
z-index: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
text-shadow: none;
-webkit-font-smoothing: auto;
transition: all 0.3s !important;
font: bold 16px/1em var(--vamtam-primary-font-font-family);
border-radius: 0;
border: none;
padding: var(--vamtam-button-solid-padding, 22px 27px);
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit:focus {
outline: none;
opacity: 0.8;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
text-decoration: none;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit:focus {
outline: none;
opacity: 0.8;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
text-decoration: none;
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background: var(--vamtam-accent-color-6);
color: var(--vamtam-accent-color-5);
}
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-field input,
.wpforms-container.vamtam-one-row .wpforms-form .wpforms-submit {
border-radius: var(--vamtam-border-radius-oval);
box-sizing: border-box;
height: auto;
font-size: 14px;
line-height: 16px;
padding: 16px 32px;
margin-bottom: 15px;
}
.wpforms-container.vamtam-jom-form {
margin-bottom: 0;
}
.wpforms-container.vamtam-jom-form form.wpforms-form {
display: flex;
}
.wpforms-container.vamtam-jom-form form.wpforms-form * {
padding: 0;
margin: 0;
}
.wpforms-container.vamtam-jom-form form.wpforms-form input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.wpforms-container.vamtam-jom-form form.wpforms-form input[type=number]::-webkit-inner-spin-button,
.wpforms-container.vamtam-jom-form form.wpforms-form input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container {
display: flex;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container > div:first-of-type {
width: 55%;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container > div:first-of-type + div input {
max-width: 80%;
margin-left: 10%;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container input {
background-color: white;
border-radius: 0;
color: black;
padding: 13px 10px;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container input::-webkit-input-placeholder {
color: var(--vamtam-primary-font-color);
opacity: 1;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container input:-ms-input-placeholder {
color: var(--vamtam-primary-font-color);
opacity: 1;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container input::-ms-input-placeholder {
color: var(--vamtam-primary-font-color);
opacity: 1;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container input::placeholder {
color: var(--vamtam-primary-font-color);
opacity: 1;
}
.wpforms-container.vamtam-jom-form form.wpforms-form button[type="submit"] {
background-color: #283191;
padding: 17px 30px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-transform: capitalize;
font-size: var(--vamtam-primary-font-font-size);
}
.wpforms-container.vamtam-jom-form form.wpforms-form button[type="submit"]:hover {
background: var(--vamtam-accent-color-6);
}
@media only screen and (max-width: 480px) {
.wpforms-container.vamtam-jom-form form.wpforms-form {
flex-direction: column;
align-items: center;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-field-container > div:first-of-type + div input {
max-width: 90%;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-submit-container {
margin-top: 20px;
width: 100%;
}
.wpforms-container.vamtam-jom-form form.wpforms-form .wpforms-submit-container button {
width: 100%;
}
}
table.vamtam-styled {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: none;
margin: 0px;
}
table.vamtam-styled th,
table.vamtam-styled td,
table.vamtam-styled caption {
padding: 5px;
border: 0;
}
table.vamtam-styled caption {
border-bottom: none;
}
table.vamtam-styled thead th {
border-bottom: solid 1px var(--vamtam-accent-color-1);
}
table.vamtam-styled tbody tr {
border-bottom: solid 1px var(--vamtam-default-line-color);
}
table.vamtam-styled tbody tr:last-child td {
border: 0;
}
table.vamtam-styled td {
padding: 12px 0px;
vertical-align: middle;
}
table.vamtam-styled td p {
margin: 0px;
}
table.vamtam-styled tfoot {
font-size: 12px;
font-style: normal;
color: rgba(0, 0, 0, 0.3);
}
.tparrows.custom {
transition: background 0.3s ease;
border-radius: var(--vamtam-border-radius-oval);
background: rgba(255, 255, 255, 0.1);
width: 48px;
height: 48px;
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.05);
text-align: center;
}
.tparrows.custom:before {
font-size: 22px;
line-height: 48px;
content: "\e824";
transition: margin 0.2s ease;
}
.tparrows.custom:hover {
background: var(--vamtam-accent-color-1);
}
.hesperiden .tp-tab {
border: none;
transition: background 0.3s ease-out;
transition-delay: 0.1s;
border-radius: var(--vamtam-border-radius-oval);
font: var(--vamtam-h5-font-weight) var(--vamtam-h5-font-size)/var(--vamtam-h5-line-height) var(--vamtam-h5-font-family);
}
.hesperiden .tp-tab-image {
border-radius: var(--vamtam-border-radius-oval);
transition: transform 0.2s ease-out;
}
.hesperiden .tp-tab-title {
color: var(--vamtam-accent-color-6);
opacity: 0.7;
padding-top: 5px;
transition: opacity 0.2s ease-out;
}
.hesperiden .tp-tab:hover,
.hesperiden .tp-tab.selected {
background: rgba(0, 0, 0, 0.05);
}
.hesperiden .tp-tab:hover .tp-tab-title,
.hesperiden .tp-tab.selected .tp-tab-title {
opacity: 1;
}
.hesperiden .tp-tab:hover .tp-tab-image,
.hesperiden .tp-tab.selected .tp-tab-image {
transform: scale(1.1);
}
.erinyen .tp-tab {
opacity: 1;
border-top: solid 1px var(--vamtam-accent-color-4);
padding-top: 40px;
text-align: center;
transition: border-color 0.3s ease;
}
.erinyen .tp-tab:hover .tp-tab-title {
color: var(--vamtam-accent-color-1);
}
.erinyen .tp-tab.selected {
border-color: var(--vamtam-accent-color-1);
}
.erinyen .tp-tab.selected .tp-tab-title {
color: var(--vamtam-accent-color-1);
}
.erinyen .tp-tab .tp-tab-title {
text-transform: none;
transition: color 0.3s ease;
}
.footer-wrapper {
position: relative;
}
.main-footer .widget li {
background: transparent;
border-bottom: none !important;
}
.main-footer .widget.widget_nav_menu #menu-horizontal-footer {
text-align: center;
}
.main-footer .widget.widget_nav_menu #menu-horizontal-footer li {
display: inline-block;
vertical-align: top;
}
.main-footer .widget.widget_nav_menu #menu-horizontal-footer li a {
padding: 5px 20px;
font-size: 14px;
}
.main-footer .widget.widget_nav_menu .menu li:last-child {
border-bottom: none;
}
.main-footer .widget.widget_nav_menu .menu li a {
border: none;
padding-top: 5px;
padding-bottom: 5px;
}
.main-footer .widget.widget_nav_menu .menu li a:hover {
background: none;
}
.main-footer .widget.widget_nav_menu .menu li:hover,
.main-footer .widget.widget_nav_menu .menu li.current_page_item {
position: relative;
}
.main-footer .widget.widget_nav_menu .menu li:hover a,
.main-footer .widget.widget_nav_menu .menu li.current_page_item a {
background: none;
color: var(--vamtam-accent-color-1) !important;
}
.main-footer .widget .widgettitle {
border: none;
text-align: start;
padding: 0;
margin: 0 0 10px;
}
.main-footer .widget .widgettitle > .icon {
margin-bottom: 17px;
}
#scroll-to-top {
display: none;
}
.alignnone {
float: none !important;
margin-bottom: 20px;
clear: both;
}
.has-text-align-center,
.textcenter {
text-align: center;
}
.has-text-align-right,
.textright {
text-align: end;
}
.alignright {
float: right;
margin: 0 0 0 20px;
text-align: end;
}
.alignleft {
float: left;
margin: 0 20px 0 0;
text-align: start;
}
.aligncenter {
display: block;
margin: 15px auto;
text-align: center;
clear: both;
}
a img.alignright {
float: right;
margin: 20px 0 20px 25px;
}
a img.alignnone {
margin: 0px;
}
a img.alignleft {
float: left;
margin: 20px 1.5rem 1.5rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 20px 1.5rem 1.5rem 0;
}
img.alignright {
margin: 20px 0 1.5rem 1.5rem;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignnone {
margin: 0;
}
p + .alignfull p + .alignwide {
margin-top: 30px;
margin-bottom: 30px;
}
body.has-blocks .the-content-parent > * {
margin-left: auto;
margin-right: auto;
max-width: var(--vamtam-site-max-width);
}
body.has-blocks .the-content-parent > *.alignfull,
body.has-blocks .the-content-parent > *.alignwide {
max-width: none;
}
body.has-blocks .the-content-parent > *.wp-block-gallery,
body.has-blocks .the-content-parent > *.vgblk-rw-wrapper > .wp-block-gallery {
display: flex;
padding: 0;
}
body.has-blocks .the-content-parent > *.wp-block-gallery:not(.alignleft):not(.alignright):not(.aligncenter):not(.alignfull):not(.alignwide),
body.has-blocks .the-content-parent > *.vgblk-rw-wrapper > .wp-block-gallery:not(.alignleft):not(.alignright):not(.aligncenter):not(.alignfull):not(.alignwide) {
margin-left: 0;
margin-right: 0;
}
body.has-blocks .the-content-parent [class*="wp-block"].alignfull,
body.has-blocks .the-content-parent [class*="wp-block"].alignwide {
margin: 1rem auto;
}
body.has-blocks .the-content-parent .wp-block-button {
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-search {
margin-bottom: 1em;
}
.wp-block-button.is-style-squared > a {
border-radius: 0 !important;
}
.wp-block-gallery ul {
margin-left: 0 !important;
margin-right: 0 !important;
display: flex;
}
.wp-block-gallery ul:not(:last-child) {
margin-bottom: -16px;
}
.wp-block-gallery .blocks-gallery-caption {
width: 100%;
text-align: center;
}
.wp-block-latest-posts.is-grid {
padding-left: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-latest-posts.is-grid li {
border-top: 2px solid var(--vamtam-accent-color-4);
padding-top: 20px;
}
.wp-block-latest-posts.is-grid li a {
word-break: break-all;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
margin-left: 0;
}
.wp-caption,
.wp-block-image figure {
max-width: 100%;
clear: both;
font-size: 0;
line-height: 0;
}
.wp-caption a,
.wp-block-image figure a {
border: var(--vamtam-no-border-link);
}
.wp-caption .wp-caption-text,
.wp-block-image figure figcaption,
figure.wp-block-image figcaption,
.entry-caption,
.gallery-caption {
margin-top: 10px;
text-align: center;
font-size: 0.8rem;
font-style: normal;
line-height: 1.4em;
}
.wp-smiley,
.wp-smiley * {
border: 0px !important;
}
.sticky,
.gallery-caption,
.bypostauthor {
outline: none;
}
.blocks-gallery-item figcaption {
left: 0;
right: 0;
width: auto !important;
margin-bottom: 0;
box-sizing: border-box;
border: 0;
}
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption {
font-size: 0.7em;
line-height: 1.3em;
}
figure figcaption,
.entry-caption,
.gallery-caption,
.wp-block-image figcaption,
.wp-caption .wp-caption-text {
margin-top: 0 !important;
margin-bottom: 20px;
border: 1px solid var(--vamtam-default-line-color);
border-top: 0;
padding: 10px;
}
.wp-block-video figcaption {
border: 0;
}
.vamtam-video-frame + p {
margin-top: 1em;
}
.wp-block-image figure > a {
display: block;
font-size: 0;
}
.wp-block-image figure > img,
figure.wp-block-image > img {
display: block;
}
.wp-block-image .alignleft {
margin: 0.5rem 1rem 0.5rem 0;
}
.wp-block-image .alignright {
margin: 0.5rem 0 0.5rem 1rem;
}
figure.wp-block-audio figcaption,
figure.wp-block-embed-twitter figcaption {
border: 0;
padding-left: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
width: 100%;
margin: 0 0 1.5em;
}
caption,
th,
td {
font-weight: normal;
text-align: start;
}
caption {
font-size: 16px;
margin: 20px 0;
}
table {
border: 0;
}
thead th {
border-bottom: 1px solid var(--vamtam-default-line-color);
}
th {
border: 0;
padding: 1em;
border-left: 1px solid var(--vamtam-default-line-color);
text-align: start;
font-weight: 600;
line-height: 1.5;
}
.wp-block-table.is-style-stripes {
border-collapse: collapse;
}
.wp-block-table.is-style-stripes td,
td {
border: 0;
border-left: 1px solid var(--vamtam-default-line-color);
padding: 1em;
line-height: 1.5;
}
.wp-block-table.is-style-stripes tr,
tr {
border: 0;
border-bottom: 1px solid var(--vamtam-default-line-color);
}
.wp-block-table.is-style-stripes tr:first-child,
tr:first-child {
border-top: 1px solid var(--vamtam-default-line-color);
}
.wp-block-table.is-style-stripes th:last-child,
.wp-block-table.is-style-stripes td:last-child,
th:last-child,
td:last-child {
border-right: 1px solid var(--vamtam-default-line-color);
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 10px;
}
address {
font-style: italic;
margin: 0 0 24px;
}
var,
cite {
font-style: italic;
}
.wp-block-separator {
margin: 1.65em auto;
}
.wp-block-separator:not(.is-style-dots):not(.is-style-wide) {
max-width: 100px !important;
}
.alignleft.vamtam-wp-block-cover-wrapper,
.alignright.vamtam-wp-block-cover-wrapper {
width: 30%;
min-width: 300px;
}
.wp-block-audio:not(:first-child),
.wp-block-video:not(:first-child),
.wp-block-quote:not(:first-child),
.wp-block-gallery:not(:first-child),
.wp-block-cover:not(:first-child),
.wp-block-archives.wp-block-archives-list:not(:first-child),
.wp-block-archives.wp-block-archives-dropdown:not(:first-child),
.wp-block-categories.wp-block-categories-list:not(:first-child),
.wp-block-latest-comments:not(:first-child),
ul.wp-block-latest-posts:not(:first-child),
.wp-block-pullquote:not(:first-child) {
margin-top: 30px;
}
.wp-block-audio:not(:last-child),
.wp-block-video:not(:last-child),
.wp-block-quote:not(:last-child),
.wp-block-gallery:not(:last-child),
.wp-block-cover:not(:last-child),
.wp-block-archives.wp-block-archives-list:not(:last-child),
.wp-block-archives.wp-block-archives-dropdown:not(:last-child),
.wp-block-categories.wp-block-categories-list:not(:last-child),
.wp-block-latest-comments:not(:last-child),
ul.wp-block-latest-posts:not(:last-child),
.wp-block-pullquote:not(:last-child) {
margin-bottom: 30px;
}
.vamtam-wp-block-cover-wrapper:not(:first-child) {
margin-top: 50px !important;
}
.vamtam-wp-block-cover-wrapper:not(:last-child) {
margin-bottom: 50px !important;
}
.wp-block-cover.has-background-dim {
color: #fff;
}
.wp-block-cover-image h2,
.wp-block-cover h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.wp-block-cover-image,
.wp-block-cover {
box-sizing: border-box;
}
body.layout-full .wp-block-columns.alignfull {
margin-left: 32px !important;
margin-right: 32px !important;
}
.wp-block-column:not(:last-child) {
margin-right: 20px;
}
.wp-block-columns > .vgblk-rw-wrapper {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-columns > .vgblk-rw-wrapper:not(:first-child) {
margin-left: 32px;
}
.wp-block-group.has-background {
padding: 30px;
margin-bottom: 1.75em;
}
.wp-block-archives.wp-block-archives-list,
.wp-block-categories.wp-block-categories-list,
.wp-block-latest-comments,
ul.wp-block-latest-posts:not(.is-grid) {
list-style: none;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.wp-block-archives.wp-block-archives-list li,
.wp-block-categories.wp-block-categories-list li,
.wp-block-latest-comments li,
ul.wp-block-latest-posts:not(.is-grid) li {
margin: 0;
padding: 0.6em 0;
text-overflow: ellipsis;
word-wrap: break-word;
}
.wp-block-archives.wp-block-archives-list li:not(:last-child),
.wp-block-categories.wp-block-categories-list li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
ul.wp-block-latest-posts:not(.is-grid) li:not(:last-child) {
border-bottom: dotted 1px var(--vamtam-default-line-color);
}
.wp-block-archives.wp-block-archives-list ul,
.wp-block-categories.wp-block-categories-list ul,
.wp-block-latest-comments ul,
ul.wp-block-latest-posts:not(.is-grid) ul {
list-style: none;
}
.page-content form.post-password-form p:last-child {
display: flex;
}
.page-content form.post-password-form p:last-child label[for|="pwbox"],
.page-content form.post-password-form p:last-child input[type="submit"] {
margin: 5px;
padding-top: 0;
padding-bottom: 0;
}
.page-content form.post-password-form p:last-child label[for|="pwbox"],
.page-content form.post-password-form p:last-child label[for|="pwbox"] input[type="password"] {
top: 0;
}
.page-content form.post-password-form p:last-child input[name="post_password"] {
padding: 5px 14px;
}
[class*="gallery-columns-"] {
margin: 0 -5px !important;
}
[class*="gallery-columns-"].gallery-columns-1 .gallery-item {
width: 100%;
}
[class*="gallery-columns-"].gallery-columns-2 .gallery-item {
width: 50%;
}
[class*="gallery-columns-"].gallery-columns-3 .gallery-item {
width: 33.33333333%;
}
[class*="gallery-columns-"].gallery-columns-4 .gallery-item {
width: 25%;
}
[class*="gallery-columns-"].gallery-columns-5 .gallery-item {
width: 20%;
}
[class*="gallery-columns-"].gallery-columns-6 .gallery-item {
width: 16.66666667%;
}
[class*="gallery-columns-"].gallery-columns-7 .gallery-item {
width: 14.28571429%;
}
[class*="gallery-columns-"].gallery-columns-8 .gallery-item {
width: 12.5%;
}
[class*="gallery-columns-"].gallery-columns-9 .gallery-item {
width: 11.11111111%;
}
[class*="gallery-columns-"] figure.gallery-item {
display: inline-block;
box-sizing: border-box;
position: relative;
vertical-align: top;
}
[class*="gallery-columns-"] figure.gallery-item img {
display: block;
width: 100%;
}
[class*="gallery-columns-"] figure.gallery-item .gallery-caption {
border: 0;
}
@media (max-width: 60px + 160px * 5) {
[class*="gallery-columns-"] figure.gallery-item a,
[class*="gallery-columns-"] figure.gallery-item img {
display: block !important;
margin: auto;
}
}
@media (min-width: 60px + 160px * 4 + 1) and (max-width: 60px + 160px * 5) {
[class*="gallery-columns-"] figure.gallery-item {
width: 25% !important;
}
}
@media (min-width: 60px + 160px * 3 + 1) and (max-width: 60px + 160px * 4) {
[class*="gallery-columns-"] figure.gallery-item {
width: 33.33333333% !important;
}
}
@media (min-width: 60px + 160px * 2 + 1) and (max-width: 60px + 160px * 3) {
[class*="gallery-columns-"] figure.gallery-item {
width: 50% !important;
}
}
@media (max-width: 60px + 160px * 2) {
[class*="gallery-columns-"] figure.gallery-item {
width: 100% !important;
}
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
} a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
} pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
} tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}