html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
} body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
} html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
} html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
} html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
} html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
} html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
} html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
} html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
} html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
} html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
} html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
} html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
} label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
} ::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1; }
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
} hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th,
td,
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
} a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
} .entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
} .entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
} .post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
} .navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
} .js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
} .menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
} .js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
} .dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);
} .site-header .menu-scroll-down {
display: none;
} html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff; }
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
} #masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
} .site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; }
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before { background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; width: auto;
top: 50%;
padding-bottom: 1px; -ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
} @supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
} body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
} .twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
} .twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
} .twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
} .site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}  .sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
} .entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
} .blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
} .entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
} .single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
} .entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
} .blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
} .post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
} .page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
} .error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
} .site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
} .site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
} .social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
} .site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
} #comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
} #secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
} .widget select {
width: 100%;
} .widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
} .widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
} .widget .post-date,
.widget .rss-date {
font-size: 0.81em;
} .widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
} .widget_rss .widget-title .rsswidget:first-child:not(.rss-widget-title) {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
} .widget_contact_info .contact-map {
margin-bottom: 0.5em;
} .widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
} .widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
} .widget_recent_entries .post-date {
display: block;
} .search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
} .tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
} .widget_calendar .wp-calendar-table {
margin-bottom: 0;
}
.widget_calendar .wp-calendar-nav {
display: table;
width: 100%;
margin: 0 0 1.5em;
padding: 0.4em 0;
}
.widget_calendar .wp-calendar-nav span {
display: table-cell;
}
.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
width: 40%;
}
.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
} .gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} img,
video {
height: auto; max-width: 100%; }
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
audio:focus,
video:focus {
outline: thin dotted;
} embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
} p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .mejs-container {
margin-bottom: 1.5em;
} .mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
} .site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
} .site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
} .site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
} .icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; top: -0.0625em;
vertical-align: middle;
width: 1em;
} .gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
} .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; } .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
} .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
} .twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
} .twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
} .svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
} .no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
} .no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; width: auto;
}  @media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) { body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
} img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
} .site-branding {
padding: 3em 0;
} .panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
} .taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
} .site-footer {
font-size: 16px;
font-size: 1rem;
} .gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
}
@media screen and (min-width: 48em) {
html {
scroll-padding-top: calc( var(--wp-admin--admin-bar--height, 0px) + 72px );
} body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
} .wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
} .site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
} .navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px; padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1000;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
} .js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
} .site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
} .twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
} .background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
} .page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.twentyseventeen-front-page .panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
} .site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
} .sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}  :not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
} .has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
} .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
} .format-quote blockquote .icon {
left: -1.5em;
} .page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
} .error404 .page-content {
padding-bottom: 9em;
} #comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
} .nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
} #secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
} h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
} .site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
} .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
@media screen and ( min-width: 67em ) {  .navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
} .sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
} .page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
} .comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
} @media print { form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
} body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
} .wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
} .site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; }
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
} .single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
} body,
.site {
background: none !important; }
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; }
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; }
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}.site-branding{
height:300px;
}@font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-300-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-normal.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-300-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-normal.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-300-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-normal.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-300-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-italic.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-300-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-italic.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 300;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-300-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-300-italic.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-400-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-normal.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-400-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-normal.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-400-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-normal.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-400-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-italic.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-400-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-italic.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 400;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-400-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-400-italic.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-600-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-normal.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-600-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-normal.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-600-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-normal.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-600-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-italic.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-600-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-italic.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 600;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-600-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-600-italic.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-800-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-normal.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-800-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-normal.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: normal;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-800-normal.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-normal.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-vietnamese-800-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-italic.woff?ver=13) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-ext-800-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-italic.woff?ver=13) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Libre Franklin';
font-style: italic;
font-display: fallback;
font-weight: 800;
src:
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-latin-800-italic.woff2?ver=13) format('woff2'),
url(https://embraceyourworld.co.uk/wp/wp-content/themes/twentyseventeen/assets/fonts/libre-franklin/libre-franklin-all-800-italic.woff?ver=13) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
} .wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 0;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
} .wp-block-audio audio {
display: block;
width: 100%;
} .wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
}
.wp-block-code code {
font-size: inherit;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}  .wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments article {
margin-bottom: 4em;
}
.widget-area .wp-block-latest-comments article {
margin-bottom: 1em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
border-top: none;
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
} .wp-block-query .wp-block-post-template > li {
border-top: none;
} .entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}:root {
--wbk-primary-50: #F3FBFB;
--wbk-primary-text-50: #22292F;
--wbk-primary-100: #E8F8F6;
--wbk-primary-text-100: #22292F;
--wbk-primary-200: #D0F1EE;
--wbk-primary-text-200: #22292F;
--wbk-primary-300: #B9EAE5;
--wbk-primary-text-300: #22292F;
--wbk-primary-400: #A1E3DD;
--wbk-primary-text-400: #22292F;
--wbk-primary-500: #14B8A9;
--wbk-primary-text-500: #FFFFFF;
--wbk-primary-600: #11978C;
--wbk-primary-text-600: #FFFFFF;
--wbk-primary-700: #0C6A62;
--wbk-primary-text-700: #FFFFFF;
--wbk-primary-800: #073C37;
--wbk-primary-text-800: #FFFFFF;
--wbk-primary-900: #020E0D;
--wbk-primary-text-900: #FFFFFF;
--wbk-primary-950: #000000;
--wbk-primary-text-950: #FFFFFF;
--wbk-primary-filter-500: none;
--wbk-secondary-50: #FFFFFF;
--wbk-secondary-text-50: #22292F;
--wbk-secondary-100: #FEFFFF;
--wbk-secondary-text-100: #22292F;
--wbk-secondary-200: #FEFEFE;
--wbk-secondary-text-200: #22292F;
--wbk-secondary-300: #FDFEFE;
--wbk-secondary-text-300: #22292F;
--wbk-secondary-400: #FDFDFD;
--wbk-secondary-text-400: #22292F;
--wbk-secondary-500: #F9FAFB;
--wbk-secondary-text-500: #22292F;
--wbk-secondary-600: #E3E8ED;
--wbk-secondary-text-600: #22292F;
--wbk-secondary-700: #C5CFD8;
--wbk-secondary-text-700: #22292F;
--wbk-secondary-800: #A6B5C4;
--wbk-secondary-text-800: #22292F;
--wbk-secondary-900: #889CAF;
--wbk-secondary-text-900: #22292F;
--wbk-secondary-950: #728AA1;
--wbk-secondary-text-950: #FFFFFF;
--wbk-secondary-filter-500: hue-rotate(35.521472392638deg) saturate(25%) brightness(200%);
}@font-face {
font-family: poppins-light;
src: url(//embraceyourworld.co.uk/wp/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Light.7641a0f7.ttf);
}
@font-face {
font-family: poppins;
src: url(//embraceyourworld.co.uk/wp/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Regular.35d26b78.ttf);
}
@font-face {
font-family: poppins-medium;
src: url(//embraceyourworld.co.uk/wp/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Medium.673ed423.ttf);
}
@font-face {
font-family: poppins-semibold;
src: url(//embraceyourworld.co.uk/wp/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-SemiBold.ac8d04b6.ttf);
}
@font-face {
font-family: poppins;
src: url(//embraceyourworld.co.uk/wp/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Bold.cdb29a5d.ttf);
font-weight: bold;
}
.appointment-box-wbk {
display: flex;
max-width: 760px;
min-height: 650px;
background: #fff;
padding: 20px 20px 20px 20px;
margin: 0 auto;
border-radius: 20px;
box-shadow: 0 0 60px rgba(161, 163, 182, 0.2);
}
.appointment-box-wbk .appointment-status-wrapper-wbk {
background: #428a89;
border-radius: 20px;
color: #fff;
padding: 20px;
min-width: 250px;
min-height: 620px;
margin: 0;
box-sizing: border-box;
}
.narrow-form-wbk .appointment-status-wrapper-wbk {
max-width: 215px;
min-width: 215px;
}
.circle-box-wbk {
width: 26px;
height: 26px;
margin: 0 10px 0 0;
position: relative;
}
.circle-wrapper-wbk {
width: 13px;
height: 26px;
position: absolute;
top: 0;
overflow: hidden;
}
.circle-wrapper-right-wbk {
right: 0;
}
.circle-whole-wbk {
width: 26px;
height: 26px;
border: 2px solid transparent;
border-radius: 50%;
position: absolute;
top: 0;
transform: rotate(-135deg);
}
.circle-left-wbk {
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid rgba(255, 255, 255, 0.2);
left: 0;
animation: circleLeft-wbk 0.4s linear forwards;
}
li.completed-wbk .circle-digit-wbk {
animation: append-animate-wbk 0.4s linear;
background: #fff;
text-indent: 100px;
overflow: hidden;
}
.circle-digit-wbk {
display: flex;
max-width: 26px;
max-height: 26px;
min-width: 26px;
min-height: 26px;
border: 2px solid rgba(255, 255, 255, 0.2);
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 5px 16px;
}
.appointment-box-wbk .appointment-status-list-wbk {
list-style: none;
padding: 0;
margin: 0;
}
.appointment-box-wbk .appointment-status-list-wbk > li {
display: flex;
align-items: center;
margin: 0 0 10px 0;
opacity: 0.6;
align-items: flex-start;
}
.appointment-box-wbk .appointment-status-list-wbk > li.active-wbk {
opacity: 1;
}
.appointment-box-wbk .appointment-status-list-wbk > li.completed-wbk .circle-digit-wbk {
animation: append-animate-wbk 0.4s linear;
text-indent: 100px;
overflow: hidden;
}
.appointment-box-wbk .appointment-status-list-wbk .circle-digit-wbk {
display: flex;
max-width: 26px;
max-height: 26px;
min-width: 26px;
min-height: 26px;
border: 2px solid rgba(255, 255, 255, 0.2);
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 0 10px 0 0;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk {
padding: 2px 0 0 0;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .text-title-wbk {
font-size: 16px;
margin: 0 0 10px 0;
padding: 0 !important;
font-family: poppins, arial;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk {
list-style: disc;
margin: 0 0 0 20px;
max-width: 200px;
font-size: 14px;
padding: 0 !important;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk li + li {
margin-top: 10px;
}
.components-radio-control-input,
.components-checkbox-control-input {
box-shadow: none !important;
}
.timeslot-animation-wbk {
animation: append-animate-wbk 0.3s linear;
}
.input-label-wbk {
display: block;
margin: 10px 0 2px 0;
font-size: 14px;
font-weight: normal;
color: #000;
font-family: poppins, arial;
text-align: left;
}
.appointment-content-wbk:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.appointment-status-text-mobile-wbk {
display: none;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.current-step-wbk {
margin: 0 !important;
padding: 0 !important;
font-family: poppins-medium, arial;
font-size: 16px;
}
.next-step-wbk {
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
}
@media (max-width: 1200px) {
.appointment-box-wbk {
display: block;
box-shadow: none;
padding: 5px 0 10px 0;
min-height: 0;
}
.appointment-box-wbk .appointment-status-wrapper-wbk {
display: flex;
padding: 20px 25px 20px 25px;
align-items: center;
min-width: 0;
max-width: none;
margin: 0 15px 20px 15px;
min-height: auto;
}
.appointment-status-list-wbk {
display: none;
}
.appointment-status-text-mobile-wbk {
display: block;
}
}
.circle-chart-wbk {
display: none;
width: 80px;
height: 80px;
background: #428a89;
position: relative;
margin: 0 15px 0 0;
}
@media (max-width: 950px) {
.circle-chart-wbk {
display: inline-block;
}
}
@media (max-width: 500px) {
.appointment-box-wbk .appointment-status-wrapper-wbk {
padding: 10px;
}
}
.custom-radiobutton-wbk {
display: inline-block;
position: relative;
padding-left: 25px;
line-height: 23px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
font-weight: normal;
}
.circle-chart-wbk .circle-chart-text-wbk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hidden-wbk {
display: none !important;
}
.checkmark-wbk {
position: absolute;
top: 4px;
left: 0;
height: 16px;
width: 16px;
border: 1px solid #212121;
border-radius: 50%;
box-sizing: border-box;
transition: 0.2s;
}
.checkmark-multiple-wbk {
border-radius: 0 !important;
}
.narrow-form-wbk {
max-width: 600px;
}
.appointment-content-scroll-wbk {
padding: 0 25px 30px 10px;
position: relative;
margin: 0 0 23px;
height: 555px;
overflow: hidden !important;
}
.appointment-content-wbk {
flex-grow: 1;
padding: 0 20px;
}
.button-block-wbk {
display: flex;
justify-content: right;
padding: 0 25px 0 0;
}
.button-wbk {
font-family: poppins-semibold, arial;
display: flex;
align-items: center;
justify-content: center;
background: #1f6763;
border-radius: 15px;
color: #fff;
border: none;
padding: 18px 20px 18px 20px !important;
font-size: 16px;
transition: 0.2s;
cursor: pointer;
min-width: 155px;
outline: none;
height: auto !important;
text-align: center;
position: relative;
overflow: hidden;
margin-left: 5px;
}
.button-wbk.loading-wbk {
cursor: wait !important;
pointer-events: none;
background: #808080;
}
.button-wbk.loading-wbk::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: loading-animation-wbk 1.5s infinite linear;
}
@keyframes loading-animation-wbk {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.loading-holder-wbk {
display: block !important;
}
.react-loading-skeleton {
height: 75px;
overflow: hidden;
border-radius: 9px;
margin-bottom: 10px;
}
.justify-content-center-wbk {
justify-content: center;
}
.input-wbk,
.select-wbk,
.text-wbk,
.email-custom-wbk {
width: 100% !important;
max-width: 100% !important;
margin-top: 0;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
display: block;
box-sizing: border-box !important;
border: 1px solid #cdcfde !important;
border-radius: 15px;
height: 50px;
padding: 0 20px 0 20px;
font-family: poppins, arial;
font-size: 16px;
color: #212121;
outline: none;
font-weight: normal;
background: #fff !important;
}
.wbk-form {
width: 100%;
max-width: 450px;
display: flex;
flex-flow: column;
justify-content: center;
}
.wbk-form__heading {
margin-bottom: 50px;
}
.wbk-form__title {
font-size: 20px !important;
font-weight: normal;
line-height: 1.2;
padding-left: 5px;
border-left: 5px solid #428a89;
color: #428a89;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
font-family: "poppins";
}
.wbk-form__input-wrapper {
display: flex;
flex-flow: column;
gap: 15px;
}
.wbk-form__group {
display: flex;
flex-flow: column;
gap: 10px;
}
.wbk-form__label {
display: block;
font-size: 16px;
font-weight: normal;
color: #000;
font-family: poppins, arial;
text-align: left;
}
.wbk-form [type=text],
.wbk-form [type=email],
.wbk-form [type=password],
.wbk-form select {
width: 100% !important;
max-width: 100% !important;
margin-top: 0;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
display: block;
box-sizing: border-box !important;
border: 1px solid #cdcfde !important;
border-radius: 15px;
padding: 18px 20px 18px 20px;
font-family: poppins, arial;
font-size: 16px;
color: #212121;
outline: none;
font-weight: normal;
background: #fff !important;
height: auto;
}
.wbk-form [type=text]:disabled,
.wbk-form [type=email]:disabled,
.wbk-form [type=password]:disabled,
.wbk-form select:disabled {
color: #cecccc !important;
}
.wbk-form [type=text]:focus,
.wbk-form [type=email]:focus,
.wbk-form [type=password]:focus,
.wbk-form select:focus {
box-shadow: none !important;
outline: none !important;
}
.wbk-form__error {
border-right: 4px solid #ff2a2a !important;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
padding-right: 5px;
text-align: right;
margin-top: 15px;
font-size: 16px;
}
.wbk-form__button-holder {
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
.form-single-col-wbk {
width: 350px;
}
.input-wbk:disabled {
color: #cecccc !important;
}
.input-wbk:focus {
box-shadow: none !important;
outline: none !important;
}
.input-error-wbk {
border-left: 2px solid #ff2a2a !important;
}
.button-holder-wbk {
margin: 20px 0 0 0;
display: flex;
justify-content: flex-end;
}
.items-list-wbk {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
li.item-wbk {
margin: 0 0 20px 0 !important;
padding: 10px !important;
border-radius: 10px;
width: 100%;
box-sizing: border-box;
border: 1px solid #e5e7eb;
}
.timeslot-animation-wbk {
animation: append-animate-w 0.3s linear;
}
@keyframes append-animate-wbk {
from {
transform: scaleY(0);
opacity: 0;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.icon-wbk {
display: block;
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
background-size: 20px 20px;
}
.money-grey-icon-wbk {
background-image: url(data:image/png;base64,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);
}
.clock-grey-icon-wbk {
background-image: url(data:image/png;base64,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);
}
.item-title-wbk {
font-family: poppins, arial;
font-size: 16px;
display: block;
margin-bottom: 10px !important;
color: #000;
}
.item-block-sub-title-wbk {
font-family: poppins, arial;
font-size: 16px;
color: #686080 !important;
margin-right: 30px !important;
}
.item-block-controls-wbk {
display: flex;
align-items: center;
margin-top: 10px;
}
.item-block-controls-wbk a {
text-decoration: none !important;
margin: 0 10px 0 0;
color: #686080;
outline: none !important;
}
.item-block-controls-wbk a:hover {
text-decoration: underline !important;
}
.color-red-wbk {
color: #ff2020 !important;
}
.navbar-links-wbk li a {
text-decoration: none !important;
font-size: 16px !important;
font-weight: 300;
font-family: poppins, arial !important;
outline: none !important;
}
.react-calendar {
border: none !important;
background: #fff !important;
width: 100% !important;
border-radius: 20px;
box-shadow: 0 0 19px rgba(161, 163, 182, 0.2);
}
abbr[title],
.react-calendar__tile,
.react-calendar__tile abbr {
border: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
.react-calendar__navigation__label,
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__label,
.react-calendar__navigation__prev-button,
.react-calendar__navigation__next-button,
.react-calendar__navigation__next2-button {
color: #000;
}
.react-calendar__month-view__days__day:not(:disabled):not(.react-calendar__tile--active),
.react-calendar__tile--no:not(:disabled):not(.react-calendar__tile--active) {
color: #000;
}
.react-calendar__tile--now {
background: #ffffff;
}
.timeslots-list-wbk {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
-moz-column-gap: 6px;
column-gap: 6px;
row-gap: 6px;
list-style: none !important;
margin: 15px 0 30px 0 !important;
padding: 0 12px 0 0 !important;
width: 100%;
box-sizing: border-box;
}
.timeslots-list-wbk li {
margin: 0 !important;
padding: 0 !important;
}
.timeslots-list-wbk input[type=radio] {
display: none;
}
.timeslots-list-wbk input[type=radio] ~ .radio-time-block-wbk {
transition: 0.2s;
}
.timeslots-list-wbk .radio-time-block-wbk {
display: flex;
height: 44px;
border: 1px solid #1f6763;
border-radius: 10px;
justify-content: center;
align-items: center;
transition: 0.2s;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-wbk {
color: #fff;
background: #1f6763;
border: 1px solid #1f6763;
cursor: default;
}
.timeslot-animation-w {
animation: append-animate-w 0.3s linear;
}
.timeslots-list-wbk .radio-checkmark {
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #8a9393;
border-radius: 100%;
margin: 0 5px 0 0;
}
.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-w .radio-checkmark {
border-color: #fff;
border-width: 4px;
}
.loading-small-horizontal-wbk {
width: 150px;
height: 22px;
background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 50%, #f0f0f0 100%);
background-size: 200% 100%;
animation: loading-small-horizontal 1.5s infinite;
display: inline-block;
border-radius: 3px;
}
@keyframes loading-small-horizontal {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.navbar--wbk {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
color: white;
padding: 10px 20px;
}
.menu-toggle-wbk {
display: none;
background: none !important;
border: none !important;
color: white !important;
font-size: 1.5em;
cursor: pointer;
}
.menu-toggle-wbk:hover {
background: none !important;
border: none !important;
color: white !important;
outline: none !important;
}
.navbar-links-wbk {
display: flex;
flex-direction: column;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.navbar-links-wbk a {
color: white;
text-decoration: none;
}
@media (min-width: 768px) {
.menu-toggle-wbk {
display: none;
}
.navbar-links-wbk {
flex-direction: column;
display: flex;
}
.navbar-links-wbk li {
margin: 10px 0;
}
}
.active-wbk {
font-weight: bold !important;
}
.mt-50-wbk {
margin-top: 50px;
}
@media (max-width: 768px) {
.menu-toggle-wbk {
display: block;
}
.navbar-links-wbk {
display: none;
position: relative;
right: 0;
width: 100%;
z-index: 50;
}
.navbar-links-wbk.open-wbk {
display: flex;
flex-direction: column;
}
.navbar-links-wbk li {
text-align: left;
margin: 0 0 10px 33px;
}
.timeslots-list-wbk {
grid-template-columns: 1fr 1fr;
}
}
.rcs-inner-handle {
background-color: rgba(149, 149, 149, 0.19) !important;
} @keyframes react-loading-skeleton {
100% {
transform: translateX(100%);
}
}
.react-loading-skeleton {
--base-color: #ebebeb;
--highlight-color: #f5f5f5;
--animation-duration: 1.5s;
--animation-direction: normal;
--pseudo-element-display: block; background-color: var(--base-color);
width: 100%;
border-radius: 0.25rem;
display: inline-flex;
line-height: 1;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
}
.react-loading-skeleton::after {
content: ' ';
display: var(--pseudo-element-display);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-repeat: no-repeat;
background-image: var(
--custom-highlight-background,
linear-gradient(
90deg,
var(--base-color) 0%,
var(--highlight-color) 50%,
var(--base-color) 100%
)
);
transform: translateX(-100%);
animation-name: react-loading-skeleton;
animation-direction: var(--animation-direction);
animation-duration: var(--animation-duration);
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion) {
.react-loading-skeleton {
--pseudo-element-display: none; }
} .Lu8iI_MchCctFXmDCMig {
width: 240px;
background-color: #f9fafb;
border-right: 1px solid #e5e7eb;
padding: 16px 24px;
display: flex;
flex-flow: column;
}
@media screen and (max-width: 768px) {
.Lu8iI_MchCctFXmDCMig {
width: 100%;
height: 100%;
position: absolute;
top: 65px;
left: 0;
}
}
.DaOo2wUDbaVUD37wrjvb {
display: flex;
flex-flow: column;
gap: 8px;
}
.yJuJy2E3rLSJePYj0VJd {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
border-radius: 10px;
transition: 0.3s all ease;
cursor: pointer;
}
.yJuJy2E3rLSJePYj0VJd:not(.cWDc32KwxF8qXlokv9l3) img {
filter: grayscale(100%);
transform: 0.3s all ease;
}
.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi {
background-color: var(--wbk-primary-50);
color: #0f766e;
}
.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi img {
filter: grayscale(0%);
}
.i9D3IUtoARuXewHYGOnH {
padding-top: 25px;
border-top: 1px solid #e5e7eb;
margin-top: 16px;
color: #dc2626;
}
.NX_BtmJj_l0yIldmDY8X {
border-top: 1px solid #e5e7eb;
margin-top: auto;
padding-top: 22px;
}
.NX_BtmJj_l0yIldmDY8X .sazvKVCxaFRTVcTXVDKe {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
padding-bottom: 10px;
margin-bottom: 10px;
}
.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw {
display: flex;
flex-flow: column;
gap: 10px;
}
.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw a {
text-decoration: none;
font-size: 14px;
font-weight: 300;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 8px;
color: #668091;
}
.NnVcxxRm5pv4mksCbTPR {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border-radius: 10px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 p {
margin-bottom: 20px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button {
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.cAsmc0yA_IzwHcevxIgn {
background-color: #dc2626;
color: #fff;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.DV_0Te8XeWN84kBwlDsH {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
} .wbk_button {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 12px 16px;
border-radius: 8px;
outline: none;
cursor: pointer;
border: none;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
text-align: center;
vertical-align: middle;
transition: 0.3s all cubic-bezier(0.25, 0.8, 0.25, 1);
text-decoration: none !important;
position: relative;
}
.wbk_button:active, .wbk_button:focus {
outline: none;
box-shadow: none;
}
.wbk_button:active {
transform: scale(0.95);
}
.wbk_button:hover:not(.disabled):not(:active) {
transform: translateY(-4px) scale(1.03) perspective(400px) rotateX(4deg);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 1.5px 4px rgba(0, 0, 0, 0.1);
}
.wbk_button--primary {
background-color: var(--wbk-primary-500);
color: #fff;
}
.wbk_button--primary:hover:not(.disabled) {
background-color: var(--wbk-primary-600);
color: #fff;
}
.wbk_button--secondary {
background-color: #edeff2;
color: #22292f;
}
.wbk_button--secondary:hover {
background-color: var(--wbk-primary-500);
color: var(--wbk-primary-50);
}
.wbk_button--generic {
border: none;
background-color: transparent;
color: #668091;
box-shadow: none;
outline: none;
position: static;
transition: none;
}
.wbk_button--generic:hover:not(.disabled):not(:active) {
transform: none;
box-shadow: none;
color: #668091;
background-color: transparent !important;
}
.wbk_button--generic:active:not(.disabled) {
transform: none;
box-shadow: none;
color: #668091;
background-color: transparent !important;
}
.wbk_button--error {
background-color: #dc2626;
color: #fff;
}
.wbk_button--error:hover {
background-color: #b91c1c;
color: #fff;
}
.wbk_button--disabled {
background-color: #edeff3;
cursor: not-allowed;
}
.wbk_button:hover .wbk_button__tooltip {
visibility: visible;
z-index: 9999;
opacity: 1;
}
.wbk_button__tooltip {
background: #fff;
color: #222;
padding: 8px 14px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 14px;
white-space: pre-line;
pointer-events: none;
transition: all 0.3s ease;
text-align: center;
min-width: 180px;
max-width: 320px;
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
bottom: calc(100% + 12px);
right: 30%;
margin-left: 12px;
}
.wbk_button__tooltip::after {
content: "";
position: absolute;
top: 100%;
left: calc(100% - 16px);
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.wbk_button__loader {
width: 20px;
height: 20px;
border: 3px solid #fff;
border-top: 3px solid #668091;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-right: 8px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .KKLofP45FsQ6Eu3Ueet1 {
padding: 32px;
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
}
.KKLofP45FsQ6Eu3Ueet1 h2 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
color: #111827;
margin: 0;
}
.KKLofP45FsQ6Eu3Ueet1 p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #6b7280;
margin: 0;
}
.cp82M2vWPil8NvhvB7tS {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.cp82M2vWPil8NvhvB7tS .fVXVED1O36U8fktffkda {
width: 64px;
height: 64px;
min-width: 64px;
min-height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--wbk-primary-100);
}
.O2NCX3pelTmVHMEJzuh5 {
margin-top: 30px;
display: flex;
flex-flow: column;
gap: 24px;
}
.O2NCX3pelTmVHMEJzuh5 .ihHoO1Qa6iDLerEwnWc9 {
display: flex;
flex-flow: column;
gap: 8px;
}
.O2NCX3pelTmVHMEJzuh5 label {
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #374151;
}
.O2NCX3pelTmVHMEJzuh5 [type=text],
.O2NCX3pelTmVHMEJzuh5 [type=email],
.O2NCX3pelTmVHMEJzuh5 [type=password] {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #d1d5db;
padding: 12px 16px;
outline: none;
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color: #374151;
transform: 0.3s all ease;
}
.O2NCX3pelTmVHMEJzuh5 [type=text]:active, .O2NCX3pelTmVHMEJzuh5 [type=text]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=email]:active,
.O2NCX3pelTmVHMEJzuh5 [type=email]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=password]:active,
.O2NCX3pelTmVHMEJzuh5 [type=password]:focus {
outline: none;
background-color: #ffffff;
border-color: var(--wbk-primary-500);
}
.O2NCX3pelTmVHMEJzuh5 [type=text]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=email]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=password]::-moz-placeholder {
color: #adaebc;
}
.O2NCX3pelTmVHMEJzuh5 [type=text]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=email]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=password]::placeholder {
color: #adaebc;
}
.LReKVHda87_mh16GnXVF {
margin-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C {
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: #4b5563;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input {
outline: none;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:active, .LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:focus {
outline: none;
}
.O5EW09aH9h5D0BqBZXXn {
margin-top: 24px;
}
.O5EW09aH9h5D0BqBZXXn .rZuZOqn3rAUwtdEnyMpa {
width: 100%;
}
.zq64uOkvy0xtT7EwEZov {
text-align: center;
margin-top: 15px;
font-size: 16px;
padding: 4px 8px;
border-radius: 8px;
background: #f8dcdc;
color: #ff2a2a;
border: 1px solid #ffadad;
margin-top: 24px !important;
} .InN_8lx3C7bpwVXsHTQ4 {
width: 100%;
max-width: 900px;
height: 638px;
position: relative;
}
.InN_8lx3C7bpwVXsHTQ4.s8WhGkRlu_GlBh2GIK6G {
max-width: 448px;
max-height: 568px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.InN_8lx3C7bpwVXsHTQ4 {
max-width: 100%;
}
}
.ynC1ZR_wxt_olPgREeC_ {
border-radius: 10px;
border: 1px solid #e5e7eb;
display: flex;
overflow: hidden;
height: 100%;
}
@media screen and (max-width: 768px) {
.ynC1ZR_wxt_olPgREeC_ {
flex-flow: column;
}
}
.Bp1uzjt9OFvcwc4UYQ48 {
width: 100%;
}
.Bp1uzjt9OFvcwc4UYQ48 h2 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
color: #111827;
margin: 0;
}
.Bp1uzjt9OFvcwc4UYQ48 p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #6b7280;
}
._zIDKA87SLhgC06gQySp {
display: none;
align-items: center;
justify-content: flex-start;
padding: 16px;
}
._zIDKA87SLhgC06gQySp .gNYM54_2qUucz11PVPSO {
margin-left: auto;
display: flex;
align-items: center;
gap: 12px;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq {
display: flex;
flex-flow: column;
gap: 3px;
cursor: pointer;
position: relative;
width: 17.5px;
height: 15px;
align-items: center;
justify-content: center;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq div {
width: 17.5px;
height: 3px;
border-radius: 10px;
background-color: #4b5563;
cursor: 0.3s all ease;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.2s ease-in-out;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(1) {
transform: translate(-50%, -50%) rotate(45deg);
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(2) {
opacity: 0;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(3) {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
._zIDKA87SLhgC06gQySp {
display: flex;
}
} .xwWlUDmt0ykq86bzfUR_ {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
.xwWlUDmt0ykq86bzfUR_ p {
margin: 0;
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.xwWlUDmt0ykq86bzfUR_ h2,
.xwWlUDmt0ykq86bzfUR_ .r4arV_VOAbV3jiSmpQBg {
display: none;
}
}
.rLvgHst1cTyNutyXrzfH {
height: 100%;
display: flex;
flex-flow: column;
padding: 24px;
}
@media screen and (max-width: 768px) {
.rLvgHst1cTyNutyXrzfH {
padding: 16px;
border-top: 1px solid #e5e7eb;
}
}
.jsg_tGWFamYxp2iYLd4T {
margin-top: 24px;
}
.jsg_tGWFamYxp2iYLd4T .PO94JLiucMXN3fdgLvjF {
background-color: #f3f4f6;
border-radius: 10px;
width: 100%;
padding: 4px;
display: flex;
}
.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF {
border-radius: 8px;
padding: 10px 14px;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #111827;
transition: 0.3s all linear;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid transparent;
}
.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF.Jz0IeJa5IuoSL9kC31WN {
background-color: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922);
}
.jsg_tGWFamYxp2iYLd4T .LqzeJjawhmJVg9rdl8V6 {
margin-top: 24px;
display: flex;
flex-flow: column;
}
.jsg_tGWFamYxp2iYLd4T .NnONoJRl5c8wLokNEtET {
display: flex;
flex-flow: column;
gap: 16px;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
} .wAXfpnZjatliINzwf4xU {
border: 1px solid #e5e7eb;
background-color: #ffffff;
padding: 17px;
border-radius: 10px;
}
.kpVUXhDw6zpF86Yta7do {
display: flex;
align-items: center;
gap: 14px;
}
.kpVUXhDw6zpF86Yta7do .ep1mLJAD3S2wtyfg3dVn {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #111827;
}
.kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
border-radius: 9999px;
padding: 4px 6px;
font-weight: 300;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
}
@media screen and (max-width: 768px) {
.kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
margin-left: auto;
}
}
.kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
margin-left: auto;
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
color: #111827;
}
@media screen and (max-width: 768px) {
.kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
display: none;
}
}
.mqfFtDlwMcSQtSnm7ZHw {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-top: 8px;
}
@media screen and (max-width: 768px) {
.mqfFtDlwMcSQtSnm7ZHw {
flex-flow: column;
gap: 12px;
align-items: flex-start;
}
}
.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 {
display: flex;
flex-flow: column;
gap: 4px;
}
.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 .jVpdqWkaaumXWYwCjIu7 {
display: flex;
align-items: center;
gap: 8px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: #4b5563;
}
.mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
display: flex;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 768px) {
.mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
border-top: 1px solid #f3f4f6;
padding-top: 8px;
justify-content: flex-end;
width: 100%;
}
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3 {
border: 1px solid transparent;
border-radius: 8px;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #374151;
padding: 8px 12px;
transition: 0.3s all ease;
cursor: pointer;
text-decoration: none;
outline: none;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE {
border-color: #d1d5db;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE:hover {
background-color: rgb(237.6097560976, 239.1219512195, 241.3902439024);
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN {
border-color: #fca5a5;
color: #b91c1c;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN:hover {
background-color: rgb(253.6451612903, 214.3548387097, 214.3548387097);
}
.VJJHtUuNOBT43yllydsT {
margin-left: auto;
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
color: #111827;
display: none;
}
@media screen and (max-width: 768px) {
.VJJHtUuNOBT43yllydsT {
display: block;
margin-right: auto;
}
} .react-calendar {
width: 350px;
max-width: 100%;
background: white;
border: 1px solid #a0a096;
font-family: 'Arial', 'Helvetica', sans-serif;
line-height: 1.125em;
}
.react-calendar--doubleView {
width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
display: flex;
margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
width: 50%;
margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
box-sizing: border-box;
}
.react-calendar button {
margin: 0;
border: 0;
outline: none;
}
.react-calendar button:enabled:hover {
cursor: pointer;
}
.react-calendar__navigation {
display: flex;
height: 44px;
margin-bottom: 1em;
}
.react-calendar__navigation button {
min-width: 44px;
background: none;
}
.react-calendar__navigation button:disabled {
background-color: #f0f0f0;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__month-view__weekdays {
text-align: center;
text-transform: uppercase;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.react-calendar__month-view__weekdays__weekday {
padding: 0.5em;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
display: flex;
align-items: center;
justify-content: center;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.react-calendar__month-view__days__day--weekend {
color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
padding: 2em 0.5em;
}
.react-calendar__tile {
max-width: 100%;
padding: 10px 6.6667px;
background: none;
text-align: center;
font: inherit;
font-size: 0.833em;
}
.react-calendar__tile:disabled {
background-color: #f0f0f0;
color: #ababab;
}
.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
color: #cdcdcd;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__tile--now {
background: #ffff76;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
background: #ffffa9;
}
.react-calendar__tile--hasActive {
background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
background: #a9d4ff;
}
.react-calendar__tile--active {
background: #006edc;
color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
background-color: #e6e6e6;
} .wbk_booking_form__wrapper * {
box-sizing: border-box;
font-family: "Ubuntu", sans-serif;
}
.wbk_booking_form__wrapper {
position: relative;
width: calc(100vw - 32px);
text-align: left;
max-width: min(750px, 100%);
flex-shrink: 0;
flex-grow: 0;
align-self: center;
justify-self: center;
}
.wbk_booking_form__wrapper--compact-form {
max-width: 500px;
background-color: #ffffff;
border-radius: 8px;
}
.wbk_booking_form__wrapper__loading-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.wbk_booking_form__wrapper:not(.wbk_booking_form__wrapper--expanded) .wbk_booking_form__left-panel {
max-width: 100%;
width: 100%;
}
.wbk_booking_form__content {
padding: 24px;
display: flex;
flex-flow: column;
gap: 16px;
height: calc(100% - 80px);
}
.wbk_booking_form__left-panel {
max-width: calc(100% - 250px);
width: 100%;
transition: 0.3s all linear;
display: flex;
flex-direction: column;
max-height: inherit;
}
.wbk_booking_form__left-panel :global(.custom-scroll-handle) {
left: 4px !important;
}
.wbk_booking_form__right-panel {
margin-left: auto;
}
.wbk_booking_form__body__wrapper {
max-width: 750px;
min-height: 750px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 100%;
border-radius: 8px;
display: flex;
flex-flow: column;
}
.wbk_booking_form__body__inner-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 750px;
min-height: 750px;
max-height: 750px;
background-color: #ffffff;
border-radius: 8px;
}
.wbk_booking_form__body__inner-wrapper--bottom-view {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
@media screen and (max-width: 768px) {
.wbk_booking_form {
min-width: 100%;
max-width: 100%;
position: relative;
}
.wbk_booking_form__left-panel {
max-width: 100%;
width: 100%;
}
} .wbk_services_wrapper {
display: flex;
flex-flow: column;
gap: 8px;
font-family: "Ubuntu", sans-serif;
margin-top: 8px;
border-radius: 12px;
}
.wbk_services_wrapper p {
margin: 0;
}
.wbk_services_skeleton {
height: 96px;
border-radius: 12px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 400% 100%;
background-position: 100% 50%;
animation: skeleton-loading 1.2s infinite linear;
margin-bottom: 8px;
}
.wbk_services_item_appear {
animation: slideFadeIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_service_item {
border: 1.5px solid #edeff2;
border-radius: 12px;
cursor: pointer;
transform: 0.3s all linear;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_service_item--selected {
border: 1.5px solid var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_service_item--selected.wbk_service_item_bottom-part {
border-top: 1.5px solid var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__button {
border-color: var(--wbk-primary-500);
}
.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__input {
background-color: var(--wbk-primary-50);
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-text-50);
}
.wbk_service_item--selected h3, .wbk_service_item--selected.wbk_service_item__heading-wrapper__price {
color: var(--wbk-primary-text-50);
}
.wbk_service_item--selected p {
color: var(--wbk-primary-text-100);
}
.wbk_service_item--selected.wbk_service_item_bottom-part__heading p,
.wbk_service_item--selected.wbk_service_item_bottom-part__heading span {
color: var(--wbk-primary-text-100) !important;
}
.wbk_service_item__top-part {
display: flex;
gap: 16px;
padding: 16px 16px 24px;
}
.wbk_service_item__image {
width: 72px;
height: 72px;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
.wbk_service_item__content-wrapper {
display: flex;
flex-flow: column;
gap: 12px;
width: 100%;
}
.wbk_service_item__heading-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.wbk_service_item__heading-wrapper h3 {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 4px;
color: #22292f;
}
.wbk_service_item__heading-wrapper__duration {
color: #668091;
}
.wbk_service_item__heading-wrapper p {
margin: 0;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 4px;
}
.wbk_service_item__heading-wrapper__price {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
vertical-align: middle;
white-space: nowrap;
color: #22292f;
}
.wbk_service_item__description {
margin: 0;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_service_item__description-toggle {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
cursor: pointer;
}
.wbk_service_item__description-toggle img {
transition: 0.3s all linear;
}
.wbk_service_item__description-toggle--expanded img {
transform: rotate(180deg);
}
.wbk_service_item__bottom-part {
padding: 16px;
border-top: 1.5px solid #edeff2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_service_item__bottom-part__heading p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 2px;
color: #22292f;
}
.wbk_service_item__bottom-part__heading span {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_service_item__bottom-part__quantity-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_service_item__bottom-part__quantity-wrapper__input {
height: 32px !important;
max-height: 32px;
min-width: 32px;
border: 1.5px solid #edeff2 !important;
outline: none !important;
box-shadow: none !important;
border-radius: 0 !important;
appearance: textfield !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
background-color: #ffffff !important;
}
.wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-outer-spin-button, .wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0 !important;
}
.wbk_service_item__bottom-part__quantity-wrapper__input[type=number] {
-moz-appearance: textfield;
}
.wbk_service_item__bottom-part__quantity-wrapper__button {
width: 32px;
max-width: 32px;
min-width: 32px;
height: 32px;
max-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_service_item__bottom-part__quantity-wrapper__button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_service_item__bottom-part__quantity-wrapper__button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.wbk_service_item__mobile-select-button {
display: none;
margin: 16px;
width: calc(100% - 32px);
}
@media screen and (max-width: 768px) {
.wbk_service_item__mobile-select-button {
display: flex;
}
}
.wbk_service_item__mobile-select-button--selected {
background-color: #ffffff !important;
}
.wbk_service_item__mobile-select-button--selected:hover {
color: #22292f;
}
@keyframes skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes slideFadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .xeObMU09QbqpVUrs3IFp {
border-collapse: collapse;
width: 100%;
text-align: center;
margin-top: 24px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr {
background-color: #fff;
border: 1px solid #f3f4f6;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.eioRTipEpuq4YSMkt6Ae {
display: none;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.M0zs30fE6spXGppSQMrf {
padding: 15px;
cursor: pointer;
text-align: left;
font-family: "Ubuntu", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 300;
font-style: normal;
color: #4b5563;
}
.JA8gM5LLHaa3s23W26V2 {
display: flex;
align-items: center;
gap: 5px;
}
.M0zs30fE6spXGppSQMrf:first-child {
border-radius: 10px 0 0 10px;
}
.M0zs30fE6spXGppSQMrf:last-child {
border-radius: 0 10px 10px 0;
}
.mzbxvKLNBk6SP7juR9os {
padding: 15px;
text-align: left;
font-family: "Ubuntu", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
font-style: normal;
}
.mzbxvKLNBk6SP7juR9os:first-child {
max-width: 50px;
width: 50px;
}
.mzbxvKLNBk6SP7juR9os:last-child {
text-align: right;
}
.ZuTgtuzmJiEGCHQ4ZGqq > td {
padding: 0;
}
.McRdKW0tiU0bup1NCe7l {
border: none;
background-color: transparent;
cursor: pointer;
transition: opacity 200ms, transform 500ms;
padding: 0;
min-width: unset;
display: flex;
align-items: center;
justify-content: center;
}
.McRdKW0tiU0bup1NCe7l:active {
transform: scale(0.9);
}
.McRdKW0tiU0bup1NCe7l[data-title] {
position: relative;
}
.McRdKW0tiU0bup1NCe7l[data-title]::after {
content: attr(data-title);
display: flex;
padding: 2px 5px;
border-radius: 2px;
background-color: rgba(17, 24, 39, 0.8666666667);
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: scale(0) translate(-50%, -100%);
white-space: nowrap;
}
.McRdKW0tiU0bup1NCe7l[data-title]:hover::after {
top: calc(-100% - 15px);
right: 0;
left: unset;
transform: translateX(-25%) scale(1);
}
.McRdKW0tiU0bup1NCe7l img {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
max-width: 20px;
min-height: 20px;
}
.McRdKW0tiU0bup1NCe7l:hover img {
opacity: 0.7;
}
.McRdKW0tiU0bup1NCe7l.OwCoTowlEWzTPRYyZhSP {
visibility: hidden;
}
.McRdKW0tiU0bup1NCe7l.nTkL_6lP6DQ6AoozrLeP {
transform: rotate(180deg);
}
.NGxaEBhggQFj6Q15eTwZ {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media screen and (max-width: 768px) {
.NGxaEBhggQFj6Q15eTwZ {
flex-flow: column;
align-items: flex-start;
}
}
._6ph0sEDjEqFrg2sCaQt {
border: none;
background-color: green;
color: white;
padding: 10px;
font-size: 18px;
border-radius: 12px;
cursor: pointer;
}
.h0Mkrc2f4bTX4Yy39LMX {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-size: 30px;
line-height: 40px;
margin: 0;
}
.lVeRDoCb6PsI5l3J0XKD {
padding: 15px;
}
.rqNUQAismKt5yWnzBO63 {
margin-bottom: 15px;
}
.i1Qq3N4bzNQAfmCzyBiF {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
}
@media screen and (max-width: 768px) {
.i1Qq3N4bzNQAfmCzyBiF {
white-space: nowrap;
flex-flow: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
width: 100%;
margin-top: 20px;
}
.i1Qq3N4bzNQAfmCzyBiF input[id=search] {
width: 100%;
}
}
.JtvlDHvf_bC8QDjR13Ck {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 16px;
}
.PI3aBK2u5TQgaJHULPld {
display: flex;
align-items: center;
gap: 8px;
}
.PI3aBK2u5TQgaJHULPld p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 14px;
letter-spacing: 0%;
color: #4b5563;
}
@media screen and (max-width: 768px) {
.PI3aBK2u5TQgaJHULPld p:nth-child(3) {
display: none;
}
}
.PI3aBK2u5TQgaJHULPld select {
border-radius: 4px;
border: 1px solid #e5e7eb;
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #1f2937;
}
.bx99b0eDylBEWU0vs5UX {
display: flex;
align-items: center;
gap: 8px;
}
.HeHDo_XrLuoZmbgGZyJk {
display: flex;
align-items: stretch;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.bx99b0eDylBEWU0vs5UX button {
border: 1px solid #e5e7eb;
border-radius: 4px;
padding: 8px 12px;
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #1f2937;
transition: 0.3s all linear;
background-color: transparent;
}
.bx99b0eDylBEWU0vs5UX button:hover, .bx99b0eDylBEWU0vs5UX button.qRhr_RJITrCC5JoiebNr {
background-color: #1f6763;
color: white;
}
.bx99b0eDylBEWU0vs5UX button:not(:disabled) {
cursor: pointer;
}
.bx99b0eDylBEWU0vs5UX button:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.bx99b0eDylBEWU0vs5UX button img {
display: none;
}
@media screen and (max-width: 768px) {
.bx99b0eDylBEWU0vs5UX button img {
display: flex;
}
.bx99b0eDylBEWU0vs5UX button span {
display: none;
}
}
.eioRTipEpuq4YSMkt6Ae {
display: table-header-group;
}
.yOprrPU8iYcfbWU2VgJM {
box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
border-radius: 20px;
padding: 32px;
margin: 20px;
background: #f9fafb;
}
@media screen and (max-width: 768px) {
.yOprrPU8iYcfbWU2VgJM {
margin: 10px;
padding: 25px;
}
}
.rqNUQAismKt5yWnzBO63 input {
display: none;
}
.O_yDOzS6kAsfJpoNLung {
display: inline-flex;
align-items: center;
justify-content: flex-end;
row-gap: 1px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 170px;
max-width: 170px;
}
@media screen and (max-width: 768px) {
.O_yDOzS6kAsfJpoNLung .NZ1oE936sv_Gw3ZWkod_ {
display: none;
}
}
@media screen and (max-width: 768px) {
.O_yDOzS6kAsfJpoNLung {
width: auto;
max-width: unset;
}
}
@media (max-width: 1400px) {
.R5Y82Xy1JZkfiNM14kmD {
overflow-x: auto;
overflow-y: clip;
}
}
.R5Y82Xy1JZkfiNM14kmD.aMa0pW3Bqp0VfX_ExPEL {
overflow-x: auto;
}
.Dxs3vmRCUEqD5T26ZhtQ {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #111827;
margin: 0;
word-wrap: break-word;
}
._9xM3uoVEHjjOYAb6fElg {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #6b7280;
margin: 0;
word-wrap: break-word;
}
.OgZNcMbWoKFN9EtfNFaW * {
white-space: nowrap;
}
.SaBmIwrFn5yVseVkouv1 {
position: fixed;
bottom: 0;
right: 0;
width: calc(100% - 160px);
z-index: 999;
}
@media (max-width: 960px) {
.SaBmIwrFn5yVseVkouv1 {
width: calc(100% - 36px);
}
}
@media (max-width: 782px) {
.SaBmIwrFn5yVseVkouv1 {
width: 100%;
}
}
.DyxKuaAWfHk3dzFrzhQf {
width: 100%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border: 1px solid #e5e7eb;
border-bottom: none;
padding: 17px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
}
@media (max-width: 960px) {
.DyxKuaAWfHk3dzFrzhQf {
flex-flow: column;
padding: 10px;
gap: 10px;
}
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD {
display: flex;
align-items: center;
gap: 10px;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #4b5563;
margin: 0;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span {
display: flex;
align-items: center;
gap: 10px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #6b7280;
cursor: pointer;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span img {
width: 12px;
height: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.DyxKuaAWfHk3dzFrzhQf .Deq6LTYYTh4sYzLurEvI {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.DyxKuaAWfHk3dzFrzhQf .BLViTt2VPyU4l43_YEw7 {
padding: 0;
}
.DyxKuaAWfHk3dzFrzhQf .mMzotIUd2Wb7rNY_LK_I {
background-color: #fff;
color: #ef4444;
border: 1px solid #ef4444;
padding: 11px 17px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}
.DyxKuaAWfHk3dzFrzhQf select {
padding: 11px 17px;
border-radius: 8px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
} .wbk_categories__wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.wbk_categories__items {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.wbk_categories__items::-webkit-scrollbar {
display: none;
}
.wbk_categories__items__item {
padding: 4px 12px;
border-radius: 100px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
color: #22292f;
background-color: #edeff2;
cursor: pointer;
border: 1.5px solid #edeff2;
white-space: nowrap;
}
.wbk_categories__items__item--selected {
border-color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
color: var(--wbk-primary-500);
}
.wbk_categories__navigation-button {
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wbk_categories__navigation-button--prev {
left: -12px;
}
.wbk_categories__navigation-button--next {
right: -12px;
} .wbk_step__separator {
width: 100%;
height: 1px;
background-color: #edeff2;
}
.wbk_step__scroll-wrapper .rcs-custom-scrollbar {
width: 3px;
right: 0;
padding: 0;
}
.wbk_step__payment-step {
display: flex;
flex-flow: column;
gap: 16px;
}
.wbk_step__certificates {
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.wbk_step__certificates img {
filter: grayscale(1);
opacity: 0.5;
}
.wbk_step__form-wrapper {
padding-right: 8px;
}
.wbk_step__native-scroll-wrapper {
overflow-y: auto;
overflow-x: hidden;
min-height: 0;
flex: 1;
scroll-behavior: smooth;  scrollbar-width: thin;
scrollbar-color: #d1d5db transparent;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 4px;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: #b0b8c1;
}
.wbk_coupon__wrapper {
display: flex;
align-items: center;
gap: 12px;
}
.wbk_coupon__wrapper input[type=text] {
border-radius: 8px;
border: 1px solid #edeff2;
outline: none;
box-shadow: none;
padding: 11px 16px;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
width: 100%;
background: #fff;
}
.wbk_coupon__feedback {
margin-top: 4px;
padding: 10px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.wbk_coupon__feedback--success {
background: #e6f7ec;
color: #1a7f37;
border: 1px solid #b7ebc6;
}
.wbk_coupon__feedback--failed {
background: #fff1f0;
color: #d93025;
border: 1px solid #ffccc7;
} .wbk_booking_calendar {
z-index: 0;
padding: 0px 14px;
position: relative;
}
.wbk_booking_calendar .wbk_booking_calendar__indications {
display: flex;
gap: 24px;
align-items: center;
margin: 16px 0;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication {
display: flex;
align-items: center;
gap: 8px;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication .wbk_booking_calendar__indication-dot {
display: flex;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 4px;
border: 1px solid transparent;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--available .wbk_booking_calendar__indication-dot {
background-color: var(--wbk-primary-50);
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--today .wbk_booking_calendar__indication-dot {
background-color: var(--wbk-primary-100);
}
.wbk_booking_calendar__calendar-wrapper {
box-shadow: none;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation__label__labelText--from {
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.5%;
text-align: center;
color: #22292f;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation {
margin-bottom: 0 !important;
margin-top: 8px !important;
height: auto !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__weekdays__weekday {
font-weight: 300;
font-size: 12px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:disabled {
text-decoration: line-through !important;
background-color: #ffffff !important;
color: #b0bfc9 !important;
border-color: transparent !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day {
background-color: var(--wbk-primary-50) !important;
color: var(--wbk-primary-text-50) !important;
border-radius: 4px;
transition: 0.2s all ease-in-out;
cursor: pointer;
border: 1.5px solid var(--wbk-primary-50) !important;
width: 100%;
height: 100%;
box-shadow: none !important;
font-size: 12px;
padding: 8px;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:hover:not(:disabled), .wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:active:not(:disabled) {
background-color: var(--wbk-primary-50);
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days {
display: grid !important;
grid-template-columns: repeat(7, 1fr);
gap: 6px;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day.react-calendar__tile--now {
background-color: var(--wbk-primary-100) !important;
color: var(--wbk-primary-text-50) !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__tile--active {
background-color: var(--wbk-primary-50) !important;
border: 1.5px solid var(--wbk-primary-500) !important;
color: var(--wbk-primary-text-50) !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation button {
font-weight: 100 !important;
font-size: 22px !important;
padding: 2px 6px !important;
min-width: 28px !important;
min-height: 28px !important;
height: 28px !important;
width: 28px !important;
box-shadow: none !important;
margin: 0 2px !important;
line-height: 1 !important;
border-radius: 4px !important;
background: #fff !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background 0.2s !important;
z-index: 2 !important;
} .wbk_timeslots {
gap: 8px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
padding: 16px;
}
.wbk_timeslots--noitems {
padding: 0;
}
.wbk_timeslots__item {
border-radius: 4px;
border: 1px solid #edeff2;
background-color: #ffffff;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
transition: 0.2s all linear;
padding: 9px 18px;
white-space: nowrap;
width: 100%;
min-width: 100px;
cursor: pointer;
text-align: center;
flex: 1 0 120px;
max-width: 180px;
box-sizing: border-box;
}
.wbk_timeslots__item--selected {
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_timeslots__item--max-reached, .wbk_timeslots__item--disabled {
background-color: #f8f9fa;
border-color: #e9ecef;
color: #6c757d;
cursor: not-allowed;
opacity: 0.6 !important;
}
.wbk_timeslots__slot-appear {
animation: slotSlideFadeIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_timeslots__free-places {
font-size: 12px;
color: var(--wbk-primary-500);
}
.wbk_timeslots__skeleton-slot {
height: 36px;
flex: 0 0 120px;
width: 100%;
margin-bottom: 8px;
border-radius: 6px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 400% 100%;
background-position: 100% 50%;
animation: skeleton-loading 1.2s infinite linear !important;
}
@media screen and (max-width: 768px) {
.wbk_timeslots {
grid-template-columns: repeat(3, minmax(50px, 1fr));
}
}
@keyframes skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes slotSlideFadeIn {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .wbk_selected_services__wrapper {
display: flex;
flex-flow: column;
gap: 25px;
}
.wbk_selected_services__item__heading {
padding: 12px 16px;
background-color: var(--wbk-primary-50);
border: 1px solid #e5e7eb;
display: flex;
align-items: center;
gap: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor: pointer;
}
.wbk_selected_services__item__heading__index {
background-color: var(--wbk-primary-500);
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
color: var(--wbk-primary-text-500);
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
display: flex;
align-items: center;
justify-content: center;
}
.wbk_selected_services__item__heading__title {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--wbk-primary-text-50);
margin: 0;
text-align: left !important;
}
.wbk_selected_services__item__heading__empty-timeslots-label {
background-color: var(--wbk-primary-100);
padding: 3px 7px;
border-radius: 4px;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #6b7280;
color: var(--wbk-primary-text-100);
white-space: nowrap;
}
.wbk_selected_services__item__heading__selected-times {
display: flex;
flex-flow: column;
gap: 4px;
margin-left: auto;
}
.wbk_selected_services__item__heading__selected-timeslot {
padding: 4px;
border-radius: 4px;
background-color: var(--wbk-primary-100);
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: var(--wbk-primary-600);
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.wbk_selected_services__item__heading__selected-timeslot span {
display: flex;
width: 4px;
height: 4px;
min-width: 4px;
min-height: 4px;
border-radius: 50%;
background-color: var(--wbk-primary-600);
}
.wbk_selected_services__item__heading__toggle-icon {
margin-left: auto;
transition: 0.2s all ease-in-out;
cursor: pointer;
transform: rotate(180deg);
}
.wbk_selected_services__item__body {
border-top: none;
border: 1px solid #e5e7eb;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading {
border-radius: 10px;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__body {
max-height: 0;
height: 0;
overflow: hidden;
border: none;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading__toggle-icon {
transform: rotate(0deg);
}
.wbk_selected_services__item--disabled .wbk_selected_services__item__heading {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #f3f4f6;
}
.wbk_selected_services__item--disabled .wbk_selected_services__item__heading .wbk_selected_services__item__heading__index {
background-color: #9ca3af;
}
.wbk_selected_services__item__bottom-part {
padding: 16px;
border-top: 1.5px solid #edeff2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_selected_services__item__bottom-part__group-heading p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 2px;
}
.wbk_selected_services__item__bottom-part__group-heading span {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_selected_services__item__bottom-part__quantity-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_selected_services__item__bottom-part__quantity-input {
height: 32px;
max-height: 32px;
min-width: 32px;
border: 1.5px solid #edeff2;
text-align: center;
outline: none;
box-shadow: none;
border-radius: 0;
appearance: textfield;
-webkit-appearance: textfield;
-moz-appearance: textfield;
text-align: center;
padding: 0;
}
.wbk_selected_services__item__bottom-part__quantity-input::-webkit-outer-spin-button, .wbk_selected_services__item__bottom-part__quantity-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wbk_selected_services__item__bottom-part__quantity-input[type=number] {
-moz-appearance: textfield;
}
.wbk_selected_services__item__bottom-part__quantity-button {
width: 32px;
max-width: 32px;
min-width: 32px;
height: 32px;
max-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_selected_services__item__bottom-part__quantity-button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_selected_services__item__bottom-part__quantity-button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.wbk_selected_services__item__selected-date {
padding: 16px;
background-color: #f7f7f7;
text-align: left !important;
}
.wbk_selected_services__item__selected-date p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin: 0;
color: #22292f;
}
.wbk_selected_services__item__selected-date p span {
color: var(--wbk-primary-500);
}
.wbk_selected_services__item__no-timeslots {
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #f61616;
white-space: nowrap;
padding: 16px;
} .wbk_input__phone__input .PhoneInputInput {
border: none !important;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
padding: 0 !important;
height: auto !important;
outline: none !important;
box-shadow: none !important;
}  :root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput { display: flex;
align-items: center;
}
.PhoneInputInput { flex: 1; min-width: 0;
}
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {  display: block; width: 100%;
height: 100%;
}
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
} .PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
cursor: default;
}
.PhoneInputCountrySelectArrow {
display: block;
content: '';
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
} .wbk_input__file__drop-area {
border: 1.5px dashed #edeff2;
border-radius: 8px;
height: 120px;
width: 100%;
padding: 26px;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
gap: 4px;
cursor: grab;
margin-top: 16px;
}
.wbk_input__file__drop-area:active {
cursor: grabbing;
}
.wbk_input__file__drop-area p,
.wbk_input__file__drop-area span {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
color: #22292f;
margin: 0;
}
.wbk_input__file__drop-area span {
color: #668091;
}
.wbk_input__file__list {
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 16px;
display: flex;
flex-flow: column;
gap: 8px;
}
.wbk_input__file__list li {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
color: #668091;
}
.wbk_input__file__list__item {
display: flex;
align-items: center;
background: #f7f9fa;
border: 1px solid #edeff2;
border-radius: 6px;
padding: 8px 12px;
gap: 12px;
transition: box-shadow 0.2s;
position: relative;
box-shadow: 0 1px 2px rgba(34, 41, 47, 0.03);
}
.wbk_input__file__list__item__name {
flex: 1;
font-weight: 400;
color: #22292f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wbk_input__file__list__item__size {
font-size: 13px;
color: #668091;
margin-left: 8px;
}
.wbk_input__file__list__item__remove-btn {
background: none;
border: none;
color: #e74c3c;
font-size: 18px;
cursor: pointer;
margin-left: 8px;
padding: 2px 6px;
border-radius: 50%;
transition: background 0.15s;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.wbk_input__file__list__item__remove-btn:hover {
background: #fdecea;
color: #c0392b;
} .wbk_input__number__inner-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.wbk_input__number__input-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_input__number__input {
height: 40px;
max-height: 40px;
border: 1.5px solid #edeff2 !important;
text-align: center;
outline: none !important;
box-shadow: none;
border-radius: 0;
max-width: 48px;
background-color: #ffffff !important;
}
.wbk_input__number__quantity-button {
width: 40px;
max-width: 40px;
min-width: 40px;
height: 40px;
max-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_input__number__quantity-button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_input__number__quantity-button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
@media screen and (max-width: 768px) {
.wbk_input__number__input {
height: 30px;
max-height: 30px;
max-width: 28px;
}
.wbk_input__number__quantity-button {
width: 30px;
max-width: 30px;
min-width: 30px;
height: 30px;
max-height: 30px;
}
} .wbk_input_checkbox__label {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.wbk_input_checkbox__label span {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_input_checkbox__label input {
outline: none;
} .wbk_input__select__input {
padding: 4px;
border-radius: 8px !important;
}
.wbk_input__select__option {
font-weight: 300;
font-size: 14px !important;
line-height: 22px !important;
letter-spacing: 1%;
} .wbk_form_notice {
padding: 16px;
border-radius: 8px;
background-color: #f9fafb;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
} .wbk_form {
display: flex;
flex-wrap: wrap;
row-gap: 16px;
-moz-column-gap: 12px;
column-gap: 12px;
justify-content: space-between;
margin-top: 24px;
} .wbk_input {
width: 100%;
}
.wbk_input--half-width {
width: calc(50% - 6px);
}
.wbk_input__label {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
color: #22292f;
}
.wbk_input__main {
border-radius: 8px !important;
border: 1px solid #d4dde2 !important;
outline: none !important;
padding: 9px 16px !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 22px !important;
letter-spacing: 1% !important;
vertical-align: middle;
color: #22292f !important;
transition: 0.2s all ease !important;
width: 100% !important;
max-width: unset !important;
box-shadow: none !important;
background-color: #ffffff !important;
margin: 0 !important;
}
.wbk_input__main::-moz-placeholder {
color: #668091 !important;
}
.wbk_input__main::placeholder {
color: #668091 !important;
}
.wbk_input__main--error {
border-color: red !important;
}
.wbk_input__main:focus {
border-color: var(--wbk-primary-500) !important;
}
.wbk_input__error {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: red;
} .wbk_payment-selector__wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
gap: 16px;
margin-top: 24px;
width: 100%;
}
.wbk_payment-selector__method {
height: auto;
box-sizing: border-box;
flex: 0 0 84px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 21px 16px;
gap: 8px;
border-radius: 8px;
border: 1.5px solid #edeff2;
cursor: pointer;
min-width: 125px;
}
.wbk_payment-selector__method,
.wbk_payment-selector__method * {
transition: 0.2s all ease-in;
}
.wbk_payment-selector__method img {
filter: grayscale(1);
}
.wbk_payment-selector__method span {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
color: #668091;
width: 100%;
}
.wbk_payment-selector__method--selected {
border-color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
color: var(--wbk-primary-50);
}
.wbk_payment-selector__method--selected img {
filter: var(--wbk-primary-filter-500);
}
.wbk_payment-selector__method--selected span {
color: #22292f;
}
.wbk_payment-selector__method:hover {
background-color: var(--wbk-primary-50);
}
.wbk_payment-selector__method--appear {
animation: methodSlideFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_payment-selector__no-methods {
margin-top: 16px;
color: red;
}
@keyframes methodSlideFadeIn {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .wbk_progressbar__indicator {
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_progressbar__steps-list {
display: flex;
gap: 4px;
align-items: center;
justify-content: flex-end;
}
.wbk_progressbar__steps-list__step {
transition: 0.3s all linear;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
background-color: #f9fafb;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 1%;
text-align: center;
color: #b0bfc9;
border-radius: 50%;
border: 1.5px solid #f9fafb;
}
.wbk_progressbar__steps-list__step--active {
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_progressbar__steps-list__step--done {
background-color: var(--wbk-primary-500);
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-50);
}
.wbk_progressbar__progress-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 100px;
background-color: #edeff2;
height: 4px;
width: 100%;
}
.wbk_progressbar__progress-wrapper__progress {
height: 100%;
border-radius: 100px;
background-color: var(--wbk-primary-500);
}
.wbk_progressbar__content h3 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
color: #22292f;
margin: 0;
margin-bottom: 4px;
text-align: left !important;
}
.wbk_progressbar__content p {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
margin: 0 !important;
} @keyframes sidebarItemEnter {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.wbk_sidebar__wrapper {
height: 100%;
position: relative;
transition: 0.3s all linear;
}
.wbk_sidebar__wrapper--open {
width: 250px;
}
.wbk_sidebar__wrapper--hidden {
width: 0;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__wrapper--open {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
z-index: 1;
}
}
.wbk_sidebar__toggle-button {
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 50%;
left: -12px;
transition: 0.3s all linear;
z-index: 1;
transform: rotate(180deg);
}
.wbk_sidebar__toggle-button--hidden {
transform: rotate(0deg);
}
.wbk_sidebar__inner-wrapper {
padding: 24px;
width: 250px;
background-color: var(--wbk-secondary-500);
border-left: 1px solid #edeff2;
height: 100%;
position: relative;
transition: 0.3s all linear;
display: flex;
flex-flow: column;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_sidebar__inner-wrapper--open {
width: 250px;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__inner-wrapper--open {
width: 100%;
}
}
.wbk_sidebar__inner-wrapper--hidden {
width: 0;
visibility: hidden;
overflow: hidden;
display: none;
}
.wbk_sidebar__mobile-close-button {
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
right: 24px;
top: 26px;
display: none;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__mobile-close-button {
display: block;
}
}
.wbk_sidebar__title {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
vertical-align: middle;
color: var(--wbk-secondary-text-600) !important;
margin: 0;
margin-bottom: 24px;
text-align: left !important;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__title {
padding-bottom: 24px;
border-bottom: 1px solid #edeff2;
}
}
.wbk_sidebar__items, .wbk_sidebar__items__inner {
display: flex;
flex-flow: column;
margin-bottom: 24px;
}
.wbk_sidebar__items__inner {
max-height: 360px;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #d1d5db transparent;
}
.wbk_sidebar__items__inner::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.wbk_sidebar__items__inner::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 4px;
}
.wbk_sidebar__items__inner::-webkit-scrollbar-thumb:hover {
background: #b0b8c1;
}
.wbk_sidebar__items__item {
display: flex;
gap: 16px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.wbk_sidebar__items__item:not(:last-child) {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #edeff2;
}
.wbk_sidebar__items__item--animated {
animation: sidebarItemEnter 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.wbk_sidebar__items__item__info {
margin-right: auto;
}
.wbk_sidebar__items__item__title, .wbk_sidebar__items__item__price {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
margin: 0;
color: var(--wbk-secondary-text-600);
margin-bottom: 4px !important;
margin-right: auto;
text-transform: none !important;
}
.wbk_sidebar__items__item__price {
white-space: nowrap;
margin-right: unset;
}
.wbk_sidebar__items__item__subline {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
vertical-align: middle;
color: var(--wbk-secondary-text-500);
margin: 0;
margin-bottom: 0 !important;
}
.wbk_sidebar__items__item__button-remove {
cursor: pointer;
display: inline-flex;
margin-top: 6px;
}
.wbk_sidebar__items__item__button-remove img {
width: 12px;
height: 12px;
max-width: 12px;
max-height: 12px;
min-width: 12px;
min-height: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.wbk_sidebar__empty {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
margin: 0;
color: var(--wbk-secondary-text-500);
margin-bottom: 4px;
text-align: left !important;
}
.wbk_sidebar__help {
margin-top: auto;
}
.wbk_sidebar__help__title {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: var(--wbk-secondary-text-500);
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--wbk-secondary-text-400);
word-break: break-word;
}
.wbk_sidebar__help__text {
display: flex;
flex-flow: column;
gap: 10px;
}
.wbk_sidebar__help__text a {
text-decoration: none;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 8px;
color: var(--wbk-secondary-text-500);
word-break: break-word;
}
.wbk_sidebar__bottom-summary__wrapper {
width: 100%;
max-width: 750px;
margin: 0 auto;
z-index: 10;
background: var(--wbk-secondary-500);
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 24px 12px 24px;
border-top: 1px solid #edeff2;
border-radius: 0 0 8px 8px;
gap: 16px;
min-height: 56px;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__bottom-summary__wrapper {
align-items: stretch;
padding: 12px 8px;
max-width: 100%;
border-radius: 0 0 8px 8px;
}
}
.wbk_sidebar__bottom-summary__total-section {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.wbk_sidebar__bottom-summary__label {
font-size: 13px;
color: var(--wbk-secondary-text-500);
font-weight: 400;
margin-bottom: 2px;
}
.wbk_sidebar__bottom-summary__total {
font-size: 18px;
color: var(--wbk-secondary-text-600);
font-weight: 500;
margin-bottom: 2px;
}
.wbk_sidebar__bottom-summary__subline {
font-size: 12px;
color: var(--wbk-secondary-text-800);
font-weight: 300;
}
.wbk_sidebar__bottom-summary__show-summary-button {
color: var(--wbk-secondary-text-500) !important;
}
.wbk_sidebar__bottom-summary__show-summary-button img {
width: 12px;
height: 12px;
min-width: 12px;
min-height: 12px;
max-width: 12px;
max-height: 12px;
} .wbk_navigation__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-top: 1px solid #edeff2;
margin-top: auto;
}
.wbk_navigation__button-next {
margin-left: auto;
} .wbk_thank_you__wrapper {
width: 100%;
max-width: 500px;
min-height: 750px;
max-height: 750px;
border-radius: 8px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
padding: 32px 24px;
background-color: #fff;
}
.wbk_thank_you__wrapper h1,
.wbk_thank_you__wrapper h3 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
margin: 0;
}
.wbk_thank_you__wrapper h4 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin: 0;
}
.wbk_thank_you__wrapper p,
.wbk_thank_you__wrapper li {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
margin: 0;
}
.wbk_thank_you__wrapper strong {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
}
.wbk_thank_you__header {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 24px;
width: 100%;
}
.wbk_thank_you__header__content {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 8px;
text-align: center;
}
.wbk_thank_you__header img {
width: 88px;
height: 88px;
max-width: 88px;
max-height: 88px;
-o-object-fit: contain;
object-fit: contain;
}
.wbk_thank_you__header--hidden {
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(40px);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__header--visible {
opacity: 1;
position: relative;
transform: translateY(0);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__outer-wrapper {
width: 100%;
max-width: 750px;
min-height: 750px;
max-height: 750px;
border-radius: 8px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
}
.wbk_thank_you__inner-wrapper {
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-start;
gap: 16px;
height: 100%;
}
.wbk_thank_you__information {
margin-top: auto;
width: 100%;
}
.wbk_thank_you__information ul {
margin-top: 12px;
}
.wbk_thank_you__booking_items {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 12px;
width: 100%;
}
.wbk_thank_you__panel-wrapper {
padding: 16px;
border: 1.5px solid #edeff2;
border-radius: 8px;
width: 100%;
}
.wbk_thank_you__cart-items {
margin-top: 12px;
display: flex;
flex-flow: column;
}
.wbk_thank_you__cart-items__item {
display: flex;
justify-content: space-between;
gap: 16px;
}
.wbk_thank_you__cart-items__item--total {
padding-top: 20px;
margin-top: 4px;
border-top: 1px solid #edeff2;
}
.wbk_thank_you__cart-items__item--total strong {
color: var(--wbk-primary-500);
}
.wbk_thank_you__custom-scroll {
width: 100%;
}
.wbk_thank_you__calendar--hidden {
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(40px);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__calendar--visible {
opacity: 1;
position: relative;
transform: translateY(0);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_cancel_icon_bg {
background: rgba(220, 38, 38, 0.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
}
.wbk_cancel_icon_bg img {
width: 72px;
height: 72px;
max-width: 72px;
max-height: 72px;
-o-object-fit: contain;
object-fit: contain;
} .wbk_booking_block {
padding: 16px;
display: flex;
gap: 16px;
border-radius: 8px;
border: 1.5px solid #edeff2;
width: 100%;
}
.wbk_booking_block__date-label {
background-color: #f9fafb;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 4px;
border-radius: 4px;
padding: 4px 12px;
}
.wbk_booking_block__date-label p {
white-space: nowrap;
}
.wbk_booking_block h4 {
font-weight: 500;
font-size: 20px;
line-height: 24px !important;
letter-spacing: 0.5% !important;
text-align: center;
color: #22292f;
margin: 0;
}
.wbk_booking_block p {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_booking_block__info {
display: flex;
flex-flow: column;
} .ESbRQxziCxjpcB98ACQ4 {
text-align: center;
margin-top: 32px;
}
.DT_UIAwsc8JOG9R9BWnu {
margin: 16px 0;
text-align: left;
display: inline-block;
background: #f8fafc;
border-radius: 10px;
padding: 16px 24px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
.Yg_AISfKkuKJ0HoutWRw {
padding-left: 20px;
margin-bottom: 12px;
}
.PQpm72UFoQfvvLBnS9sZ {
margin: 24px 0;
color: #888;
font-style: italic;
}
.CGzI_yQhKo9KS2aSe3TI {
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-end;
gap: 16px;
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.CGzI_yQhKo9KS2aSe3TI .y0atMzx2Tzec0VZiIb7S {
width: 100%;
}
.zDzoDStuBNoeRwEddzRv {
text-align: left;
display: inline-block;
background: #f4f4f4;
border-radius: 8px;
padding: 12px 16px;
font-size: 13px;
color: #333;
margin-top: 16px;
}
.XbrA2vRaWVH31pVWQScu {
margin-top: 24px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-flow: column;
text-align: center;
}
.YyQ8DDNn1A673fjp93PK {
color: #dc2626;
font-size: 15px;
} .ximx9XS7aKi7L_bD0no2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 750px;
padding: 2rem;
background: rgba(255, 255, 255, 0.98);
border-radius: 8px;
}
.MjaETNQTutHOmxD00Q1G {
border-radius: 50%;
border: 3px solid #f3f3f3;
border-top: 3px solid #1f6763;
animation: mOgSUE51UXyGZbYF91P0 1s linear infinite;
margin-bottom: 1rem;
}
.MjaETNQTutHOmxD00Q1G.CYvjBniBTiLmGuJpcDvW {
width: 20px;
height: 20px;
border-width: 2px;
}
.MjaETNQTutHOmxD00Q1G.SXR_i0kIzO8OCcIW0xPy {
width: 32px;
height: 32px;
border-width: 3px;
}
.MjaETNQTutHOmxD00Q1G.mjCFVRwlA8g0nYiB_7H4 {
width: 48px;
height: 48px;
border-width: 4px;
}
.pPxd3Vv8wCJuaCfw5JmS {
margin: 0;
font-size: 1rem;
color: #666;
text-align: center;
font-weight: 500;
margin-top: 0.5rem;
}
@keyframes mOgSUE51UXyGZbYF91P0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .wbk_landing_page__action-button-container {
margin-top: 24px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-flow: column;
text-align: center;
}
.wbk_landing_page__action-button-error {
color: #dc2626;
font-size: 15px;
} .wbk_customer_panel {
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: center;
gap: 16px;
}