.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Reboot from Bootstrap 4.5.3
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
* on elements that programmatically receive focus but wouldn't normally show a visible
* focus outline. In general, this would mean that the outline is only applied if the
* interaction that led to the element receiving programmatic focus was a keyboard interaction,
* or the browser has somehow determined that the user is primarily a keyboard user and/or
* wants focus outlines to always be presented.
*
* See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
* and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
*/
[tabindex="-1"]:focus:not(.focus-visible) {
outline: 0 !important;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
/**
* Lists
*/
ol, ul {
list-style: none;
}
/**
* Quotes
*/
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
* 2. Fix alignment for Safari
*/
th {
/* 1 */
text-align: inherit;
/* 2 */
text-align: -webkit-match-parent;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: 0;
/* 2 */
text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted currentColor;
text-decoration: underline dotted currentColor;
/* 3 */
cursor: help;
/* 4 */
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
font-style: normal;
line-height: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Prevent `em` being affected from global reset
*/
em {
font-style: italic;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=reset],
[type=submit],
[type=button] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Set the cursor for non-`` buttons
* Details at https://github.com/twbs/bootstrap/pull/30562
*/
[role=button] {
cursor: pointer;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type=radio],
input[type=checkbox] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ``s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* 1. Remove the default vertical scrollbar in IE 10+.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
/* 1 */
overflow: auto;
/* 2 */
resize: vertical;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Always hide an element with the `hidden` HTML attribute (from PureCSS).
* Needed for proper display in IE 10-.
*/
[hidden] {
display: none;
}
/*!
* Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/**
* tom-select.css (v//@@version)
* Copyright (c) contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
.ts-control {
border: 1px solid #d0d0d0;
padding: 8px 8px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
box-sizing: border-box;
box-shadow: none;
border-radius: 3px;
display: flex;
flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0);
}
.full .ts-control {
background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
cursor: default !important;
}
.focus .ts-control {
box-shadow: none;
}
.ts-control > * {
vertical-align: baseline;
display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0;
}
.ts-wrapper.multi .ts-control > div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
color: rgb(124.5, 124.5, 124.5);
background: white;
border: 0 solid white;
}
.ts-control > input {
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
box-shadow: none !important;
}
.ts-control > input {
flex: 1 1 auto;
min-width: 7rem;
}
.ts-control > input::-ms-clear {
display: none;
}
.ts-control > input:focus {
outline: none !important;
}
.has-items .ts-control > input {
margin: 0 4px !important;
}
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl.single .ts-control:after {
left: 15px;
right: auto;
}
.ts-control.rtl .ts-control > input {
margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
opacity: 0.5;
background-color: #fafafa;
}
.input-hidden .ts-control > input {
opacity: 0;
position: absolute;
left: -10000px;
}
.ts-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 10;
border: 1px solid #d0d0d0;
background: #fff;
margin: 0.25rem 0 0;
border-top: 0 none;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
opacity: 1;
cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.ts-dropdown .optgroup-header {
color: #303030;
background: #fff;
cursor: default;
}
.ts-dropdown .active {
background-color: #f5fafd;
color: #495c68;
}
.ts-dropdown .active.create {
color: #495c68;
}
.ts-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 5px 8px;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 24px;
height: 24px;
margin: 3px;
border-radius: 50%;
border: 5px solid #d0d0d0;
border-color: #d0d0d0 transparent #d0d0d0 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ts-dropdown-content {
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
max-height: 200px;
scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
margin-right: 0 !important;
background: transparent !important;
}
.plugin-clear_button .clear-button {
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(8px - 6px);
transition: opacity 0.5s;
cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
right: max(0, 8px);
right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 1;
}
.ts-wrapper .dropdown-header {
position: relative;
padding: 10px 8px;
border-bottom: 1px solid #d0d0d0;
background: color-mix(#fff, #d0d0d0, 85%);
border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #303030;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
}
.ts-wrapper .dropdown-header-close:hover {
color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
box-shadow: none;
border: 1px solid #d0d0d0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.plugin-dropdown_input .dropdown-input {
border: 1px solid #d0d0d0;
border-width: 0 0 1px;
display: block;
padding: 8px 8px;
box-shadow: none;
width: 100%;
background: transparent;
}
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
border-color: rgb(127.5, 189, 255);
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.plugin-dropdown_input .items-placeholder {
border: 0 none !important;
box-shadow: none !important;
}
.plugin-dropdown_input .items-placeholder {
width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
flex: none;
min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
flex-grow: 1;
flex-basis: 0;
min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
display: inline-flex;
align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 0 6px;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
position: absolute;
right: 0;
top: 0;
font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid #d0d0d0;
margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
border-right: 1px solid #d0d0d0;
margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
border-right-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
border-right-color: white;
}
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
cursor: pointer;
}
.ts-control:not(.rtl) {
padding-right: max(.75rem, 0 + 0) !important;
padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
padding-left: max(.75rem, 0 + 0) !important;
padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
position: relative;
}
.ts-dropdown,
.ts-control,
.ts-control input {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
background: #fff;
cursor: text;
}
.ts-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@font-face {font-display:swap;
font-family: "Cardo";
src: url("/wp-content/themes/cibo-v2/dist/assets/fonts/Cardo-Regular.woff2") format("woff2"), url("/wp-content/themes/cibo-v2/dist/assets/fonts/Cardo-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {font-display:swap;
font-family: "Faro";
src: url("/wp-content/themes/cibo-v2/dist/assets/fonts/FaroWeb-RegularLucky.woff2") format("woff2"), url("/wp-content/themes/cibo-v2/dist/assets/fonts/FaroWeb-RegularLucky.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.vh {
min-height: auto;
}
@media (min-width: 992px) {
.vh.vh--25 {
height: auto;
min-height: 25vh;
}
.vh.vh--33 {
height: auto;
min-height: 33vh;
}
.vh.vh--50 {
height: auto;
min-height: 50vh;
}
.vh.vh--75 {
height: auto;
min-height: 75vh;
}
.vh.vh--100 {
height: auto;
min-height: 100vh;
}
}
.container-fluid.container--max, .container--max.container-sm, .container--max.container-md, .container--max.container-lg, .container--max.container-xl {
max-width: 140.3rem;
}
.container-fluid.container--max-sm, .container--max-sm.container-sm, .container--max-sm.container-md, .container--max-sm.container-lg, .container--max-sm.container-xl {
max-width: 114.8rem;
}
.container-fluid.container--max-lg, .container--max-lg.container-sm, .container--max-lg.container-md, .container--max-lg.container-lg, .container--max-lg.container-xl {
max-width: 280rem;
}
.text--light {
color: #fff;
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: rgb(0, 86.1, 178.5) !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: rgb(14.5, 102.1304347826, 116) !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgb(185.5, 139.125, 0) !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: rgb(203.375, 210.75, 218.125) !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
nav ul li.menu-item-has-children .sub-menu.gifts .sub-menu__cards a,
h4,
.h4 {
margin-bottom: 2.5rem;
line-height: 1.3125;
font-family: "Cardo", "Georgia", "Times New Roman", serif;
}
h1,
.h1 {
font-size: max(2.65rem, min(4.25vw, 5.3rem));
}
.hero--single h1,
.hero--single .h1 {
font-size: max(2.65rem, min(4.25vw, 4.8rem));
}
h2,
.h2 {
font-size: max(2.5rem, min(3vw, 4.8rem));
}
h3,
.h3,
nav ul li.menu-item-has-children .sub-menu.gifts .sub-menu__cards a {
font-size: max(2.2rem, min(2.45vw, 3.2rem));
}
p {
margin-bottom: 4rem;
}
p:last-of-type {
margin-bottom: 0;
}
p + .btn,
p button {
margin-top: 4rem;
}
.text--heading {
font-size: max(3rem, min(2.5vw, 4rem));
font-family: "Cardo", "Georgia", "Times New Roman", serif;
}
:root {
--accent: #CC9E84;
}
html,
body {
overflow-x: clip;
}
html {
-webkit-font-smoothing: antialiased;
background-color: #eee;
scroll-behavior: smooth;
font-size: 62.5%;
}
body {
background: white;
font-weight: 300;
font-size: max(1.5rem, min(1.8vw, 2rem));
line-height: 1.8;
font-family: "Faro", "Helvetica", "Arial", sans-serif;
}
body.book--active {
overflow: hidden;
}
ul {
margin: 0;
padding: 0;
}
main {
position: relative;
z-index: 5;
overflow-x: clip;
}
section {
background-color: #fff;
}
section.text--light {
color: #fff;
}
section:first-child {
padding-top: 0 !important;
}
section:not(.section--no-pad) {
padding-top: 3.35rem;
padding-bottom: 3.35rem;
}
@media (min-width: 768px) {
section:not(.section--no-pad) {
padding-top: 7.7rem;
padding-bottom: 7.7rem;
}
}
section + .section--extra-pad {
margin-top: 3.35rem;
}
@media (min-width: 768px) {
section + .section--extra-pad {
margin-top: 7.7rem;
}
}
section.section--extra-pad {
padding-top: 7.7rem;
padding-bottom: 7.7rem;
}
@media (min-width: 768px) {
section.section--extra-pad {
padding-top: 15.4rem;
padding-bottom: 15.4rem;
}
}
section.section--extra-pad + .section--extra-pad {
margin-top: 0;
}
section .section__title {
margin-bottom: 3.35rem;
text-align: center;
}
@media (min-width: 992px) {
section .section__title {
margin-bottom: 7.7rem;
}
}
section .section__title .content__wrap {
margin: 0 auto;
}
a {
color: #CC9E84;
color: var(--accent);
text-decoration: none;
}
a.link--light {
color: #CC9E84 !important;
}
a.link--light:after {
background-color: #CC9E84 !important;
}
a.link--arrow {
display: flex;
justify-content: space-between;
align-items: center;
}
a.link--arrow:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-top: 0.1rem;
margin-left: 0.9rem;
background-color: #2F2E35;
width: 1.25rem;
height: 0.6rem;
content: "";
transition: 0.125s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
a.link--arrow:hover:after {
transform: translateX(0.2rem);
}
::-moz-selection {
background-color: rgba(240, 236, 236, 0.5);
}
::selection {
background-color: rgba(240, 236, 236, 0.5);
}
img,
video {
vertical-align: bottom;
width: 100%;
}
header {
position: sticky;
top: 0;
right: 0;
left: 0;
padding-top: 1rem;
padding-bottom: 1rem;
z-index: 9;
background: #fff;
font-size: 1.9rem;
transition: 0.5s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
will-change: transform;
}
@media (min-width: 768px) {
header {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
}
body.header--active:not(.mobile--active) header, body.book--active:not(.book--closing) header, body.enquire--active:not(.enquire--closing) header, body[\:has\(.gallery--active\)] header {
transform: translateY(-100%);
}
body.header--active:not(.mobile--active) header, body.book--active:not(.book--closing) header, body.enquire--active:not(.enquire--closing) header, body:has(.gallery--active) header {
transform: translateY(-100%);
}
body[\:has\(.gallery--closing\)] header {
transform: translateY(0);
}
body:has(.gallery--closing) header {
transform: translateY(0);
}
body.admin-bar header {
top: 3.2rem;
}
header a:not(.card__link):not(.btn) {
position: relative;
padding-bottom: 0.7rem;
color: #2F2E35;
line-height: 1;
}
header a:not(.card__link):not(.btn):not(.btn):hover {
color: #CC9E84;
color: var(--accent);
}
header ul {
display: inline-flex;
align-items: center;
}
header ul li {
margin: 0 max(0.5rem, min(0.5vw, 1.5rem));
line-height: 1;
}
header .btn:hover {
border-color: #CC9E84 !important;
background-color: #CC9E84 !important;
}
header a:not(.btn):hover {
color: #CC9E84 !important;
}
.header__branding {
justify-content: center;
}
.header__branding svg {
width: max(9rem, min(14vw, 13.5rem));
max-height: 6rem;
}
@media (min-width: 768px) {
.header__branding svg {
max-height: 8.35rem;
}
}
.header__col {
display: flex;
align-items: center;
}
.header__col.header--left .btn {
margin-right: 1.2rem;
}
.header__col.header--right {
position: static;
position: initial;
justify-content: flex-end;
z-index: 2;
}
.header__menu-toggle {
width: 4rem;
height: 4rem;
display: inline-flex;
position: relative;
align-items: center;
margin-left: max(1rem, min(4vw, 5.8rem));
border: 0.1rem solid #2F2E35;
border-radius: 10rem;
background-color: transparent;
padding: 0;
overflow: hidden;
font-size: 1rem;
text-indent: -1000%;
transition: 0.5s cubic-bezier(0.4, -0.01, 0, 0.99) transform;
}
@media (min-width: 768px) {
.header__menu-toggle {
width: 5.3rem;
height: 5.3rem;
}
}
.header__menu-toggle:focus, .header__menu-toggle[focus-within] {
outline: 0;
}
.header__menu-toggle:focus, .header__menu-toggle:focus-within {
outline: 0;
}
.header__menu-toggle:hover {
cursor: pointer;
border-color: #CC9E84;
background-color: #CC9E84;
}
.header__menu-toggle:after, .header__menu-toggle:before,
.header__menu-toggle span {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
background: #2F2E35;
width: 2rem;
height: 0.1rem;
content: "";
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1);
transform-origin: center;
}
@media (min-width: 768px) {
.header__menu-toggle:after, .header__menu-toggle:before,
.header__menu-toggle span {
width: 2.65rem;
}
}
.header__menu-toggle:before {
top: calc(50% - 0.5rem);
}
@media (min-width: 768px) {
.header__menu-toggle:before {
top: calc(50% - 0.7rem);
}
}
.header__menu-toggle:after {
top: calc(50% + 0.5rem);
}
@media (min-width: 768px) {
.header__menu-toggle:after {
top: calc(50% + 0.7rem);
}
}
.mobile--active .header__menu-toggle {
background-color: transparent !important;
}
.mobile--active .header__menu-toggle {
transform: rotate(720deg);
}
.mobile--active .header__menu-toggle:hover {
cursor: pointer;
border-color: #2F2E35;
}
.mobile--active .header__menu-toggle span {
opacity: 0;
}
.mobile--active .header__menu-toggle:before, .mobile--active .header__menu-toggle:after {
top: 50%;
}
.mobile--active .header__menu-toggle:before {
transform: rotate(-45deg);
}
.mobile--active .header__menu-toggle:after {
transform: rotate(45deg);
}
.mobile--closing .header__menu-toggle {
transform: rotate(0);
}
.mobile--closing .header__menu-toggle:before {
top: calc(50% - 0.7rem);
transform: rotate(0);
}
.mobile--closing .header__menu-toggle:after {
top: calc(50% + 0.7rem);
transform: rotate(0);
}
.mobile--closing .header__menu-toggle span {
opacity: 1;
}
footer {
padding-top: 7.7rem;
padding-bottom: 3.35rem;
background: #2F2E35;
font-size: max(1.6rem, min(2.5vw, 1.8rem));
}
@media (min-width: 768px) {
footer {
padding-top: 15.4rem;
padding-bottom: 7.4rem;
}
}
footer a:hover {
color: #CC9E84;
}
footer .socials.socials--icons {
margin: 0;
}
footer .socials.socials--icons li {
border-color: #fff;
}
footer .socials.socials--icons li a {
background-color: #fff;
}
footer .socials.socials--icons li:hover {
border-color: #CC9E84;
}
footer .socials.socials--icons li:hover a {
background-color: #CC9E84;
}
@media (max-width: 991.98px) {
.footer__top > div {
margin-bottom: 5rem;
}
}
.footer__bottom {
padding-top: 10rem;
color: #fff;
font-size: 1.5rem;
}
.footer__bottom a {
color: currentColor;
}
.footer__bottom svg {
width: max(9rem, min(14vw, 13.5rem));
max-height: 6rem;
}
@media (min-width: 768px) {
.footer__bottom svg {
max-height: 8.35rem;
}
}
.footer__bottom svg path {
fill: #fff;
}
.footer__bottom ul {
display: inline-flex;
flex-wrap: wrap;
}
.footer__bottom ul li {
margin: 0 1rem;
}
@media (min-width: 992px) {
.footer__bottom ul li {
margin-left: 2rem;
}
}
nav {
line-height: 1;
}
nav ul li.menu-item-has-children {
margin: 0 max(2rem, min(0.5vw, 3.5rem));
}
nav ul li.menu-item-has-children > a {
display: inline-flex;
position: relative;
align-items: center;
margin-top: 0.7rem;
border-bottom: 0.1rem solid #2F2E35;
padding-bottom: 0.7rem;
}
nav ul li.menu-item-has-children > a:hover {
border-color: #CC9E84;
border-color: var(--accent);
}
nav ul li.menu-item-has-children > a:hover:after {
background-color: #CC9E84;
background-color: var(--accent);
}
nav ul li.menu-item-has-children > a:after {
transform: rotate(90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
margin-top: 0.1rem;
margin-left: 0.9rem;
background-color: #2F2E35;
width: 1.25rem;
height: 0.6rem;
content: "";
}
nav ul li.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
}
nav ul li.menu-item-has-children .sub-menu.sub-menu--mega {
right: 0;
left: 0;
opacity: 0;
background-color: #F0ECEC;
padding-top: 6rem;
padding-bottom: 6rem;
pointer-events: none;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
nav ul li.menu-item-has-children .sub-menu.gifts {
background-color: #84BECC;
min-height: calc(100vh - 150px);
text-align: center;
}
nav ul li.menu-item-has-children .sub-menu.gifts li {
margin-bottom: 0;
}
nav ul li.menu-item-has-children .sub-menu.gifts .sub-menu__cards a {
display: inline-block;
padding: 2.6rem;
width: 500px;
color: #2F2E35;
margin: 0;
border-bottom: 1px solid #2F2E35;
}
nav ul li.menu-item-has-children .sub-menu.gifts .sub-menu__cards a:hover {
color: rgb(119.6363636364, 117.0909090909, 134.9090909091) !important;
}
nav ul li.menu-item-has-children .sub-menu.gifts .sub-menu__cards a:hover {
border-bottom: 1px solid rgb(119.6363636364, 117.0909090909, 134.9090909091);
}
nav ul li.menu-item-has-children.sub-menu--active .sub-menu--mega {
opacity: 1;
pointer-events: all;
}
nav ul li.menu-item-has-children.sub-menu--active > a {
border-color: #CC9E84;
color: #CC9E84;
}
nav ul li.menu-item-has-children.sub-menu--active > a:after {
transform: rotate(-90deg);
background-color: #CC9E84;
}
nav ul li.menu-item-has-children .sub-menu__cards {
align-items: initial;
}
nav ul li.menu-item-has-children .sub-menu__cards li {
margin: 0 0 30px 0;
}
nav ul li.menu-item-has-children .sub-menu__cards li:not(.gifts) > a:not(.card__link) {
display: none;
}
nav#header-right {
position: static;
position: initial;
}
nav#mobile {
position: fixed;
top: 0;
right: 0;
transform: translateX(100%);
z-index: 15;
z-index: 1;
background-color: #CC9E84;
padding-bottom: 5rem;
width: calc((100vw - ((140.3rem) - 6rem)) / 2 + 9.8rem);
height: 100vh;
overflow: scroll;
font-size: 2.2rem;
line-height: 1;
}
@media screen and (max-width: 1700px) {
nav#mobile {
min-width: 40rem;
}
}
@media (max-width: 767.98px) {
nav#mobile {
width: calc(100vw - 10rem);
min-width: 30rem;
font-size: 1.8rem;
}
}
.mobile--active nav#mobile {
transform: translateX(0);
transition: 0.5s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.mobile--closing nav#mobile {
transform: translateX(100%);
transition: 0.5s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
nav#mobile a {
color: #2F2E35;
}
nav#mobile a:hover {
color: #fff !important;
}
nav#mobile .mobile__wrap {
padding: 10rem 0 0 3rem;
}
@media (min-width: 768px) {
nav#mobile .mobile__wrap {
padding: 15rem 0 0 3rem;
}
}
nav#mobile ul {
display: block;
}
nav#mobile ul li {
margin-right: 0;
margin-bottom: 1.75rem;
margin-left: 0;
}
nav#mobile ul li:not(.menu-item-object-restaurant) + .menu-item-object-restaurant:before {
display: block;
margin-top: 6rem;
margin-bottom: 1.75rem;
content: "Dine with us at:";
color: #2F2E35;
}
nav#mobile ul li.menu-item-object-restaurant + li:not(.menu-item-object-restaurant) {
margin-top: 6rem;
}
nav#footer {
color: #fff;
text-align: center;
}
nav#footer a {
color: currentColor;
}
nav#footer a:hover {
color: #CC9E84;
}
nav#footer li {
margin: 0;
margin-bottom: 1rem;
}
nav#footer li.menu-item-has-children > a {
border-color: currentColor;
pointer-events: none;
color: #fff;
}
nav#footer li.menu-item-has-children > a:after {
background-color: currentColor;
}
nav#footer li.menu-item-has-children {
margin-bottom: 5.4rem;
font-size: 1.9rem;
font-size: max(1.7rem, min(2.5vw, 1.9rem));
}
nav#footer .sub-menu {
display: block;
position: relative;
margin-top: 1.6rem;
}
.btn,
button:not(.header__menu-toggle):not(.flickity-button) {
padding: 1.25rem 1.75rem;
font-size: 1.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
border: 0;
border-radius: 4rem;
background-color: #CC9E84;
background-color: var(--accent);
color: #2F2E35;
line-height: 0.75;
text-decoration: none;
}
@media (min-width: 768px) {
.btn,
button:not(.header__menu-toggle):not(.flickity-button) {
padding: 1.75rem 1.9rem;
font-size: 1.7rem;
}
}
@media (min-width: 1200px) {
.btn,
button:not(.header__menu-toggle):not(.flickity-button) {
padding: 2rem 2.3rem;
font-size: 1.9rem;
}
}
.btn:focus, .btn[focus-within],
button:not(.header__menu-toggle):not(.flickity-button):focus,
button:not(.header__menu-toggle):not(.flickity-button)[focus-within] {
outline: 0;
}
.btn:focus, .btn[focus-within],
button:not(.header__menu-toggle):not(.flickity-button):focus,
button:not(.header__menu-toggle):not(.flickity-button)[focus-within] {
outline: 0;
}
.btn:focus, .btn:focus-within,
button:not(.header__menu-toggle):not(.flickity-button):focus,
button:not(.header__menu-toggle):not(.flickity-button):focus-within {
outline: 0;
}
.btn:after,
button:not(.header__menu-toggle):not(.flickity-button):after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-top: 0.1rem;
margin-left: 0.9rem;
background-color: currentColor;
width: 1.25rem;
height: 0.6rem;
content: "";
transition: 0.125s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.btn:hover, .btn:focus,
button:not(.header__menu-toggle):not(.flickity-button):hover,
button:not(.header__menu-toggle):not(.flickity-button):focus {
cursor: pointer;
background-color: #2F2E35;
color: #fff;
}
.btn:hover:after, .btn:focus:after,
button:not(.header__menu-toggle):not(.flickity-button):hover:after,
button:not(.header__menu-toggle):not(.flickity-button):focus:after {
transform: translateX(0.2rem);
background-color: #fff;
}
.btn.btn--arrow-down:after,
button:not(.header__menu-toggle):not(.flickity-button).btn--arrow-down:after {
transform: rotate(90deg) translateX(0);
}
.btn.btn--arrow-down:hover:after,
button:not(.header__menu-toggle):not(.flickity-button).btn--arrow-down:hover:after {
transform: rotate(90deg) translateX(0.2rem);
}
.btn.btn--outline, .btn.btn--outline-light,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button) {
border: 0.1rem solid #2F2E35;
background-color: transparent;
}
.btn.btn--outline:hover, .btn.btn--outline-light:hover, .btn.btn--outline:focus, .btn.btn--outline-light:focus,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline:hover,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button):hover,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline:focus,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button):focus {
border-color: #CC9E84;
border-color: var(--accent);
background-color: #CC9E84;
background-color: var(--accent);
color: #2F2E35;
}
.btn.btn--outline:hover:after, .btn.btn--outline-light:hover:after, .btn.btn--outline:focus:after, .btn.btn--outline-light:focus:after,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline:hover:after,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button):hover:after,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline:focus:after,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button):focus:after {
background-color: #2F2E35;
}
.btn.btn--outline-light,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline-light {
border-color: #fff;
color: #fff;
}
.btn.btn--outline-light:after,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline-light:after {
background: #fff;
}
.btn.btn--outline .text--light, .btn.btn--outline-light .text--light,
button:not(.header__menu-toggle):not(.flickity-button).btn--outline .text--light,
button.btn--outline-light:not(.header__menu-toggle):not(.flickity-button) .text--light {
border-color: #fff;
}
.btn.text--light,
button:not(.header__menu-toggle):not(.flickity-button).text--light {
color: white;
}
.btn.text--light:after,
button:not(.header__menu-toggle):not(.flickity-button).text--light:after {
background-color: white;
}
form {
display: flex;
position: relative;
flex-wrap: wrap;
}
@media (min-width: 768px) {
form {
padding: 0 1.5rem;
}
}
form.form--ajax {
flex-direction: column;
}
form .wpcf7-not-valid {
border-color: darkred !important;
}
form .wpcf7-not-valid-tip {
display: none !important;
}
form .wpcf7-response-output {
border-width: 0.1rem !important;
border-color: #fff !important;
padding: 0.5rem !important;
}
form .wpcf7-response-output {
width: 100%;
color: #fff;
font-size: 1.5rem;
}
.text--light form input:not([type=checkbox]),
.text--light form select,
.text--light form textarea {
border-color: #fff;
}
.text--light form select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
form input[type=date]:after {
display: inline-flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
align-items: center;
padding-left: 1.2rem;
content: attr(placeholder);
}
form input[type=date]:focus::after,
form input[type=date][focus-within]::after {
display: none;
}
form input[type=date]:focus::after,
form input[type=date]:focus-within::after {
display: none;
}
}
}
form input:not([type=checkbox]),
form select,
form textarea {
vertical-align: bottom;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
border: 0.1rem solid #2F2E35;
border-radius: 3rem;
background-color: transparent;
padding: 1rem 1.2rem;
width: 100%;
color: currentColor;
line-height: 1;
}
@media (min-width: 768px) {
form input:not([type=checkbox]),
form select,
form textarea {
border-radius: 6rem;
padding: 1.2rem 1.9rem;
}
}
form input:not([type=checkbox]):focus, form input:not([type=checkbox])[focus-within],
form select:focus,
form select[focus-within],
form textarea:focus,
form textarea[focus-within] {
border-color: #F0ECEC;
}
form input:not([type=checkbox]):focus, form input:not([type=checkbox]):focus-within,
form select:focus,
form select:focus-within,
form textarea:focus,
form textarea:focus-within {
border-color: #F0ECEC;
}
form input:not([type=checkbox]):focus::-moz-placeholder, form input:not([type=checkbox])[focus-within]::-moz-placeholder, form select:focus::-moz-placeholder, form select[focus-within]::-moz-placeholder, form textarea:focus::-moz-placeholder, form textarea[focus-within]::-moz-placeholder {
color: #F0ECEC;
}
form input:not([type=checkbox]):focus::placeholder, form input:not([type=checkbox])[focus-within]::placeholder,
form select:focus::placeholder,
form select[focus-within]::placeholder,
form textarea:focus::placeholder,
form textarea[focus-within]::placeholder {
color: #F0ECEC;
}
form input:not([type=checkbox]):focus::-moz-placeholder, form input:not([type=checkbox]):focus-within::-moz-placeholder, form select:focus::-moz-placeholder, form select:focus-within::-moz-placeholder, form textarea:focus::-moz-placeholder, form textarea:focus-within::-moz-placeholder {
color: #F0ECEC;
}
form input:not([type=checkbox]):focus::placeholder, form input:not([type=checkbox]):focus-within::placeholder,
form select:focus::placeholder,
form select:focus-within::placeholder,
form textarea:focus::placeholder,
form textarea:focus-within::placeholder {
color: #F0ECEC;
}
form ::-moz-placeholder {
color: currentColor;
}
form ::placeholder {
color: currentColor;
}
form select:not(.disabled):enabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center right 2.3rem;
background-size: 0.67rem 1.25rem;
background-repeat: no-repeat;
line-height: 1.4;
}
form select:not(.disabled):enabled:hover {
cursor: pointer;
}
form select:not(.disabled):enabled:focus, form select:not(.disabled):enabled[focus-within] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
form select:not(.disabled):enabled:focus, form select:not(.disabled):enabled:focus-within {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
form textarea {
border-radius: 2rem;
height: 12.4rem;
}
@media (min-width: 768px) {
form textarea {
border-radius: 3.2rem;
}
}
form .form__field {
display: flex;
padding: 0.5rem 0.6rem;
width: 100%;
}
@media (min-width: 768px) {
form .form__field {
padding: 0.8rem 0.6rem;
}
}
form .form__field > span {
display: inline-flex;
}
form .form__field > * {
width: 100%;
}
form .form__field.field--half > *:nth-child(2) {
margin-left: 1rem;
}
@media (min-width: 576px) {
form .form__field.field--half {
width: 50%;
}
}
form .form__field.field--three-thirds > * {
margin-left: 1rem;
}
form .form__field.field--three-thirds > * select,
form .form__field.field--three-thirds > * input,
form .form__field.field--three-thirds > * span {
width: 100%;
}
form .form__field.field--three-thirds > *:first-child {
margin-left: 0;
}
@media (min-width: 576px) {
form .form__field.field--three-thirds {
width: 100%;
}
}
form .form__field.field--two-thirds > * {
margin-left: 1rem;
}
form .form__field.field--two-thirds > * select,
form .form__field.field--two-thirds > * input,
form .form__field.field--two-thirds > * span {
width: 100%;
}
form .form__field.field--two-thirds > *:first-child {
margin-left: 0;
}
@media (min-width: 576px) {
form .form__field.field--two-thirds {
width: 60%;
}
}
form .form__field.field--one-third > span {
width: 100%;
}
form .form__field.field--one-third > span * {
width: 100%;
}
@media (min-width: 576px) {
form .form__field.field--one-third {
width: 40%;
}
}
form .form__field.field--nowrap {
flex-wrap: nowrap;
}
form small {
margin-top: 3.4rem;
}
form .loader {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 7rem;
left: 0;
z-index: 5;
animation: rotation 1s linear infinite;
box-sizing: border-box;
margin: auto;
border: 2px solid #fff;
border-radius: 50%;
width: 32px;
height: 32px;
}
form .loader::after {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
background: #fff;
width: 2px;
height: 16px;
content: "";
}
form.form--active .loader {
display: inline-block;
pointer-events: none;
}
form.form--active .content__wrap {
opacity: 0.2;
}
form .form__response {
font-weight: bold;
}
/* Hide the default checkbox */
.wpcf7-list-item input[type=checkbox] {
position: absolute;
visibility: hidden;
}
.wpcf7-list-item-label {
position: relative;
padding-left: 35px;
}
.wpcf7-list-item-label::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: background 0.3s, border-color 0.3s;
box-sizing: border-box;
border: 1px solid #000;
border-radius: 100%;
background: #fff;
width: 30px;
height: 30px;
content: "";
}
.wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before {
content: "●"; /* Unicode character for a filled circle */
color: black;
font-size: 32px;
line-height: 21px;
text-align: center;
}
.hero {
overflow: hidden;
color: #fff;
}
.hero.section--invert {
color: #2F2E35;
background-color: #CC9E84;
padding: 0rem;
}
.hero.hero--single {
color: #2F2E35;
}
.hero.hero--single .content__wrap {
margin-bottom: 1rem;
padding: 3rem 2rem;
max-width: 82.5rem;
}
@media (min-width: 768px) {
.hero.hero--single .content__wrap {
padding: 3rem 0;
}
}
.hero.hero--single + .content {
margin-top: 3rem;
}
.hero.hero--single.hero--has-video {
color: #fff;
}
.hero.hero--single.hero--has-video .content__wrap {
max-width: 61rem;
}
.hero.hero--single.section--invert {
color: #fff;
}
.hero h1 {
margin-bottom: 3rem;
line-height: 1.358;
}
.hero .media__wrap {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero .content__wrap {
position: absolute;
z-index: 3;
margin-bottom: 5rem;
padding: 0 5rem;
max-width: 82.5rem;
}
.hero + .text,
.hero + .inline {
padding-top: 7.7rem;
}
@media (min-width: 768px) {
.hero + .text,
.hero + .inline {
padding-top: 15.4rem;
}
}
.hero__content-inner {
transform: translateY(1rem);
opacity: 0;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) 0s;
}
.item--active .hero__content-inner {
transform: translateY(0);
opacity: 1;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) 0.5s;
}
.hero__content-subtitle {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
margin-bottom: 0.5rem;
padding-bottom: 1rem;
padding-left: 1.1rem;
}
@media (max-width: 767.98px) {
.hero__content-subtitle {
font-size: 1.4rem;
}
}
@media (min-width: 768px) {
.hero__content-subtitle {
margin-bottom: 1rem;
padding-bottom: 5rem;
padding-left: 5.3rem;
}
}
.carousel {
position: relative;
min-height: 90vh;
}
.hero--single .carousel {
min-height: 0 !important;
}
.carousel__item {
display: flex;
position: absolute;
top: 0;
right: 0;
left: 0;
justify-content: center;
align-items: center;
z-index: 0;
height: calc(100vh - 12.5rem);
max-height: 96rem;
overflow: hidden;
}
.carousel__item[data-index="1"] {
opacity: 1;
}
.hero--single .carousel__item {
position: relative;
min-height: 55.9rem;
}
.hero--single .carousel__item:not(.hero--has-video) .hero--single .carousel__item {
height: auto !important;
}
.carousel__item:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: rgba(47, 46, 53, 0.43);
pointer-events: none;
content: "";
}
.hero--single .carousel__item:before {
display: none;
}
section:not(.hero--single) .carousel__item {
opacity: 0;
}
.carousel--active .carousel__item {
transition: 0s linear opacity 0.5s;
}
body.admin-bar .carousel__item {
height: calc(100vh - 15.7rem);
}
.carousel__item img,
.carousel__item video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section:not(.hero--single) .carousel__item.item--active {
opacity: 1;
z-index: 1;
}
.carousel--active .carousel__item.item--active {
transition: 0.25s linear opacity 0.25s;
}
.carousel__controls {
display: flex;
position: absolute;
right: 0;
bottom: 0;
flex-wrap: nowrap;
align-items: center;
z-index: 5;
padding-right: 1.1rem;
padding-bottom: 1rem;
}
@media (min-width: 768px) {
.carousel__controls {
padding-right: 5.3rem;
padding-bottom: 5rem;
}
}
.carousel__nav {
color: currentColor;
}
.carousel__nav ul {
display: inline-flex;
}
.carousel__nav li {
position: relative;
margin: 0 0.6rem;
}
.carousel__nav li.item--active:after {
text-decoration: underline;
}
.carousel__nav li:after {
content: attr(data-label);
}
.carousel__button {
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 1.5rem;
border: 0.1rem solid currentColor;
border-radius: 6rem;
width: 3.2rem;
height: 3.2rem;
}
@media (min-width: 768px) {
.carousel__button {
margin-left: 3rem;
width: 5.2rem;
height: 5.2rem;
}
}
.carousel__button:after {
position: absolute;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-top: 0.1rem;
background-color: currentColor;
width: 1rem;
height: 0.5rem;
content: "";
}
@media (min-width: 768px) {
.carousel__button:after {
width: 1.25rem;
height: 0.6rem;
}
}
.carousel__button:hover {
cursor: pointer;
border-color: #CC9E84;
border-color: var(--accent);
background-color: #CC9E84;
background-color: var(--accent);
}
.carousel__button.carousel--prev {
display: none;
}
.grid img,
.grid video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.grid__entry {
display: flex;
justify-content: center;
margin-bottom: 1.5rem;
}
.grid__entry img,
.grid__entry video {
border-radius: 0.6rem;
}
.grid__entry:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.grid__entry {
margin-bottom: 0;
}
}
.grid__entry .btn {
position: absolute;
bottom: 5rem;
margin: 0 auto;
}
.grid__entry.grid--entry-lg {
max-height: 83rem;
}
@media (min-width: 768px) {
.grid__entry.grid--entry-lg img,
.grid__entry.grid--entry-lg video {
border-radius: 0.6rem 0 0 0.6rem;
}
}
.grid__entry.grid--entry-sm {
max-height: 41.5rem;
}
@media (min-width: 768px) {
.grid--featured .grid__entry.grid--entry-sm:nth-child(1) img,
.grid--featured .grid__entry.grid--entry-sm:nth-child(1) video {
border-radius: 0 0.6rem 0 0;
}
}
@media (min-width: 768px) {
.grid--featured .grid__entry.grid--entry-sm:nth-child(2) img,
.grid--featured .grid__entry.grid--entry-sm:nth-child(2) video {
border-radius: 0 0 0.6rem 0;
}
}
@media (min-width: 768px) {
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(1) img,
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(1) video {
border-radius: 0.6rem 0 0 0;
}
}
@media (min-width: 768px) {
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(2) img,
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(2) video {
border-radius: 0 0.6rem 0 0;
}
}
@media (min-width: 768px) {
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(3) img,
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(3) video {
border-radius: 0 0 0 0.6rem;
}
}
@media (min-width: 768px) {
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(4) img,
.grid:not(.grid--featured) .grid__entry.grid--entry-sm:nth-child(4) video {
border-radius: 0 0 0.6rem 0;
}
}
.text + .rows,
.text + .blocks,
.text + .subscribe {
margin-top: 7.7rem;
}
@media (min-width: 768px) {
.text + .rows,
.text + .blocks,
.text + .subscribe {
margin-top: 15.4rem;
}
}
.text .content__wrap {
max-width: 79rem;
margin: 0 auto;
}
.testimonial {
background-color: #CC9E84;
background-color: var(--accent);
}
.testimonial h2 {
margin-bottom: max(3rem, min(4vw, 6rem));
}
.testimonial p {
font-size: max(1.8rem, min(1.95vw, 3.2rem));
font-family: "Cardo", "Georgia", "Times New Roman", serif;
}
.testimonial small {
font-size: 100%;
margin-top: max(4rem, min(4vw, 8rem));
display: block;
}
.testimonial .content__wrap {
max-width: 93.9rem;
margin: 0 auto;
}
.ticker__close {
display: inline-flex;
display: none;
position: absolute;
top: 8rem;
right: 0;
left: 0;
justify-content: center;
align-items: center;
margin: 0 auto;
border: 0.1rem solid currentColor;
border-radius: 5rem;
width: 4rem;
height: 4rem;
color: #CC9E84;
z-index: 10;
}
.ticker__close:before, .ticker__close:after {
position: absolute;
transform: rotate(-45deg);
margin: auto;
background-color: currentColor;
width: 2.5rem;
height: 0.1rem;
content: "";
}
.ticker__close:after {
transform: rotate(45deg);
}
.ticker__close:hover {
color: #2F2E35;
}
.ticker__inner {
display: flex;
flex-wrap: nowrap;
width: auto;
}
.ticker__container {
margin: 0;
padding: 0;
overflow: visible;
}
.ticker__inner-wrap {
display: flex;
flex-wrap: nowrap;
align-items: center;
will-change: transform;
width: auto;
}
.ticker__inner-wrap span {
display: inline-block;
padding: 0 1.125rem;
}
@media (min-width: 768px) {
.ticker__inner-wrap span {
padding: 0 2.25rem;
}
}
.ticker__inner-wrap img {
border-radius: 0.6rem;
width: auto;
min-width: 14rem;
max-width: 79rem;
height: auto;
min-height: 14rem;
max-height: 65rem;
-o-object-fit: contain;
object-fit: contain;
}
.ticker__nav {
display: none;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding-bottom: 7.5rem;
}
.ticker__nav-btn, .gallery .flickity-prev-next-button.next, .gallery .flickity-prev-next-button.previous {
margin: 0.5rem 1rem;
width: 3rem;
height: 2rem;
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='236px' height='206px' viewBox='0 0 236 206' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='nav-arrow' transform='translate(0.500000, 0.198766)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M132.719203,0 L235.457938,102.738734 L132.719203,205.477469 L124.233922,196.992188 L212.923,108.301 L0,108.301234 L0,96.3012344 L212.051,96.301 L124.233922,8.48528137 L132.719203,0 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='236px' height='206px' viewBox='0 0 236 206' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='nav-arrow' transform='translate(0.500000, 0.198766)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M132.719203,0 L235.457938,102.738734 L132.719203,205.477469 L124.233922,196.992188 L212.923,108.301 L0,108.301234 L0,96.3012344 L212.051,96.301 L124.233922,8.48528137 L132.719203,0 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #CC9E84;
}
.ticker__nav-btn:hover, .gallery .flickity-prev-next-button.next:hover, .gallery .flickity-prev-next-button.previous:hover {
cursor: pointer;
background-color: #2F2E35;
}
.ticker__nav-btn.ticker--prev, .gallery .ticker--prev.flickity-prev-next-button.next, .gallery .ticker--prev.flickity-prev-next-button.previous {
transform: scaleX(-1);
}
.with-bg, .page-private-events #cards, .blocks {
background-image: url("/wp-content/themes/cibo-v2/dist/assets/images/raster/cibo-marble.jpg");
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.blocks img, .blocks video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.6rem;
}
.blocks + .inline,
.blocks + .text {
padding-top: 7.7rem;
}
@media (min-width: 768px) {
.blocks + .inline,
.blocks + .text {
padding-top: 15.4rem;
}
}
.blocks__entry {
display: flex;
justify-content: center;
margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
.blocks--max .blocks__entry {
min-height: 40.3rem;
}
}
.blocks__entry:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.blocks__entry {
margin-bottom: 0;
}
}
.blocks__entry .media__wrap {
width: 100%;
overflow: hidden;
border-radius: 0.6rem;
}
.blocks__entry img, .blocks__entry video {
transition: 2s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.blocks__entry:hover img, .blocks__entry:hover video {
transform: scale(1.033);
}
.blocks__entry .btn {
position: absolute;
bottom: 5rem;
margin: 0 auto;
}
.inline img,
.inline video {
border-radius: 0.6rem;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.inline + .rows,
.inline + .blocks,
.inline + .subscribe {
margin-top: 3.35rem;
}
@media (min-width: 768px) {
.inline + .rows,
.inline + .blocks,
.inline + .subscribe {
margin-top: 7.7rem;
}
}
.inline__media {
margin-bottom: 4rem;
}
@media (min-width: 992px) {
.inline__media {
margin-bottom: 0;
}
}
.inline__inner {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.inline--reverse .inline__inner {
flex-direction: row-reverse;
}
}
.inline__content .content__wrap {
max-width: 48.5rem;
}
@media (min-width: 992px) {
.inline__content .content__wrap {
padding-left: 1.5rem;
}
.inline--reverse .inline__content .content__wrap {
padding-left: 0;
padding-right: 1.5rem;
}
}
.subscribe {
padding-top: 7.7rem !important;
padding-bottom: 7.7rem !important;
}
.subscribe {
background: #CC9E84;
background: var(--accent);
color: #2F2E35;
}
@media (min-width: 768px) {
.subscribe {
padding-top: 15.4rem !important;
padding-bottom: 15.4rem !important;
}
}
.subscribe form {
font-size: max(1.6rem, min(1.8vw, 1.9rem));
}
.subscribe .content__wrap {
margin: 0 auto;
padding: 0 1rem;
max-width: 93rem;
}
.subscribe small {
display: block;
margin-top: 2.2rem;
}
.subscribe .section__title {
margin-bottom: 4rem;
}
.subscribe__field {
display: flex;
flex-wrap: wrap;
margin-bottom: 1.8rem;
}
@media (min-width: 768px) {
.subscribe__field {
flex-wrap: nowrap;
}
}
.subscribe__field button {
border: 0.1rem #2F2E35 solid !important;
}
.subscribe__field button {
margin-left: 1.5rem;
padding: 1.2rem;
min-width: 13.3rem;
line-height: 1;
}
@media (max-width: 767.98px) {
.subscribe__field button {
margin-top: 1.8rem;
margin-left: 0;
width: 100%;
}
}
.subscribe__field button.text--light {
border: 0.1rem solid #fff !important;
}
.subscribe__field button.text--light:hover {
border-color: #2F2E35 !important;
}
@media (min-width: 992px) {
.subscribe__field:nth-child(odd) {
padding-left: 0.75rem;
}
}
@media (min-width: 992px) {
.subscribe__field:nth-child(even) {
padding-right: 0.75rem;
}
}
.socials {
margin: 2.7rem 0 0 0;
padding: 0;
list-style: none;
}
.socials.socials--icons {
display: inline-flex;
}
.socials.socials--icons li {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 1rem;
border: 0.1rem solid #CC9E84;
border: 0.1rem solid var(--accent);
border-radius: 6rem;
}
.socials.socials--icons li:hover {
border-color: #2F2E35;
}
.socials.socials--icons li a {
display: inline-block;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 2.1rem;
mask-size: 2.1rem;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 5.3rem;
height: 5.3rem;
text-indent: 999px;
background-color: #CC9E84;
background-color: var(--accent);
}
@media (max-width: 767.98px) {
.socials.socials--icons li a {
-webkit-mask-size: 1.5rem;
mask-size: 1.5rem;
width: 3.2rem;
height: 3.2rem;
}
}
.socials.socials--icons li a:hover {
background-color: #2F2E35;
}
.socials.socials--icons li.socials--facebook a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cpath id='icons8-facebook-48' d='M24,3H9A6,6,0,0,0,3,9V24a6,6,0,0,0,6,6h8.431V19.558H13.917V15.471h3.514V12.464c0-3.486,2.131-5.387,5.243-5.387a30.027,30.027,0,0,1,3.138.158V10.88H23.67c-1.695,0-2.025.8-2.025,1.983v2.6h4.05l-.526,4.088H21.621V30H24a6,6,0,0,0,6-6V9A6,6,0,0,0,24,3Z' transform='translate(-3 -3)' fill='%2384becc'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cpath id='icons8-facebook-48' d='M24,3H9A6,6,0,0,0,3,9V24a6,6,0,0,0,6,6h8.431V19.558H13.917V15.471h3.514V12.464c0-3.486,2.131-5.387,5.243-5.387a30.027,30.027,0,0,1,3.138.158V10.88H23.67c-1.695,0-2.025.8-2.025,1.983v2.6h4.05l-.526,4.088H21.621V30H24a6,6,0,0,0,6-6V9A6,6,0,0,0,24,3Z' transform='translate(-3 -3)' fill='%2384becc'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--instagram a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cpath id='icons8-instagram-48' d='M10.5,3A7.5,7.5,0,0,0,3,10.5v12A7.5,7.5,0,0,0,10.5,30h12A7.5,7.5,0,0,0,30,22.5v-12A7.5,7.5,0,0,0,22.5,3Zm15,3A1.5,1.5,0,1,1,24,7.5,1.5,1.5,0,0,1,25.5,6Zm-9,3A7.5,7.5,0,1,1,9,16.5,7.5,7.5,0,0,1,16.5,9Zm0,3A4.5,4.5,0,1,0,21,16.5,4.5,4.5,0,0,0,16.5,12Z' transform='translate(-3 -3)' fill='%2384becc'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cpath id='icons8-instagram-48' d='M10.5,3A7.5,7.5,0,0,0,3,10.5v12A7.5,7.5,0,0,0,10.5,30h12A7.5,7.5,0,0,0,30,22.5v-12A7.5,7.5,0,0,0,22.5,3Zm15,3A1.5,1.5,0,1,1,24,7.5,1.5,1.5,0,0,1,25.5,6Zm-9,3A7.5,7.5,0,1,1,9,16.5,7.5,7.5,0,0,1,16.5,9Zm0,3A4.5,4.5,0,1,0,21,16.5,4.5,4.5,0,0,0,16.5,12Z' transform='translate(-3 -3)' fill='%2384becc'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--twitter a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.74 24.17'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cpath d='M29.74,2.86a12.16,12.16,0,0,1-3.51,1A6.14,6.14,0,0,0,28.92.45,12.39,12.39,0,0,1,25,1.93,6.1,6.1,0,0,0,14.49,6.1a5.81,5.81,0,0,0,.16,1.39A17.3,17.3,0,0,1,2.07,1.12a6,6,0,0,0-.83,3.06A6.09,6.09,0,0,0,4,9.26,6.07,6.07,0,0,1,1.19,8.5v.08a6.11,6.11,0,0,0,4.9,6,6.07,6.07,0,0,1-1.61.21,6.31,6.31,0,0,1-1.15-.11A6.11,6.11,0,0,0,9,18.9a12.22,12.22,0,0,1-7.57,2.61A14,14,0,0,1,0,21.43a17.28,17.28,0,0,0,9.35,2.74c11.22,0,17.36-9.3,17.36-17.36,0-.27,0-.53,0-.79A12.55,12.55,0,0,0,29.74,2.86Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.74 24.17'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cpath d='M29.74,2.86a12.16,12.16,0,0,1-3.51,1A6.14,6.14,0,0,0,28.92.45,12.39,12.39,0,0,1,25,1.93,6.1,6.1,0,0,0,14.49,6.1a5.81,5.81,0,0,0,.16,1.39A17.3,17.3,0,0,1,2.07,1.12a6,6,0,0,0-.83,3.06A6.09,6.09,0,0,0,4,9.26,6.07,6.07,0,0,1,1.19,8.5v.08a6.11,6.11,0,0,0,4.9,6,6.07,6.07,0,0,1-1.61.21,6.31,6.31,0,0,1-1.15-.11A6.11,6.11,0,0,0,9,18.9a12.22,12.22,0,0,1-7.57,2.61A14,14,0,0,1,0,21.43a17.28,17.28,0,0,0,9.35,2.74c11.22,0,17.36-9.3,17.36-17.36,0-.27,0-.53,0-.79A12.55,12.55,0,0,0,29.74,2.86Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--linkedin a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--youtube a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.33 22.74'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cg id='Lozenge'%3E%3Cpath d='M32,4.91A7,7,0,0,0,30.72,1.7,4.58,4.58,0,0,0,27.48.33C23,0,16.17,0,16.17,0h0S9.37,0,4.85.33A4.6,4.6,0,0,0,1.61,1.7,7,7,0,0,0,.32,4.91,49.22,49.22,0,0,0,0,10.14v2.45a49.22,49.22,0,0,0,.32,5.23A7,7,0,0,0,1.61,21a5.5,5.5,0,0,0,3.56,1.39c2.59.24,11,.32,11,.32s6.79,0,11.31-.34A4.58,4.58,0,0,0,30.72,21,7,7,0,0,0,32,17.82a49.22,49.22,0,0,0,.32-5.23V10.14A49.22,49.22,0,0,0,32,4.91ZM12.83,15.56V6.48L21.56,11Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.33 22.74'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cg id='Lozenge'%3E%3Cpath d='M32,4.91A7,7,0,0,0,30.72,1.7,4.58,4.58,0,0,0,27.48.33C23,0,16.17,0,16.17,0h0S9.37,0,4.85.33A4.6,4.6,0,0,0,1.61,1.7,7,7,0,0,0,.32,4.91,49.22,49.22,0,0,0,0,10.14v2.45a49.22,49.22,0,0,0,.32,5.23A7,7,0,0,0,1.61,21a5.5,5.5,0,0,0,3.56,1.39c2.59.24,11,.32,11,.32s6.79,0,11.31-.34A4.58,4.58,0,0,0,30.72,21,7,7,0,0,0,32,17.82a49.22,49.22,0,0,0,.32-5.23V10.14A49.22,49.22,0,0,0,32,4.91ZM12.83,15.56V6.48L21.56,11Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.details__col {
padding-top: 1rem;
}
@media (max-width: 991.98px) {
.details__col {
margin-bottom: 4rem;
}
}
.details__col .btn {
display: flex;
margin-bottom: 1.3rem;
max-width: 21.7rem;
justify-content: space-between;
}
.details__desc .content__wrap {
max-width: 62.5rem;
}
.details__times {
margin-bottom: 4rem;
}
.details__times li {
margin-bottom: 2.5rem;
}
.cards {
padding-top: 7.7rem !important;
padding-bottom: 7.7rem !important;
}
.cards {
background-color: #F0ECEC;
}
@media (min-width: 992px) {
.cards {
padding-top: 15.4rem !important;
padding-bottom: 12.9rem !important;
}
}
.cards + .inline,
.cards + .text {
padding-top: 7.7rem;
}
@media (min-width: 768px) {
.cards + .inline,
.cards + .text {
padding-top: 15.4rem;
}
}
.cards .ticker {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
align-items: center;
opacity: 0;
z-index: 10;
padding-bottom: 0;
pointer-events: none;
}
.cards .ticker .ticker__close,
.cards .ticker .ticker__nav {
display: inline-flex;
}
.cards .ticker.ticker--active {
opacity: 1;
pointer-events: all;
}
.cards .gallery--active.ticker {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
.cards .gallery--active.gallery--closing.ticker {
opacity: 0;
pointer-events: none;
}
.card__link img {
transform: scale(1);
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.card__link:hover img {
transform: scale(1.05);
}
.card {
margin-bottom: 3.5rem;
min-width: 30rem;
}
.cards__inner {
justify-content: center;
}
.card__subtitle {
color: #CC9E84;
}
.card__wrap {
color: #2F2E35 !important;
}
.card__wrap {
display: flex;
position: relative;
flex-direction: column;
border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
background-color: #fff;
height: 100%;
min-height: 76rem;
overflow: hidden;
}
.card--space .card__wrap {
flex-wrap: nowrap;
height: 100%;
min-height: 0;
min-height: initial;
}
.sub-menu--mega .card__wrap {
min-height: 0;
}
.card--row .card__wrap {
flex-direction: row;
height: auto;
min-height: 0;
}
.card__col {
height: auto;
}
.card__col p {
line-height: 1.5;
}
.card__col .content__wrap {
padding: 0 1.75rem;
}
@media (min-width: 768px) {
.card__col .content__wrap {
padding: 0 2.5rem;
}
}
.card--space .card__col .content__wrap {
padding: 0 1rem;
width: 100%;
}
.card__title {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
background-color: #CC9E84;
background-color: var(--accent);
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 2.3rem;
line-height: 1;
font-family: "Cardo", "Georgia", "Times New Roman", serif;
text-align: center;
}
.card__thumb {
position: relative;
background-color: #ddd;
padding-top: 100%;
overflow: hidden;
}
.card--space .card__thumb {
padding-top: 0;
padding-top: initial;
max-height: 40rem;
}
.card--row .card__thumb {
padding-top: 33.333%;
}
.card__thumb img,
.card__thumb video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card--space .card__thumb img,
.card--space .card__thumb video {
position: relative;
}
.card--row .card__thumb img,
.card--row .card__thumb video {
border-radius: 0.6rem 0 0 0.6rem;
}
.card__details {
display: flex;
flex-direction: column;
padding: 2.7rem 2.1rem 2rem;
width: 100%;
height: 100%;
}
.card--space .card__details {
display: block;
}
.card__details .socials {
margin-top: 0;
}
.sub-menu--mega .card__details {
padding: 2rem;
}
.card--row .card__details {
padding: 3rem 0 0;
height: auto;
}
@media (min-width: 768px) {
.card--row .card__details {
padding: 5rem 0 0;
}
}
.card__details .btn {
justify-content: space-between;
margin-bottom: 1.6rem;
width: 100%;
}
.card--space .card__details .btn {
margin: 0;
}
.card__details a:not(.btn) {
color: currentColor;
}
.card__details a:not(.btn):hover {
color: #CC9E84;
color: var(--accent);
}
.card__details a:not(.btn):hover:after {
background-color: #CC9E84;
background-color: var(--accent);
}
.card--space .card__details .card__col .content__wrap {
display: flex;
flex-wrap: wrap;
}
.card--space .card__details .card__col .content__wrap .link--arrow {
margin-top: auto;
margin-right: 0;
margin-bottom: 0.15rem;
margin-left: auto;
}
@media (max-width: 767.98px) {
.card--space .card__details .card__col .content__wrap .link--arrow {
margin-top: 1.5rem;
margin-right: auto;
margin-left: 0;
}
}
.card--space .card__details-top {
height: 100%;
}
.card--row .card__details-bottom {
padding-bottom: 3rem;
}
@media (min-width: 768px) {
.card--row .card__details-bottom {
padding-bottom: 5rem;
}
}
@media (min-width: 992px) {
.card--row .card__details-bottom .content__wrap {
padding-right: 2.5rem;
}
}
.card--space .card__details-bottom {
margin-top: 4rem;
}
.card--space .card__details-bottom .content__wrap {
justify-content: flex-start;
}
.card--space .card__details-bottom .content__wrap .btn:first-child {
margin-right: 1rem;
}
.sub-menu--mega .card__details-bottom {
padding-bottom: 0;
}
.card__details-bottom .btn {
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
max-width: 22.7rem;
}
.card__contact {
font-size: 1.5rem;
}
@media (max-width: 991.98px) {
.card__contact {
margin-bottom: 2rem;
}
}
.card__contact .content__wrap {
line-height: 1.33;
}
@media (min-width: 992px) {
.card__contact .content__wrap {
padding: 0 2.5rem 0 0;
}
}
.card__contact address {
margin-bottom: 1.7rem;
}
.card--space .card__contact address {
margin-bottom: 0 !important;
}
.card--space .card__contact address {
margin-top: 1rem;
color: #2F2E35;
}
.card--space .card__contact {
color: #CC9E84;
}
.card--space .card__contact h3 {
line-height: 1;
}
@media (max-width: 767.98px) {
.card--space .card__contact h3 {
width: 100%;
}
}
.card__enquire {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
@media (max-width: 991.98px) {
.card__enquire {
margin-top: 3rem;
}
.card__enquire .btn {
max-width: 100%;
}
}
.card__enquire .btn {
width: 100%;
}
@media (min-width: 992px) {
.card__enquire .content__wrap {
padding: 0 2.5rem 0 0;
}
}
.card__desc {
margin-bottom: 2rem;
font-size: max(1.5rem, min(1.42vw, 2rem));
}
@media (max-width: 991.98px) {
.card__desc {
margin-bottom: 3rem;
}
}
@media (min-width: 992px) {
.card__desc .content__wrap {
padding-right: 0;
}
}
.card__desc[\:has\(.card__subtitle\)] h3 {
margin-bottom: 0;
}
.card__desc:has(.card__subtitle) h3 {
margin-bottom: 0;
}
.card--space .card__desc {
margin: 0;
}
@media (max-width: 767.98px) {
.card--space .card__desc .content__wrap {
align-items: flex-start !important;
}
.card--space .card__desc .content__wrap {
display: flex;
flex-direction: column;
}
}
.card--space .card__desc h3 {
margin-bottom: 0;
}
.card--space .card__desc address {
margin-right: 0;
margin-left: auto;
max-width: 20rem;
font-size: 1.4rem;
line-height: 1.25;
text-align: right;
}
@media (max-width: 767.98px) {
.card--space .card__desc address {
margin-top: 1rem;
margin-right: auto;
margin-bottom: 2rem;
margin-left: 0;
text-align: left;
}
}
.card__details-inner {
padding: 5rem 3.5rem;
}
.card__details-bottom {
margin-top: auto;
margin-bottom: 0;
font-size: 1.5rem;
line-height: 1.33;
}
.sub-menu--mega .card__details-bottom {
margin-top: 0;
}
.card__details-bottom .content__wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media (min-width: 992px) {
.card__details-bottom .content__wrap {
padding-right: 0;
}
}
.card__details-bottom .socials {
margin-top: 0;
}
.card__details-bottom address {
margin-bottom: 1.7rem;
}
.card__bottom {
margin-top: 3rem;
padding-bottom: 1rem;
}
.card__bottom .btn {
width: auto;
}
@media (max-width: 1199.98px) {
.card__bottom .btn {
font-size: 1.35rem;
}
}
.card__bottom .btn:first-child {
margin-right: 1rem;
}
.card__bottom .socials {
margin-right: 0;
margin-left: auto;
}
@media (max-width: 767.98px) {
.card__bottom .socials {
margin-top: 1rem;
width: 100%;
}
}
.card__buttons {
display: flex;
}
@media (max-width: 767.98px) {
.card__buttons {
flex-direction: column;
width: 100%;
}
.card__buttons .btn {
margin-bottom: 1rem !important;
}
.card__buttons .btn {
width: 100%;
}
}
.card__body {
height: 100%;
}
.enquiry {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
z-index: 20;
margin: 0 auto;
background-color: transparent;
width: 100%;
overflow: scroll;
pointer-events: none;
}
@media (min-width: 768px) {
.enquiry {
display: flex;
}
}
.enquiry.enquiry--private-manchester {
display: block;
background-color: rgba(255, 255, 255, 0.95);
}
.enquiry.enquiry--private-manchester iframe {
margin: 0 auto;
width: 100%;
max-width: 66rem;
}
.enquiry.enquiry--private-manchester .enquiry__close:hover {
background-color: #CC9E84;
}
.enquiry.enquiry--private-manchester .enquiry__content .content__wrap {
box-shadow: none;
background-color: transparent;
}
body.private--active.private--active-manchester .enquiry.enquiry--private-manchester {
opacity: 1;
pointer-events: all;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
body.private--active.private--active-manchester.private--closing .enquiry.enquiry--private-manchester {
opacity: 0 !important;
pointer-events: none !important;
}
.enquiry.enquiry--private {
background-color: rgba(255, 255, 255, 0.85);
}
body.private--active:not(.private--active-manchester) .enquiry.enquiry--private {
opacity: 1;
pointer-events: all;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
body.private--closing .enquiry.enquiry--private {
opacity: 0 !important;
pointer-events: none !important;
}
body.group--active .enquiry.enquiry--group {
opacity: 1;
pointer-events: all;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
body.group--closing .enquiry.enquiry--group {
opacity: 0;
pointer-events: none;
}
.enquiry form {
margin: 0 auto;
max-width: 95rem;
}
.enquiry form button {
max-width: 13.3rem;
}
.enquiry button {
margin-left: 1.2rem;
padding: 1.2rem 2.3rem;
}
.enquiry button:hover, .enquiry button:focus {
border-color: #2F2E35 !important;
background-color: #2F2E35 !important;
color: #84BECC !important;
}
.enquiry button:hover:after, .enquiry button:focus:after {
background-color: #84BECC !important;
}
.enquiry .btn:hover, .enquiry .btn:focus {
border-color: #2F2E35 !important;
background-color: #2F2E35 !important;
color: #84BECC !important;
}
.enquiry .btn:hover:after, .enquiry .btn:focus:after {
background-color: #84BECC !important;
}
.enquiry__content {
transform: translateY(1rem);
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
body.group--active .enquiry__content {
transform: translateY(0);
}
.enquiry__content .content__wrap {
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.125);
border-radius: 0.6rem;
background-color: #84BECC;
padding-bottom: 8rem;
}
@media (min-width: 576px) {
.enquiry__content .content__wrap {
padding-top: 3rem;
}
}
body.book--active .enquiry__content .content__wrap {
box-shadow: none;
box-shadow: initial;
}
.enquiry--private .enquiry__content .content__wrap, .enquiry--private-manchester .enquiry__content .content__wrap {
background-color: #CC9E84;
padding: 3rem 2rem;
}
.enquiry--private .enquiry__content .content__wrap button:hover,
.enquiry--private .enquiry__content .content__wrap button:focus, .enquiry--private-manchester .enquiry__content .content__wrap button:hover,
.enquiry--private-manchester .enquiry__content .content__wrap button:focus {
color: #CC9E84 !important;
}
.enquiry--private .enquiry__content .content__wrap button:hover,
.enquiry--private .enquiry__content .content__wrap button:focus, .enquiry--private-manchester .enquiry__content .content__wrap button:hover,
.enquiry--private-manchester .enquiry__content .content__wrap button:focus {
background-color: #2F2E35;
}
.enquiry--private .enquiry__content .content__wrap button:hover:after,
.enquiry--private .enquiry__content .content__wrap button:focus:after, .enquiry--private-manchester .enquiry__content .content__wrap button:hover:after,
.enquiry--private-manchester .enquiry__content .content__wrap button:focus:after {
background-color: #CC9E84 !important;
}
.enquiry__close {
margin-bottom: 2rem;
width: 4rem;
height: 4rem;
display: inline-block;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='53' viewBox='0 0 53 53'%3E%3Cg id='Group_2164' data-name='Group 2164' transform='translate(-1595 -34)'%3E%3Cpath id='Rectangle_1085' data-name='Rectangle 1085' d='M26.5,1a25.507,25.507,0,0,0-9.925,49A25.507,25.507,0,0,0,36.425,3,25.339,25.339,0,0,0,26.5,1m0-1A26.5,26.5,0,1,1,0,26.5,26.5,26.5,0,0,1,26.5,0Z' transform='translate(1595 34)' fill='%232f2e35'/%3E%3Cg id='Group_2098' data-name='Group 2098' transform='translate(0.96 0.46)'%3E%3Cpath id='Line_1016' data-name='Line 1016' d='M31,.65H0V-.65H31Z' transform='translate(1610.04 49.54) rotate(45)' fill='%232f2e35'/%3E%3Cpath id='Line_1017' data-name='Line 1017' d='M31,.65H0V-.65H31Z' transform='translate(1610.04 71.46) rotate(-45)' fill='%232f2e35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='53' viewBox='0 0 53 53'%3E%3Cg id='Group_2164' data-name='Group 2164' transform='translate(-1595 -34)'%3E%3Cpath id='Rectangle_1085' data-name='Rectangle 1085' d='M26.5,1a25.507,25.507,0,0,0-9.925,49A25.507,25.507,0,0,0,36.425,3,25.339,25.339,0,0,0,26.5,1m0-1A26.5,26.5,0,1,1,0,26.5,26.5,26.5,0,0,1,26.5,0Z' transform='translate(1595 34)' fill='%232f2e35'/%3E%3Cg id='Group_2098' data-name='Group 2098' transform='translate(0.96 0.46)'%3E%3Cpath id='Line_1016' data-name='Line 1016' d='M31,.65H0V-.65H31Z' transform='translate(1610.04 49.54) rotate(45)' fill='%232f2e35'/%3E%3Cpath id='Line_1017' data-name='Line 1017' d='M31,.65H0V-.65H31Z' transform='translate(1610.04 71.46) rotate(-45)' fill='%232f2e35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #2F2E35;
}
@media (min-width: 768px) {
.enquiry__close {
margin-bottom: 4rem;
width: 5.3rem;
height: 5.3rem;
}
}
.enquiry__close:hover {
background-color: #fff;
}
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-4%);
color: #fff;
}
50% {
transform: translateX(4%);
color: #fff;
}
75% {
transform: translateX(-4%);
color: #fff;
}
100% {
transform: translateX(0);
}
}
.enquiry__message {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 2rem;
}
@media (min-width: 576px) {
.enquiry__message {
margin-top: 4rem;
}
}
.enquiry__message > span {
display: inline-block;
margin: 0 auto;
}
.enquiry__message.enquiry--notify > span {
animation: shake 0.5s ease-in-out;
}
.form__field.acceptance {
display: flex;
}
.form__field.acceptance .agreement {
flex: 1;
border: 1px solid black;
border-radius: 6rem;
padding: 1.2rem 1.2rem 1.2rem 0;
line-height: 1.4;
}
.form__field.acceptance .button {
width: auto;
}
.form__field.acceptance .button button {
padding: 1.8rem 2.3rem;
}
.form__field.acceptance .wpcf7-list-item {
margin: 0;
}
.book {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateY(1rem);
opacity: 0;
z-index: 9;
background-color: #84BECC;
pointer-events: none;
}
@media (max-width: 767.98px) {
.book {
overflow-x: clip;
overflow-y: scroll;
}
.book h3 {
margin-bottom: 1rem;
}
}
body.book--active .book {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
body.book--closing .book {
transform: translateY(1rem);
opacity: 0;
}
.book a {
color: #2F2E35;
}
.book a:hover {
color: #fff;
}
.book a:hover:after {
background-color: #fff;
}
.book button,
.book .btn {
max-width: 20rem;
}
.book button:hover,
.book .btn:hover {
border-color: #2F2E35 !important;
background-color: #2F2E35 !important;
color: #84BECC !important;
}
.book button:hover:after,
.book .btn:hover:after {
background-color: #84BECC !important;
}
.book button:focus,
.book .btn:focus {
border-color: #2F2E35 !important;
background-color: #2F2E35 !important;
color: #84BECC !important;
}
.book button:focus:after,
.book .btn:focus:after {
background-color: #84BECC !important;
}
.book__container {
padding-top: 4.5rem !important;
}
.book__container {
overflow: hidden;
transition: 0.5s ease;
}
@media (min-width: 768px) {
.book__container {
height: 100%;
}
}
.group--active .book__container {
transform: translateY(6rem);
opacity: 0;
}
.group--closing .book__container {
transform: translateY(0);
opacity: 1;
}
@media (min-width: 992px) {
.book__container {
padding-top: 9rem !important;
}
}
body.admin-bar .book__container {
padding-top: 7rem !important;
}
@media (min-width: 992px) {
body.admin-bar .book__container {
padding-top: 12.2rem !important;
}
}
.book__entry {
position: relative;
margin-bottom: -0.1rem;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
line-height: 1;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
@media (min-width: 992px) {
.book__entry {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
}
.book__entry:hover {
opacity: 1 !important;
}
.book__entry:hover {
cursor: pointer;
}
.book__entry:hover .book__title:after {
opacity: 1;
}
.book__entry:before {
position: absolute;
top: 0;
right: 1.5rem;
left: 1.5rem;
background-color: #2F2E35;
height: 0.1rem;
content: "";
}
.book__entry:after {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
background-color: #2F2E35;
height: 0.1rem;
content: "";
}
.book__entry-back {
position: relative;
margin-right: auto;
margin-left: auto;
width: auto;
}
.book__entry-back p {
display: inline-flex;
margin: 0 auto;
}
.book__entry-back p:hover {
cursor: pointer;
color: #fff;
}
.book__entry-back:after {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
background-color: #2F2E35;
height: 0.1rem;
content: "";
}
.book__inner {
height: 100%;
}
.book__select {
margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
.book__select {
margin-right: auto;
margin-left: auto;
max-width: 30rem;
}
.book__select .book__sm:after {
display: none;
}
}
@media (min-width: 768px) {
.book__select {
margin-bottom: 15rem;
}
}
.book__select form {
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 50rem;
}
@media (min-width: 992px) {
.book__select form {
flex-wrap: nowrap;
}
}
.book__select form select,
.book__select form button {
margin: 0.5rem;
width: 100%;
}
.book__select .btn {
margin: auto;
}
.book__sm {
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.book__sm {
margin-bottom: 0;
}
}
.book__sm:after {
position: absolute;
top: 5rem;
right: 0;
bottom: 0;
opacity: 0.25;
margin: auto;
background-color: #2F2E35;
width: 0.1rem;
height: 100%;
min-height: 40vh;
content: "";
}
.book__title {
display: flex;
position: relative;
justify-content: center;
align-items: center;
}
.book__title:after {
display: inline-block;
position: absolute;
top: 0;
right: 1.5rem;
bottom: 0;
opacity: 0;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-top: 0.1rem;
margin-left: 0.9rem;
margin: auto;
background-color: #2F2E35;
width: 1.25rem;
height: 0.6rem;
content: "";
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
.book__titles {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1);
}
.book--active .book__titles {
pointer-events: all;
}
.book--form-active .book__titles {
transform: translateX(-25%);
opacity: 0;
pointer-events: none;
}
.book__forms {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(25%);
opacity: 0;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1);
pointer-events: none;
}
.book--form-enabled .book__forms {
transform: translateX(0);
}
.book--form-active .book__forms, .book--form-enabled.book--active .book__forms {
transform: translateX(0);
opacity: 1;
pointer-events: all;
}
.book__entry-form {
position: absolute;
top: 0;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
opacity: 0;
pointer-events: none;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
.book--form-enabled.book--active .book__entry-form {
opacity: 1;
pointer-events: all;
}
.book__entry-form a.link--arrow {
display: inline-flex;
margin: 0 auto;
}
.book__entry-form .btn {
margin: 0 auto 3rem;
background-color: #84BECC;
}
.book__entry-form .btn:before, .book__entry-form .btn:after {
display: none;
}
.book__entry-form .btn:hover {
border-color: #2F2E35;
background-color: #2F2E35;
color: #84BECC;
}
.book__entry-form .text--heading {
margin: 0;
}
.book__entry-form.form--active {
opacity: 1;
pointer-events: all;
}
.book__entry-form .picker__header {
font-size: 1.4rem;
}
.book__entry-form .ot-dtp-picker.wide .ot-dtp-picker-form {
border: 0;
background-color: transparent;
height: auto;
}
.book__entry-form .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector.ot-restaurant-picker {
flex: 0 0 100%;
}
.book__entry-form .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector {
flex: 0 0 50%;
}
.book__entry-form .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector {
flex: 1 0 50%;
}
.book__entry-form .ot-dtp-picker.wide {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
.book__entry-form .ot-dtp-picker-selector {
float: none !important;
height: auto !important;
}
.book__entry-form .ot-dtp-picker.wide .ot-title,
.book__entry-form .ot-powered-by {
display: none;
}
.book__entry-form .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button {
margin-bottom: 1.5rem !important;
}
.book__entry-form .ot-dtp-picker .ot-dtp-picker-selector.ot-restaurant-picker.error {
box-shadow: none !important;
box-shadow: initial !important;
}
.book__entry-form .ot-dtp-picker .ot-dtp-picker-selector.ot-restaurant-picker.error > a {
border-color: red !important;
}
.book__entry-form .ot-dtp-picker .ot-dtp-picker-selector.ot-restaurant-picker.error > a:after {
background-color: red;
}
.book__entry-form .ot-dtp-picker-form {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector,
.book__entry-form .ot-dtp-picker-form input[type=submit] {
border: 0 !important;
padding: 0 0.4rem !important;
width: 100% !important;
font-size: 1.6rem !important;
font-family: "Faro", "Helvetica", "Arial", sans-serif !important;
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector,
.book__entry-form .ot-dtp-picker-form input[type=submit] {
margin-bottom: 1.5rem;
font-weight: 400;
}
@media (min-width: 576px) {
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector,
.book__entry-form .ot-dtp-picker-form input[type=submit] {
width: 50% !important;
}
}
@media (min-width: 768px) {
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector,
.book__entry-form .ot-dtp-picker-form input[type=submit] {
font-size: 1.9rem !important;
}
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector select,
.book__entry-form .ot-dtp-picker-form input[type=submit] select {
right: 0;
left: 0;
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector a,
.book__entry-form .ot-dtp-picker-form input[type=submit] a {
outline: 0 !important;
box-shadow: none !important;
box-shadow: initial !important;
border: 0.1rem solid #2F2E35 !important;
padding: 1rem 2.3rem !important;
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector a,
.book__entry-form .ot-dtp-picker-form input[type=submit] a {
display: flex;
align-items: center;
border-radius: 10rem;
text-align: left;
}
@media (min-width: 768px) {
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector a,
.book__entry-form .ot-dtp-picker-form input[type=submit] a {
padding: 2rem 2.4rem !important;
}
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector a:before,
.book__entry-form .ot-dtp-picker-form input[type=submit] a:before {
display: none !important;
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector a:after,
.book__entry-form .ot-dtp-picker-form input[type=submit] a:after {
right: 2rem;
transform: rotate(90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.531' height='6.75' viewBox='0 0 12.531 6.75'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
margin-top: 0.1rem;
margin-left: 0.9rem;
background-color: #2F2E35;
width: 1.25rem;
height: 0.6rem;
content: "";
}
.book__entry-form .ot-dtp-picker-form .ot-dtp-picker-selector:nth-of-type(3),
.book__entry-form .ot-dtp-picker-form input[type=submit]:nth-of-type(3) {
width: 100% !important;
}
.book__entry-form .ot-dtp-picker-form input[type=submit] {
box-shadow: none !important;
box-shadow: initial !important;
border: 0.1rem solid #2F2E35 !important;
border-radius: 10rem !important;
padding: 1rem 2.3rem !important;
width: auto !important;
height: auto !important;
}
@media (min-width: 768px) {
.book__entry-form .ot-dtp-picker-form input[type=submit] {
padding: 2rem 2.4rem !important;
}
}
.book__entry-form .ot-dtp-picker-form input[type=submit]:hover, .book__entry-form .ot-dtp-picker-form input[type=submit]:focus {
background-color: #2F2E35;
color: #84BECC;
}
.book__content:hover .book__entry {
opacity: 0.15;
}
@media (max-width: 767.98px) {
.book__contact {
margin: 2rem 0 0;
}
}
@media (max-width: 991.98px) {
.book__contact {
flex-direction: column;
}
.book__contact p {
margin-bottom: 1.5rem;
font-size: 2.4rem;
}
.book__contact a {
margin-top: 1rem;
}
}
@media (min-width: 1200px) {
.book__contact {
max-width: 52.5%;
}
}
.book__disclaimer {
margin: 5rem auto;
max-width: 55rem;
font-size: 1.3rem;
line-height: 1.38;
}
.book__disclaimer strong {
font-weight: bold;
font-size: 125%;
}
.book__details {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
background-color: #84BECC;
pointer-events: none;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity 0.15s, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform 0.15s;
transform: translateY(1rem);
}
@media (max-width: 767.98px) {
.book__details {
display: block;
padding-top: 7rem;
}
}
.book__details.book--active {
z-index: 3;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity 0s, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform 0s;
}
.book__details .content__wrap {
margin: 0 auto;
padding: 0 2rem;
max-width: 55rem;
}
.book__details-entry {
position: absolute;
opacity: 0;
pointer-events: none;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity 0s, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform 0s;
}
.book__details-entry p {
margin: auto;
max-width: 51rem;
}
.book__stage div.book--active {
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
.book__buttons .btn {
max-width: 100%;
}
.book__private {
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.2;
}
@media (min-width: 768px) {
.book__private {
margin-top: 10rem;
}
}
.book__private .btn {
margin: 2rem auto 0;
max-width: 30rem;
}
.rows {
padding-top: 7.7rem !important;
padding-bottom: 7.7rem !important;
}
.rows {
background-image: url("/wp-content/themes/cibo-v2/dist/assets/images/raster/cibo-marble-lg.jpg");
background-position: center;
background-size: cover;
}
@media (min-width: 992px) {
.rows {
padding-top: 15.4rem !important;
padding-bottom: 12.9rem !important;
}
}
.rows .ticker {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
align-items: center;
opacity: 0;
z-index: 10;
padding-bottom: 0;
pointer-events: none;
}
.rows .ticker .ticker__close,
.rows .ticker .ticker__nav {
display: inline-flex;
}
.rows.gallery--active .ticker {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity, 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
.rows.gallery--active.gallery--closing .ticker {
opacity: 0;
pointer-events: none;
}
.content {
--accent: #84BECC ;
}
.content__body {
margin-bottom: 5rem;
}
@media (min-width: 992px) {
.content__body {
margin-bottom: 0;
}
}
.content__body .content__wrap {
max-width: 70.5rem;
}
@media (min-width: 768px) {
.content__body .content__wrap {
padding-right: 3rem;
}
}
.content__update {
margin-bottom: 3rem;
}
.content__sidebar {
line-height: 1.5;
margin-bottom: 5rem;
}
@media (min-width: 992px) {
.content__sidebar {
margin-bottom: 0;
}
}
.content__sidebar .content__wrap {
position: sticky;
top: 15rem;
}
.content__sidebar .btn {
max-width: 21.7rem;
margin-bottom: 1.3rem;
}
.content__sidebar .socials {
margin-top: 3.2rem;
}
.content__links {
margin-top: 4rem;
}
#filter .inner {
flex: 1;
background: #CC9E84;
padding: 3rem;
}
.filter__no-results {
display: none;
}
.filter__no-results.filter__no-results--active {
display: block;
}
.filter__item {
transition: all 0.3s;
}
.filter__item.filter__hide {
display: none;
}
.filter__capacity {
border-radius: 4rem;
border: 1px solid #000;
padding: 1.2rem;
color: #000;
font-size: 2rem;
background-color: transparent;
}
/* placeholder color to black on .filter__capacity */
.filter__capacity::-moz-placeholder {
color: #000;
}
.filter__capacity::placeholder {
color: #000;
}
.ts-wrapper .ts-control {
font-size: 2rem;
border: 1px solid #000;
border-radius: 4rem;
min-width: 240px;
padding: 2rem 2.3rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center right 2.3rem;
background-size: 0.67rem 1.25rem;
background-repeat: no-repeat;
background-color: transparent;
}
.ts-wrapper.single.input-active .ts-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.75' height='12.531' viewBox='0 0 6.75 12.531'%3E%3Cg id='Component_5_15' data-name='Component 5 – 15' transform='translate(6.75) rotate(90)'%3E%3Cpath id='Path_3045' data-name='Path 3045' d='M25.359,9.219,21.984,5.844v2.8H12.828V9.8h9.156v2.8Z' transform='translate(-12.828 -5.844)' fill='%232f2e35'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center right 2.3rem;
background-size: 0.67rem 1.25rem;
background-repeat: no-repeat;
background-color: transparent;
color: black;
}
.ts-wrapper .ts-dropdown {
font-size: 2rem;
border-radius: 4rem;
}
.ts-wrapper .ts-dropdown .ts-dropdown-content {
max-height: 340px;
}
.ts-wrapper .ts-dropdown .option {
padding: 1.5rem 1.2rem 1.5rem 2.4rem;
border-bottom: 1px solid black;
}
.ts-wrapper .ts-dropdown .option:last-child {
border-bottom: none;
}
.ts-wrapper .ts-dropdown .active {
background: transparent;
color: #CC9E84;
}
.gallery {
height: 100vh;
width: 100%;
}
/* cell inherit height from carousel */
.flickity-cell {
margin: 0 1rem;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
@media (min-width: 992px) {
.flickity-cell {
margin: 0 2rem;
}
}
.flickity-cell img {
border-radius: 0.6rem;
}
.flickity-slider .flickity-cell img {
width: 320px;
}
@media (min-width: 768px) {
.flickity-slider .flickity-cell.landscape img {
width: 600px;
}
.flickity-slider .flickity-cell.portrait img {
width: 400px;
}
}
@media (min-width: 992px) {
.flickity-slider .flickity-cell.landscape img {
height: 400px;
width: auto;
}
.flickity-slider .flickity-cell.portrait img {
height: 600px;
width: auto;
}
}
@media (min-width: 1200px) {
.flickity-slider .flickity-cell.landscape img {
height: 445px;
width: auto;
}
.flickity-slider .flickity-cell.portrait img {
height: 650px;
width: auto;
}
}
.gallery .flickity-prev-next-button {
top: auto;
padding: 1rem;
bottom: 60px;
}
.gallery .flickity-prev-next-button.previous {
left: calc(50% - 50px);
transform: rotate(180deg);
transform-origin: top;
}
.gallery .flickity-prev-next-button.next {
right: calc(50% - 50px);
bottom: 70px;
}
body.single-restaurant main .grid:first-of-type {
padding-top: 0;
}
.banner {
padding: max(1.5rem, min(2.5vw, 2.5rem));
font-size: max(1.5rem, min(2.5vw, 2.2rem));
font-family: "Cardo", "Georgia", "Times New Roman", serif;
line-height: 1;
background-color: #CC9E84;
background-color: var(--accent);
margin-bottom: -0.6rem;
z-index: 2;
position: relative;
}
.banner .content__wrap {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: space-between;
}
@media (min-width: 768px) {
.banner .content__wrap {
text-align: left;
}
}
@media (min-width: 992px) {
.banner .content__wrap {
width: calc(100% - 14rem);
}
}
@media (max-width: 767.98px) {
.banner .content__wrap address {
line-height: 1.5;
}
}
.banner a {
color: currentColor;
margin-left: 2.5rem;
}
@media (max-width: 767.98px) {
.banner a {
margin-left: 1.5rem;
}
}
.banner a:hover {
text-decoration: underline;
}
.banner__contact {
text-align: right;
margin-top: 1.5rem;
}
@media (min-width: 768px) {
.banner__contact {
margin-top: 0;
}
}
[data-class="wpcf7cf_group"],.wpcf7cf_remove,.wpcf7cf_add{display:none}.wpcf7cf_repeater_sub{margin-bottom:20px}.wpcf7cf_repeater_controls,.wpcf7cf_step_controls{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.wpcf7cf_multistep .wpcf7cf_step{width:100%}.wpcf7cf_multistep .wpcf7cf_step .step-title{display:none}.wpcf7cf_multistep .wpcf7cf_steps-dots{display:flex;width:100%;margin-bottom:20px;flex-wrap:wrap}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index{display:inline-block;border-radius:50%;background:#dfdfdf;color:#000;width:40px;height:40px;line-height:40px;text-align:center}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot{border-bottom:5px solid #dfdfdf;text-align:center;flex:1;padding:15px;min-width:120px}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed{border-bottom:5px solid #333}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active{border-bottom:5px solid #333;font-weight:700}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index{background-color:#333;color:#fff}.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index{background-color:#333;color:#fff}.wpcf7cf_step_controls .disabled{pointer-events:none;cursor:default;opacity:.5}