html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: "Fa brands 400";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88955d004e4525b2114_fa-brands-400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fa v4compatibility;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88a29a9a81b02b2ca22_fa-v4compatibility.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa solid 900";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88a81a2cd8b034cfe9d_fa-solid-900.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa duotone 900";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88a50a0c99d3469e870_fa-duotone-900.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 400";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88ad1047d04ae1a8e2c_fa-regular-400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 300";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88ad724e2c0575c20a8_fa-light-300.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 100";
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62b4c88a7697bdbb774bd32e_fa-thin-100.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: LineAwesome;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e163b61496c017a0031f4d5_line-awesome.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: LineAwesome;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e163b61496c01d18631f4da_la-brands-400.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: LineAwesome;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e163b61496c0180ff31f4db_la-solid-900.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: LineAwesome;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5ec448352841ce2959b4c785_la-regular-400.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: FontAwesome;
src: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5ec448cfa57a2d15ecc31ab3_fa-solid-900.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: auto;
}
:root {
--white: white;
--dim-grey: #6c6c8d;
--light-blue: #778ca2;
--grey: #ccc;
--light-grey: #f7f7f7;
--dark-teal: #16706b;
--dark-cyan: #1c8a84;
--white-smoke: #e9ecef;
--orange: #f89633;
--royal-blue: #3b68a7;
--darkblue: #24385b;
--lightblue: #62799b;
--light-slate-grey: #888da8;
--light-teal: #299892;
--new-grey: #575757;
--white-smoke-2: #f7f7f7;
--light-grey-3: #cccccc91;
--dark-gray: #353744;
--black-2: #2f3036;
--deep-pink: #ff4c89;
--light-grey-2: #efefef;
--black: black;
--pedigree-table-text: #ce6086;
--red: #e73533;
--deep-sky-blue: #00a5c9;
--dim-grey-2: #515365ad;
--dodger-blue: #188df7;
--link-blue: #0257ff;
--class-blue: #0073e6;
--mint-cream: #f6fffe;
--dark-turquoise: #00bdd1;
--color: white;
--size: 0px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcity {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformheader {
text-align: center;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-users-usersignupverificationmessage {
display: none;
}
.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
.w-users-useraccountsubscriptionlist {
-webkit-overflow-scrolling: touch;
flex: 1;
overflow: auto;
}
.w-users-useraccountsubscriptionlistitem {
align-items: flex-start;
display: flex;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-users-gridrow {
grid-column-gap: 8px;
grid-template-columns: auto auto;
justify-content: flex-start;
display: grid;
}
.w-users-flexcolumn {
flex-direction: column;
display: flex;
}
.w-users-useraccountsubscriptioncancelbutton {
color: #3898ec;
cursor: pointer;
appearance: none;
background-color: #0000;
padding: 0;
}
@media screen and (max-width: 767px) {
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: #333;
flex-direction: column;
font-family: Poppins, sans-serif;
font-size: 11px;
line-height: 20px;
display: flex;
}
h4 {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
font-size: 17px;
font-weight: 700;
line-height: 24px;
}
a {
color: var(--white);
text-decoration: underline;
}
ul {
text-align: left;
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.body {
background-color: var(--white);
flex-direction: column;
font-family: Poppins, sans-serif;
display: flex;
}
.left-sidebar-nav {
z-index: 11;
width: 300px;
color: var(--dim-grey);
background-color: #fff;
border-right: 1px solid #ccc;
flex-direction: column;
flex: none;
align-self: stretch;
padding-top: 10px;
transition: all .2s;
display: flex;
position: fixed;
top: 53px;
bottom: 0;
left: 0;
overflow: visible;
box-shadow: 0 0 10px #000000c7;
}
.left-sidebar-nav.closed {
width: 0%;
box-shadow: none;
left: -4px;
overflow: hidden;
}
.logo-container {
max-width: 200px;
height: 36px;
color: var(--dim-grey);
flex-direction: row;
flex: none;
align-self: center;
align-items: center;
text-decoration: none;
display: flex;
}
.logo-container.w--current {
width: 200px;
}
.main {
background-color: var(--white);
flex-direction: row;
flex: 1;
align-self: stretch;
align-items: stretch;
transition: all .2s;
display: block;
position: relative;
}
.main.vertical {
flex-direction: column;
flex: 1;
max-width: 100vw;
overflow: hidden;
}
.main.filter {
background-image: linear-gradient(to right, #f7f7f7, #fff 46%, #fff);
}
.main.hide {
display: block;
}
.subheader-container {
z-index: 9;
flex: none;
justify-content: space-between;
align-self: stretch;
width: 100%;
height: 40px;
padding-right: 20px;
display: flex;
position: relative;
}
.subheader-container.dashboard {
z-index: 10;
height: 40px;
box-shadow: none;
color: var(--light-blue);
border-bottom-style: none;
justify-content: space-between;
align-self: stretch;
margin-bottom: 0;
padding-left: 0;
padding-right: 20px;
position: relative;
}
.nav-wrap {
flex: 1;
max-width: 100%;
transition: all .2s;
position: relative;
}
.nav-wrap.shrink {
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
flex: 1;
width: 100%;
overflow: auto;
}
.nav-wrap.signed-in {
display: flex;
}
.left-nav-menu-dropdown {
z-index: auto;
height: auto;
color: var(--dim-grey);
cursor: pointer;
background-color: #fff0;
border-bottom: 1px #f0f0f0;
margin-bottom: 3px;
transition: all .2s;
display: block;
position: relative;
}
.left-nav-menu-dropdown:hover {
opacity: 1;
}
.left-nav-expanded-link {
z-index: auto;
background-color: var(--light-grey);
color: var(--dim-grey);
cursor: pointer;
border-radius: 6px;
flex-direction: column;
flex: 1;
align-self: flex-start;
margin-bottom: 1px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
left: 0;
right: 0;
}
.left-nav-expanded-link:hover {
z-index: 1;
}
.left-nav-expanded-link.w--current {
text-decoration: none;
}
.left-nav-expanded-link.active {
background-color: #62799b38;
}
.left-nav-toggle-text {
padding-left: 0;
padding-right: 40px;
font-size: 12px;
display: inline-block;
}
.left-nav-toggle-text.bold {
font-size: 14px;
font-weight: 500;
line-height: 100%;
}
.left-nav-menu-arrow {
margin-right: 4px;
right: 0;
}
.left-nav-icon {
text-align: center;
border-radius: 6px;
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 18px;
display: flex;
position: relative;
}
.left-nav-icon.la2 {
flex: none;
justify-content: center;
align-self: center;
align-items: center;
font-size: 25px;
font-weight: 600;
line-height: 18px;
}
.left-nav-menu-dropdown-list {
background-color: var(--white);
opacity: 1;
height: auto;
color: var(--light-blue);
flex-direction: column;
margin-bottom: 1px;
padding-bottom: 20px;
padding-left: 60px;
font-weight: 400;
transition: all .2s;
display: none;
position: relative;
top: 0;
left: 0;
right: 0;
}
.left-nav-menu-dropdown-list.w--open {
opacity: 1;
background-color: #0000;
height: auto;
margin-bottom: 0;
transition-property: all;
transition-duration: .2s;
display: block;
}
.left-nav-dropdown-link {
height: auto;
color: var(--light-blue);
padding: 4px 20px 4px 0;
text-decoration: none;
transition: all .2s;
display: block;
}
.left-nav-dropdown-link:hover {
color: var(--dark-teal);
}
.left-nav-dropdown-link.w--current {
color: var(--dark-teal);
font-weight: 600;
}
.left-nav-toggle-line {
z-index: 99;
background-color: var(--dark-teal);
opacity: 0;
width: 4px;
height: 100%;
transition: all .2s;
position: absolute;
inset: 0% auto auto 0%;
}
.collapse-icon {
cursor: pointer;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 20px;
margin-right: 20px;
line-height: 14px;
display: none;
position: relative;
inset: 0% auto auto 0%;
}
.quick-add-dropdown {
flex-wrap: nowrap;
flex: none;
margin-left: 0;
margin-right: 0;
display: flex;
position: relative;
}
.quick-add-dropdown.header-option {
z-index: 9;
margin-right: 5px;
}
.quick-add-dropdown.page-content {
height: auto;
padding: 0;
display: block;
}
.quick-add-dropdown-toggle {
background-color: var(--dark-teal);
border-radius: 40px;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
padding: 10px;
display: flex;
}
.quick-add-dropdown-toggle.header-option {
padding-top: 5px;
padding-bottom: 5px;
transition: background-color .2s;
}
.quick-add-dropdown-toggle.header-option:hover {
background-color: var(--dark-cyan);
}
.quick-add-dropdown-toggle.page-content {
padding-top: 5px;
padding-bottom: 5px;
}
.quck-add-dropdown-list {
width: 250px;
}
.quck-add-dropdown-list.w--open {
z-index: 1;
border-radius: 5px;
display: block;
top: 33px;
bottom: auto;
right: 0;
}
.small-logo {
opacity: 0;
display: none;
position: absolute;
inset: 19px 7px auto auto;
}
.right-header-container {
flex-direction: row;
flex: 0 auto;
place-content: center flex-end;
align-self: stretch;
align-items: center;
padding-right: 0;
display: flex;
}
.right-header-container.alt {
flex: 1;
}
.left-header-container {
color: var(--dim-grey);
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
margin-left: 20px;
display: flex;
position: relative;
}
.left-header-container.dashboard {
flex: 0 auto;
align-self: stretch;
align-items: stretch;
}
.breadcrumb {
color: var(--white);
flex: 0 auto;
align-self: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
display: block;
}
.breadcrumb.filter-number {
color: var(--dark-teal);
cursor: pointer;
background-color: #0000;
border-radius: 6px;
align-self: flex-start;
margin-left: 0;
margin-right: 10px;
padding-left: 0;
padding-right: 9px;
font-size: 13px;
font-style: italic;
font-weight: 400;
position: relative;
}
.breadcrumb.base {
text-transform: capitalize;
}
.breadcrumb.grey {
color: var(--dim-grey);
font-size: 12px;
}
.breadcrumb.grey.current {
color: var(--dark-teal);
font-size: 15px;
font-weight: 600;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.search {
border: 1px solid var(--grey);
background-color: var(--light-grey);
border-radius: 4px;
flex-direction: column;
flex: 1;
align-content: center;
align-self: stretch;
align-items: baseline;
min-height: 43px;
margin: 0;
padding-left: 0;
display: flex;
position: relative;
}
.search.alt {
height: 30px;
margin-bottom: 0;
}
.search-button {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
display: none;
}
.left-nav-menu-flyout-list {
z-index: -5;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-left: 3px solid var(--dark-teal);
background-color: var(--white);
opacity: 1;
width: 260px;
height: auto;
color: var(--light-blue);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
transition: all .2s;
display: none;
position: absolute;
right: -260px;
transform: translate(-900px);
box-shadow: 0 0 4px #0000005c;
}
.left-nav-menu-flyout-list.w--open {
opacity: 1;
background-color: #0000;
height: auto;
margin-bottom: 0;
transition-property: all;
transition-duration: .2s;
display: block;
}
.left-nav-collapsed-icon {
z-index: 1;
border-radius: 100%;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-left: 10px;
display: flex;
position: absolute;
transform: translate(0);
}
.left-nav-collapsed-icon.alt {
background-color: #0000;
top: 50%;
transform: translate(0, -50%);
}
.page-content {
z-index: 1;
background-color: var(--white);
flex-direction: column;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition: margin-right .2s, margin-left .2s;
display: flex;
position: relative;
}
.page-content.horse-profile {
background-color: var(--white);
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: stretch;
min-height: 90vh;
padding: 0;
display: flex;
position: relative;
overflow: auto;
}
.page-content.right-closed {
margin-right: 60px;
}
.page-content.left-open {
padding-left: 370px;
}
.page-content.left-open.right-closed {
padding-left: 0;
}
.page-content.grey {
background-color: var(--light-grey);
}
.page-content.webapp {
background-color: var(--light-grey);
flex-direction: column;
width: 100%;
padding-top: 20px;
display: flex;
overflow: hidden;
}
.page-content.filter-page {
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.page-content.filter-page.right-closed {
padding-left: 1.25rem;
}
.page-content.site-width.narrow {
max-width: 1300px;
}
.page-content.site-width.narrow.ag-horse-page-trial {
flex-direction: row;
display: flex;
}
.page-content.flex {
background-color: #f9fafb;
flex-direction: row;
flex: 1;
justify-content: center;
max-width: 100vw;
padding-top: 10px;
display: flex;
}
.page-content.flex.grey {
background-color: #f3f3f3;
}
.page-content.flex.no-padding {
padding-left: 0;
}
.table-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--light-grey);
flex-wrap: nowrap;
flex: 1;
grid-template-rows: 46px;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-template-areas: ".";
grid-auto-columns: minmax(60px, 1fr);
grid-auto-flow: column;
place-content: center flex-start;
place-items: stretch center;
min-height: 40px;
display: flex;
}
.table-row.header {
background-color: var(--white);
position: relative;
}
.table-row.body-row {
border-right: 1px solid var(--white-smoke);
border-left: 1px solid var(--white-smoke);
border-bottom-width: 1px;
border-bottom-color: var(--white-smoke);
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 0 0 10px;
transition: all .2s;
position: relative;
}
.table-row.body-row:hover {
background-color: #e9ecef52;
transform: none;
}
.table-row.body-row.quickadd {
background-color: var(--light-grey);
}
.table-header {
background-color: var(--white);
border-radius: 6px;
flex: 0 auto;
margin-bottom: 5px;
display: flex;
}
.checkbox-column {
flex-direction: column;
flex: none;
justify-content: center;
align-self: stretch;
align-items: flex-start;
width: 37px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 10px;
display: flex;
position: relative;
}
.checkbox-column.quickadd {
align-self: flex-start;
}
.table-select-all-checkbox {
cursor: pointer;
background-color: #0000;
align-self: center;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
position: static;
inset: 0% auto auto 0%;
}
.table-select-all-checkbox.w--redirected-checked {
border-color: var(--grey);
background-color: var(--orange);
}
.filter-title {
width: 100%;
height: 100%;
color: var(--white);
text-align: left;
text-transform: uppercase;
white-space: nowrap;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 20px;
font-family: "Exo 2", sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 19px;
display: flex;
position: relative;
}
.table-column {
cursor: pointer;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.table-column:hover {
border-color: var(--white);
}
.table-column.status {
color: var(--light-blue);
cursor: default;
flex-direction: row;
place-content: center flex-end;
align-self: stretch;
align-items: center;
padding-left: 0;
padding-right: 10px;
text-decoration: none;
}
.table-column.grow {
flex: 1;
}
.submit-button {
display: none;
}
.dropdown-link {
border-bottom: 1px solid var(--grey);
text-align: left;
cursor: pointer;
min-width: 125px;
padding-top: 5px;
padding-bottom: 5px;
transition: all .2s;
}
.dropdown-link:hover {
color: var(--orange);
}
.table-settings-title {
color: #37485a;
margin-top: 10px;
margin-bottom: 5px;
padding-left: 10px;
font-size: 15px;
}
.checkbox-field-settings {
flex-direction: row;
justify-content: center;
align-items: center;
width: 200px;
height: 100%;
margin-bottom: 5px;
padding-left: 10px;
display: block;
position: relative;
}
.quick-action-icon {
color: var(--white);
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.quick-action-text {
color: var(--white);
letter-spacing: 1.5px;
text-transform: uppercase;
margin-left: 5px;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 23px;
}
.setting-text {
z-index: 1;
flex: 1;
padding-left: 26px;
line-height: 17px;
display: block;
position: relative;
}
.table-body-text {
color: var(--light-blue);
text-align: left;
text-transform: none;
flex: 0 auto;
align-content: center;
align-items: center;
margin-right: 3px;
font-size: 13px;
line-height: 14px;
text-decoration: none;
display: flex;
}
.table-row-checkbox {
cursor: pointer;
background-color: #0000;
align-self: center;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
padding-left: 0;
position: static;
inset: 0% auto auto 0%;
}
.table-row-checkbox.w--redirected-checked {
border-color: var(--grey);
background-color: var(--orange);
}
.link {
color: var(--royal-blue);
}
.keyword-filter {
width: 193px;
margin-bottom: 0;
margin-left: 10px;
display: block;
position: relative;
}
.main-container {
z-index: auto;
color: var(--white);
flex-direction: row;
flex: 1 0 0;
align-self: stretch;
transition: all .2s;
display: block;
position: relative;
}
.logo-image {
object-fit: cover;
flex: none;
align-self: stretch;
width: 100%;
height: 100%;
margin-left: 5px;
margin-right: 5px;
}
.site-header-container {
z-index: 999;
background-color: var(--dark-teal);
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
position: relative;
box-shadow: 0 0 6px #00000075;
}
.site-logo-container {
flex: 1;
justify-content: flex-start;
align-items: center;
margin-right: 20px;
display: flex;
position: relative;
}
.site-logo-container.logged-in {
flex: 0 auto;
align-self: stretch;
margin-right: 20px;
position: relative;
}
.site-logo-container.sidebar-footer {
z-index: 10;
border-top: 1px solid var(--grey);
opacity: 1;
filter: none;
cursor: pointer;
background-color: #fff;
flex: none;
justify-content: center;
height: 60px;
min-height: 60px;
padding-top: 3px;
transition: all .2s;
position: absolute;
bottom: 0;
left: 0;
right: 60px;
transform: none;
}
.site-logo-container.sidebar-footer:hover {
opacity: 1;
filter: grayscale(0%);
}
.logo-text {
color: var(--white);
text-transform: uppercase;
white-space: nowrap;
flex: none;
justify-content: flex-start;
align-self: center;
font-family: "Exo 2", sans-serif;
font-style: italic;
font-weight: 400;
text-decoration: none;
display: flex;
}
.logo-text.sidebar-footer {
color: var(--darkblue);
justify-content: center;
position: relative;
top: 7px;
}
.logo-text.identifier {
position: relative;
top: -3px;
}
.text-span {
font-weight: 800;
}
.user-menu-container {
color: var(--white);
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 4px;
padding: 0;
transition: background-color .2s;
display: flex;
position: relative;
}
.user-menu-container.signed-in.light {
display: flex;
}
.user-menu-container.light {
color: var(--darkblue);
}
.user-menu-container.light:hover {
color: #fff;
}
.user-menu-container.app-switcher {
z-index: 99;
border-radius: 0;
align-self: stretch;
height: auto;
padding: 0;
}
.user-menu-container.app-switcher:hover {
background-color: var(--darkblue);
}
.user-menu-toggle-image {
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
min-width: 25px;
height: 30px;
min-height: 25px;
display: flex;
overflow: hidden;
}
.user-avatar-image {
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.user-menu-toggle-text {
align-self: center;
padding-left: 10px;
padding-right: 10px;
display: none;
}
.user-name-text {
white-space: nowrap;
font-weight: 400;
line-height: 15px;
}
.user-title-text {
font-size: 11px;
font-weight: 300;
line-height: 12px;
}
.text-block-2 {
align-self: center;
margin-left: auto;
padding-left: 5px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 30px;
display: none;
}
.bottom-header {
z-index: 12;
background-color: var(--darkblue);
min-height: 52px;
box-shadow: none;
color: #fff;
flex-wrap: wrap;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: -1px;
padding-bottom: 4px;
display: flex;
position: sticky;
top: -1px;
left: 0;
right: 0;
}
.bottom-header.webapp {
z-index: 10;
border-bottom: 1px solid var(--grey);
background-color: var(--white);
justify-content: flex-start;
box-shadow: 0 4px 5px -2px #0000;
}
.top-header {
z-index: 12;
background-color: var(--lightblue);
width: 100%;
color: var(--white);
justify-content: space-between;
align-self: center;
align-items: center;
font-size: 11px;
font-weight: 400;
display: block;
position: sticky;
top: 0;
}
.site-tagline {
flex: 1;
padding-right: 20px;
font-style: italic;
display: flex;
}
.top-header-link {
color: var(--white);
letter-spacing: .5px;
text-transform: uppercase;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 2px 8px 2px 15px;
font-family: Poppins, sans-serif;
line-height: 18px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.top-header-link:hover {
background-color: #374f79;
}
.top-header-link.w--current {
background-color: var(--darkblue);
}
.bottom-header-cta {
background-color: var(--white);
color: var(--white);
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
padding: 7px 20px;
text-decoration: none;
display: none;
}
.cta-button-text {
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #ffffff4d;
margin-bottom: 6px;
padding-bottom: 6px;
font-family: "Exo 2", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 14px;
}
.lineawesome-icon {
color: var(--light-slate-grey);
font-family: LineAwesome, sans-serif;
font-size: 23px;
font-weight: 600;
}
.site-nav-container {
flex: 0 auto;
place-content: stretch center;
align-self: center;
align-items: stretch;
display: flex;
position: relative;
}
.site-nav-container.left {
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
}
.site-nav-container.right {
cursor: pointer;
flex: 0 auto;
justify-content: flex-end;
align-self: stretch;
align-items: center;
}
.site-nav-container.right.webapp {
flex: 1;
}
.site-nav-container.right.signed-in {
display: flex;
}
.site-nav-container.right.signed-out {
display: block;
}
.site-nav-container.middle {
flex: none;
align-self: stretch;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.site-nav-links {
white-space: pre;
background-color: #000000e6;
border-radius: 2px;
flex: none;
padding: 3px 10px;
}
.site-nav-dropdown-toggle {
cursor: pointer;
flex-flow: wrap;
flex: none;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 3px 8px 9px;
font-size: 12px;
text-decoration: none;
transition: max-width .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.site-nav-dropdown-toggle:hover {
background-color: #0000;
font-size: 12px;
font-weight: 600;
}
.site-nav-dropdown-toggle.w--current {
color: #7aabeb;
background-color: #0000;
max-width: 500px;
padding-left: 8px;
padding-right: 8px;
}
.site-nav-dropdown-toggle.home {
padding-left: 3px;
padding-right: 3px;
display: flex;
}
.site-nav-dropdown-arrow {
flex: 0 auto;
margin-right: 0;
padding-top: 1px;
font-size: 11px;
line-height: 10px;
display: none;
position: relative;
}
.site-nav-link-icon {
object-fit: scale-down;
object-position: 50% 50%;
flex: 1;
justify-content: center;
align-items: center;
min-width: 25px;
height: 22px;
font-family: FontAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.site-nav-link-icon.smaller {
min-width: 24px;
height: 20px;
font-size: 16px;
}
.site-nav-link-icon.home {
height: 39px;
margin-right: 0;
padding: 9px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 600;
display: block;
}
.site-nav-dropdown {
cursor: pointer;
flex: 0 auto;
display: block;
position: static;
}
.site-nav-dropdown:hover {
background-color: var(--light-teal);
}
.site-navigation-dropdown-list {
height: 0;
transition: all .2s;
inset: 50px 0% auto;
}
.site-navigation-dropdown-list.w--open {
background-color: var(--white);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
flex-direction: column;
flex: none;
height: auto;
padding-bottom: 10px;
display: block;
top: 63px;
left: auto;
right: 0;
box-shadow: 0 0 3px #0000008f;
}
.logo-link {
font-size: 26px;
font-style: italic;
font-weight: 300;
text-decoration: none;
}
.logo-link.w--current {
color: var(--white);
font-style: italic;
text-decoration: none;
display: flex;
}
.logo-link.sidebar-footer {
color: var(--darkblue);
font-size: 24px;
line-height: 47px;
}
.logo-link.dark {
color: var(--darkblue);
}
.breadcrumb-container {
flex-direction: row;
flex: none;
justify-content: flex-start;
align-self: center;
align-items: stretch;
margin-bottom: 20px;
padding-left: 0;
padding-right: 15px;
display: flex;
}
.breadcrumb-container.dashboard {
color: #515365;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
.breadcrumb-arrow {
color: var(--dark-teal);
align-self: center;
margin-bottom: 0;
margin-left: 3px;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 20px;
}
.table-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: 52px;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center space-between;
align-self: stretch;
place-items: stretch stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: grid;
}
.table-columns.filter-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--light-grey);
grid-template-rows: repeat(auto-fit, minmax(10px, .5fr));
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: minmax(10px, 1fr);
grid-auto-columns: minmax(90px, 1fr);
grid-auto-flow: row;
place-content: center start;
align-self: center;
place-items: stretch stretch;
padding-right: 0;
display: flex;
}
.table-columns.header-columns {
color: #f7f7f7;
background-color: #0000;
grid-template-rows: 40px;
grid-template-columns: auto;
grid-auto-rows: minmax(30px, 1fr);
grid-auto-columns: auto;
grid-auto-flow: column dense;
padding-right: 0;
}
.table-columns.filter-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #f7f7f7;
flex-direction: column;
flex: 1;
grid-template-rows: repeat(auto-fit, minmax(10px, .5fr));
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: minmax(10px, 1fr);
grid-auto-columns: minmax(90px, 1fr);
grid-auto-flow: row;
place-content: center flex-start;
align-self: stretch;
place-items: stretch stretch;
padding-right: 0;
display: flex;
}
.table-columns.header-columns {
color: #f7f7f7;
background-color: #0000;
grid-template-columns: auto;
grid-auto-rows: minmax(30px, 1fr);
grid-auto-columns: auto;
grid-auto-flow: column;
padding-right: 0;
}
.table-rows-container {
flex-direction: column;
flex: 1;
min-height: 400px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: visible;
}
.expand-icon-box {
cursor: pointer;
border-radius: 6px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 5px;
line-height: 14px;
transition: background-color .2s;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.top-header-links {
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-self: stretch;
align-items: center;
display: flex;
}
.user-menu-dropdown {
z-index: 12;
width: 100%;
min-width: 240px;
max-width: 240px;
color: var(--dim-grey);
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-top: 12px;
margin-left: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
transition: opacity .2s;
display: flex;
position: absolute;
top: 100%;
right: 0;
overflow: hidden;
box-shadow: 0 0 3px #000000b8;
}
.user-menu-dropdown.closed {
opacity: 0;
height: 0;
overflow: hidden;
}
.user-menu-dropdown.app {
z-index: 99;
width: auto;
min-width: auto;
max-width: none;
padding: 20px 15px;
right: 0;
}
.user-menu-dropdown.app.closed {
padding-top: 0;
padding-bottom: 0;
}
.user-menu-link {
color: var(--dim-grey);
cursor: pointer;
border-radius: 6px;
align-self: stretch;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 8px 10px;
line-height: 15px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.user-menu-link:hover {
background-color: var(--light-grey);
}
.user-menu-link.logout {
border-top: 1px solid #cccccc87;
border-radius: 0;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.number-bubble {
text-align: left;
background-color: #00b5d1;
border-radius: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
font-family: Oswald, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 14px;
display: flex;
position: absolute;
top: -3px;
right: -5px;
overflow: hidden;
}
.hidden-search-container {
flex: 0 auto;
align-self: stretch;
align-items: center;
margin-top: 8px;
margin-bottom: 8px;
display: flex;
}
.hidden-search-container.select-option {
border: 1px solid var(--grey);
background-color: var(--white);
border-radius: 6px;
width: 100%;
max-width: 700px;
height: 50px;
margin: 20px auto;
box-shadow: 0 0 0 5px #62799b7d;
}
.hidden-search-container.select-option {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
justify-content: flex-end;
width: 100%;
max-width: 350px;
height: 50px;
margin: 20px auto;
box-shadow: 0 0 0 5px #62799b7d;
}
.hidden-search-container.select-option.stallion {
height: 40px;
box-shadow: none;
border-radius: 3px;
justify-content: flex-start;
margin-top: 35px;
}
.hidden-search-container.select-option.stallion.ag {
align-self: center;
height: 35px;
margin-top: 0;
margin-bottom: 0;
}
.hidden-search-container.select-option.mare {
height: 40px;
box-shadow: none;
border-radius: 3px;
margin-bottom: 0;
}
.hidden-search-container.select-option.mare.ag {
align-self: center;
height: 35px;
margin-top: 0;
}
.hidden-search-container.select-option.full-width {
max-width: none;
height: 80px;
box-shadow: none;
color: #fff;
background-color: #0000;
border-style: none;
margin-top: 0;
margin-bottom: 0;
}
.search-button-2 {
color: #fff;
cursor: pointer;
background-color: #f7f7f700;
border: 1px #0000;
border-radius: 3px;
justify-content: center;
align-self: stretch;
align-items: center;
width: 30px;
min-width: 30px;
max-width: 40px;
margin-left: -21px;
padding: 1px 10px 0;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
transition: background-color .2s;
display: flex;
position: relative;
}
.search-button-2.marketplace-search {
background-color: #fff0;
min-height: 100%;
max-height: 100%;
margin-left: -40px;
}
.search-button-2.marketplace-search:hover {
color: var(--darkblue);
}
.search-button-2.full-width {
color: #fff;
background-color: #f7f7f700;
margin-left: 0;
font-size: 18px;
}
.search-2 {
cursor: pointer;
justify-content: flex-end;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
display: flex;
position: relative;
}
.search-2.hide {
display: block;
}
.search-2.light {
border: 1px solid var(--new-grey);
border-radius: 6px;
margin-left: 10px;
}
.search-2.marketplace-search {
height: 100%;
box-shadow: none;
flex: 1;
justify-content: flex-start;
align-self: stretch;
}
.search-input-2 {
background-color: var(--white-smoke-2);
width: 100%;
max-width: 89px;
height: auto;
color: var(--dim-grey);
border: 1px #0000;
border-radius: 3px;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 0 20px;
font-size: 12px;
line-height: 100%;
display: none;
position: relative;
overflow: hidden;
}
.search-input-2::placeholder {
font-size: 11px;
font-style: italic;
}
.search-input-2.longer {
width: 280px;
}
.search-input-2.marketplace-search {
background-color: #fff0;
flex: 1;
width: auto;
min-height: 100%;
max-height: 100%;
}
.search-input-2.marketplace-search::placeholder {
font-size: 14px;
}
.search-input-2.full-width {
color: #fff;
background-color: #fff0;
flex: 1;
width: auto;
max-width: none;
min-height: 100%;
max-height: 100%;
padding-left: 10px;
}
.search-input-2.full-width::placeholder {
color: #fff;
font-size: 14px;
}
.page-subheader-container {
width: 100%;
max-width: 1400px;
color: var(--light-blue);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
flex-direction: column;
flex: none;
place-content: flex-end space-between;
align-self: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
top: 0;
}
.page-subheader-container.alt {
justify-content: flex-end;
}
.submenu-item {
z-index: 2;
color: var(--light-slate-grey);
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border-bottom: 2px solid #0000;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 10px;
padding: 10px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.submenu-item:hover {
color: var(--dark-teal);
}
.submenu-item.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.submenu-item.current {
border-bottom-color: var(--dark-teal);
color: var(--dark-teal);
font-weight: 700;
}
.submenu-item.child {
background-color: var(--white);
border-bottom-style: none;
border-bottom-width: 0;
border-right-style: none;
width: 100%;
min-width: 180px;
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.grid-block {
border: 1px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
flex: 0 auto;
margin-bottom: 10px;
padding-bottom: 15px;
display: flex;
position: static;
top: 60px;
overflow: hidden;
box-shadow: 0 0 4px #0000004d;
}
.grid-block.management {
border: .5px solid var(--grey);
min-height: 400px;
box-shadow: none;
flex: none;
}
.grid-block.horizontal {
flex-direction: row;
}
.overview-content {
padding: 20px;
}
.overview-content.general {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.detail-row {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
line-height: 14px;
display: flex;
}
.tag-container {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.description-content {
padding-left: 20px;
padding-right: 20px;
}
.discipline-container {
flex-direction: column;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.hide {
display: none;
}
.form-submit {
background-color: var(--dark-teal);
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 6px;
margin-top: 20px;
padding: 15px 40px;
font-family: Poppins, sans-serif;
font-size: 14px;
}
.footer {
z-index: 10;
border-top: 1px solid var(--light-grey);
background-color: var(--dark-teal);
color: var(--white);
text-align: center;
flex: 0 auto;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
font-family: Poppins, sans-serif;
display: none;
position: relative;
}
.text-block-5 {
align-self: center;
font-family: Poppins, sans-serif;
}
.overview-column {
flex-direction: column;
flex: 1;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.main-nav-dropdown-link {
margin-bottom: 5px;
font-family: Poppins, sans-serif;
}
.main-nav-dropdown-link.w--current {
color: var(--dark-teal);
font-weight: 500;
}
.container-2 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.dashboard-section {
width: 100%;
padding: 0 0 20px;
}
.navigation-menu {
z-index: 3;
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
background-color: var(--white);
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
top: 5px;
box-shadow: 0 1px 10px #3333331a;
}
.dash-tab-wrapper {
border-radius: 7px;
width: 100%;
min-height: 100vh;
padding-bottom: 5em;
padding-left: 20px;
padding-right: 20px;
overflow: visible;
}
.tabs {
z-index: 8;
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
background-color: var(--white);
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.tabs.hide {
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
display: flex;
position: sticky;
top: 60px;
}
.navigation-item {
z-index: 2;
opacity: .6;
color: #000;
text-align: center;
background-color: #fff;
border-top: 3px solid #0000;
border-bottom: 3px solid #0000;
align-self: stretch;
align-items: center;
margin-left: .5em;
margin-right: .5em;
padding: 10px 1em;
font-size: 15px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.navigation-item:hover {
opacity: .9;
color: var(--dark-teal);
}
.navigation-item:active {
opacity: .8;
}
.navigation-item.w--current {
border-bottom-color: var(--dark-teal);
opacity: 1;
color: var(--dark-teal);
background-color: #0000;
font-weight: 600;
}
.navigation-item.w--current:active {
opacity: .7;
color: #32343a;
}
.horizontal-block {
display: flex;
}
.horizontal-block.split {
justify-content: space-between;
align-self: stretch;
}
.nav-helper-text {
text-align: center;
border-radius: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
font-size: 14px;
display: none;
position: absolute;
top: 103%;
}
.nav-helper-text.align-right {
z-index: 999999;
display: none;
right: 0;
}
.nav-helper-text.align-left {
z-index: 999999;
display: flex;
left: 0;
}
.nav-top-icon-container {
color: #fff;
justify-content: center;
align-self: auto;
align-items: center;
height: auto;
display: flex;
}
.sign-in-text {
background-color: var(--orange);
white-space: nowrap;
border-radius: 3px;
padding: 7px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
display: flex;
}
.sign-in-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 19px;
font-weight: 600;
}
.or-line {
border-top: 1px solid var(--grey);
width: 100%;
height: 1px;
position: absolute;
inset: 50% auto auto 0%;
}
.sign-up-form-tabs-container {
border-bottom: 2px solid var(--dark-teal);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-bottom: 20px;
display: flex;
}
.facebook-join-text {
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%;
max-width: 239px;
margin-left: auto;
margin-right: auto;
padding-left: 37px;
font-size: 15px;
font-weight: 600;
display: block;
position: relative;
}
.form-or-block {
align-self: stretch;
width: 100%;
max-width: 600px;
margin: 15px auto;
position: relative;
}
.facebook-join-button {
width: 100%;
max-width: 600px;
color: var(--white);
background-color: #4267b2;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all .2s;
display: flex;
}
.facebook-join-button:hover {
transform: scale(1.05);
}
.facebook-join-button.icon {
width: 46px;
color: var(--white);
background-color: #0000;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 500;
display: inline-block;
position: absolute;
inset: 50% auto auto 0;
transform: translate(0, -50%);
}
.facebook-join-button.hide {
display: none;
}
.login-modal {
z-index: 999;
opacity: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.sign-up-forms-content {
padding: 20px 40px;
}
.text-field-2 {
border-radius: 4px;
min-height: 35px;
margin-bottom: 15px;
}
.big-button-cta {
z-index: 2;
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #ba1d2b;
border-radius: 5px;
width: 100%;
max-width: 310px;
margin-left: auto;
margin-right: auto;
padding: 20px 60px;
font-size: 16px;
font-weight: 700;
line-height: 26px;
transition: all .2s, background-color .2s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
display: block;
position: relative;
}
.big-button-cta:hover {
color: #282828;
background-color: #fff;
transform: scale(1.1);
}
.big-button-cta.form-submit {
background-color: var(--darkblue);
width: 100%;
max-width: 100%;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
display: block;
}
.big-button-cta.form-submit:hover {
background-color: var(--darkblue);
color: #fff;
transform: scale(1.04);
}
.big-button-cta.register {
background-color: var(--orange);
text-transform: capitalize;
cursor: pointer;
align-self: center;
width: auto;
min-width: 100%;
max-width: none;
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
display: block;
}
.big-button-cta.register:hover {
background-color: var(--darkblue);
color: #fff;
transform: scale(1.04);
}
.big-button-cta.register.ghost {
border: 1px solid var(--darkblue);
color: var(--darkblue);
background-color: #fff;
}
.signup-tab {
background-color: var(--white);
color: #282828;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
font-size: 18px;
text-decoration: none;
display: flex;
}
.signup-tab.w--current {
background-color: var(--dark-teal);
color: var(--white);
}
.or-text {
z-index: 1;
text-align: center;
background-color: #fff;
width: 50px;
margin-left: auto;
margin-right: auto;
font-size: 19px;
font-weight: 500;
position: relative;
}
.sign-up-form-container {
z-index: 1;
background-color: #fff;
border-radius: 5px;
flex: 0 auto;
width: 100%;
max-width: 600px;
margin: 13px 45px 45px;
display: block;
position: relative;
box-shadow: 0 0 9px #000000a3;
}
.hero-section {
width: 100%;
color: var(--darkblue);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.ad-card {
cursor: pointer;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 5px;
width: 100%;
height: 100%;
padding-bottom: 20px;
transition: all .2s;
overflow: hidden;
box-shadow: 0 0 6px #00000042;
}
.ad-card:hover {
transform: scale(1.05);
}
.save-filter-results {
border: 1px solid var(--light-blue);
width: auto;
color: var(--light-blue);
cursor: pointer;
background-color: #0000;
border-radius: 2px;
align-items: center;
margin-left: 3px;
margin-right: 8px;
padding: 3px 20px 3px 7px;
font-family: Poppins, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: inline-block;
position: relative;
}
.save-filter-results:hover {
background-color: var(--dark-teal);
color: var(--white);
}
.save-filter-results.clear-filters {
color: var(--light-blue);
border-style: none;
flex: none;
align-self: center;
text-decoration: underline;
display: inline-block;
}
.save-filter-results.clear-filters:hover {
background-color: #0000;
}
.save-filter-results.clear-filters.hide {
display: flex;
}
.save-filter-results.saved-list {
margin-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 11px;
line-height: 14px;
}
.laicon {
margin-left: 7px;
font-family: LineAwesome, sans-serif;
font-size: 9px;
font-weight: 600;
position: absolute;
right: 0;
}
.laicon.favorite {
color: #ffd621;
margin-left: 0;
margin-right: 4px;
font-size: 19px;
position: relative;
}
.laicon.border {
border-left: 1px solid var(--white);
height: 100%;
color: var(--white);
align-items: center;
margin-left: 0;
margin-right: 4px;
padding-left: 4px;
font-size: 8px;
display: flex;
top: 0;
}
.laicon.sort {
opacity: 0;
color: #ccc;
cursor: pointer;
margin-left: 7px;
font-size: 16px;
display: block;
position: relative;
}
.laicon.sort:hover {
color: #778ca2;
}
.laicon.sort.current {
opacity: 1;
color: #778ca2;
}
.laicon.bigger {
font-size: 18px;
transition: all .2s;
position: relative;
}
.laicon.bigger:hover {
color: #16706b;
}
.laicon.border {
height: 100%;
color: var(--light-blue);
border-left: 1px #fff;
align-items: center;
margin-left: 0;
margin-right: 7px;
padding-left: 4px;
font-size: 8px;
display: flex;
top: 0;
}
.laicon.location {
margin-left: 0;
font-size: 16px;
position: relative;
}
.laicon.border {
color: #778ca2;
border-left: 1px #fff;
align-items: center;
height: 100%;
margin-left: 0;
margin-right: 7px;
padding-left: 4px;
font-size: 8px;
display: flex;
top: 0;
}
.filter-dropdown-header {
z-index: 999;
background-color: var(--dark-cyan);
opacity: 1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
justify-content: space-between;
align-items: center;
width: 0%;
height: 100%;
padding-left: 30px;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.text-block-8 {
color: var(--white);
}
.filter-action-container {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
align-items: center;
height: 100%;
display: flex;
}
.table-actions-container {
flex-direction: column;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.table-actions-container.horizontal {
flex-direction: row;
justify-content: space-between;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.filter-column {
border-right: 1px solid var(--white-smoke);
border-bottom: 1px solid var(--white-smoke);
background-color: var(--light-blue);
color: var(--dim-grey);
cursor: pointer;
border-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 3px;
margin-right: 3px;
padding-top: 0;
text-decoration: none;
transition: all .2s;
display: inline-block;
position: static;
}
.filter-column:hover {
background-color: var(--dark-teal);
color: var(--white);
}
.filter-column.filter-cta {
width: 100%;
color: var(--dark-teal);
background-color: #0000;
border: 1px #000;
flex: none;
justify-content: flex-start;
align-self: stretch;
margin: 10px 5px 10px 0;
display: flex;
position: relative;
}
.filter-column.filter-cta:hover {
color: var(--white);
}
.filter-column.filter-cta.alt {
background-color: #0000;
border-style: none;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.filter-column.filter-cta.hide {
display: none;
}
.filter-column.alt {
border: 1px solid var(--grey);
border-radius: 20px;
width: auto;
margin-bottom: 5px;
margin-right: 5px;
}
.add-filter-text {
height: 40px;
color: var(--dim-grey);
text-align: left;
text-transform: none;
background-color: #efefef;
border-radius: 100px;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding: 8px 10px 8px 20px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
text-decoration: none;
display: flex;
}
.add-filter-text.filter-dropdown {
align-self: center;
width: 100%;
height: 30px;
margin-left: 0;
padding-right: 30px;
display: flex;
}
.add-filter-text.save-filter-results {
background-color: var(--dark-teal);
color: var(--white);
align-self: center;
}
.filter-dropdown-body {
z-index: 9999;
opacity: 1;
height: 0;
color: var(--dim-grey);
background-color: #f7f7f7;
border-radius: 0 0 6px 6px;
justify-content: space-between;
align-items: flex-start;
padding: 0 30px;
transition: all .2s;
display: flex;
position: absolute;
left: 20px;
right: 20px;
overflow: scroll;
box-shadow: 0 0 3px #0000008f;
}
.filter-dropdown-column {
width: 100%;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
}
.filter-dropdown-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
width: 100%;
display: grid;
}
.form-block-4 {
flex: 1;
padding-top: 20px;
padding-bottom: 20px;
}
.right-sidebar-container {
z-index: 9999;
opacity: 1;
justify-content: space-between;
transition: all .2s;
display: flex;
position: fixed;
inset: 0 0% 0%;
overflow: hidden;
}
.right-sidebar-container.overlay-hidden {
width: 0%;
left: auto;
overflow: hidden;
}
.right-sidebar-menu {
background-color: var(--white);
background-image: linear-gradient(to right, var(--light-grey), white);
flex-direction: column;
flex: 0 auto;
width: 500px;
height: 100%;
display: flex;
position: relative;
overflow: scroll;
box-shadow: 0 0 30px #000000bd;
}
.right-sidebar-bg {
opacity: 1;
cursor: pointer;
background-color: #0000;
flex: 1;
height: 100%;
transition: opacity .2s;
}
.right-sidebar-header {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
position: relative;
}
.horse-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(190px, 390px));
grid-auto-rows: auto;
grid-auto-columns: minmax(190px, 390px);
grid-auto-flow: row dense;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
display: grid;
}
.listing-grid-card {
background-color: var(--white);
color: var(--light-blue);
cursor: pointer;
border-radius: 6px;
flex-direction: column;
display: inline-block;
position: relative;
box-shadow: 0 0 3px #0000008f;
}
.grid-crad-image {
object-fit: cover;
object-position: 50% 50%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
width: 100%;
height: 215px;
margin-bottom: 20px;
display: block;
}
.grid-crad-image.alt {
margin-bottom: 7px;
}
.grid-card-header {
justify-content: space-between;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.table-header-text {
color: var(--light-blue);
text-transform: uppercase;
flex: none;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
}
.table-tabs {
flex: 1;
justify-content: flex-end;
align-self: center;
align-items: center;
display: flex;
}
.bold-text {
font-weight: 500;
}
.grip {
opacity: 0;
color: var(--grey);
letter-spacing: -3px;
cursor: grab;
font-family: LineAwesome, sans-serif;
font-size: 7px;
font-weight: 600;
line-height: 6px;
display: block;
position: absolute;
left: 0;
}
.grip:hover {
color: var(--light-blue);
}
.grid-card-left-header {
flex: 1;
}
.grid-card-left-header.alt {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 15px;
display: flex;
}
.grid-card-right-header {
flex-direction: column;
flex: 0 auto;
align-items: flex-end;
padding-left: 10px;
display: flex;
}
.grid-card-right-header.date {
background-color: var(--light-grey);
border-radius: 6px;
align-items: center;
padding-bottom: 2px;
padding-left: 0;
overflow: hidden;
box-shadow: 1px 1px 3px #00000054;
}
.grid-card-name {
color: var(--dark-teal);
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
font-size: 19px;
font-weight: 600;
}
.grid-card-tags {
color: var(--dark-teal);
}
.grid-card-tags.time {
font-style: italic;
}
.grid-card-tags.event-tag {
color: var(--dim-grey);
font-size: 13px;
}
.grid-card-price {
color: var(--light-blue);
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 500;
}
.grid-card-description {
flex: 1;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
}
.grid-card-description.alt {
margin-top: 5px;
}
.grid-card-footer {
border-top: 1px solid var(--grey);
justify-content: space-between;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.grid-card-footer-left {
flex: 1;
display: flex;
}
.grid-card-footer-left.hide {
opacity: 0;
}
.grid-card-footer-right {
display: flex;
}
.grid-card-featured {
color: var(--light-blue);
font-size: 12px;
}
.quicksearch {
border: 1px solid var(--grey);
width: 100%;
height: 100%;
color: var(--new-grey);
border-radius: 4px;
flex: 1;
align-self: center;
margin-top: auto;
margin-bottom: auto;
margin-left: 0;
font-size: 14px;
line-height: 20px;
display: block;
}
.quicksearch::placeholder {
color: #9e9e9e;
font-family: Poppins, sans-serif;
font-size: 11px;
}
.filter-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px dashed var(--light-grey-3);
background-color: var(--white);
flex-flow: column;
grid-template-rows: 46px;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-template-areas: ".";
grid-auto-columns: minmax(60px, 1fr);
grid-auto-flow: column;
place-content: center flex-start;
place-items: stretch center;
height: auto;
margin-bottom: 16px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.filter-container.filters {
z-index: 1;
border: 1px dashed var(--light-grey-3);
background-color: var(--light-grey);
border-radius: 6px;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
width: 100%;
min-width: 270px;
height: 100%;
min-height: 50px;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
position: relative;
overflow: auto;
}
.filter-container.filters.horizontal {
flex-direction: row;
flex: 1;
justify-content: flex-end;
}
.filter-container.filters.white-bg {
background-color: #0000;
border-color: #0000;
margin-right: 0;
padding-left: 0;
}
.field-label {
width: auto;
max-width: none;
color: var(--new-grey);
text-transform: none;
margin-top: 0;
margin-bottom: 6px;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
font-size: 12px;
font-weight: 500;
line-height: 110%;
display: inline-block;
position: relative;
top: 0;
}
.field-label.hide {
display: none;
}
.horse-header {
z-index: 9;
background-image: linear-gradient(#fff0 74%, #0000), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e83b357feb76d3e907215c6_horse-farm-horses-on-a-horse-farm-horses-graze-on--V7FHLWL.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
flex-direction: column;
grid-template-columns: minmax(1px, 1fr) 75%;
grid-template-areas: "Area";
grid-auto-rows: auto;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-self: stretch;
align-items: center;
width: 100%;
padding-top: 300px;
display: block;
position: relative;
}
.horse-header.manage {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
align-self: stretch;
width: 100%;
height: 40px;
position: relative;
}
.horse-slider {
border: 1px solid var(--white);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e83b539a94c53bffea00b61_young-female-jockey-on-horse-leaping-over-hurdle-PJ3VHES.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 6px;
flex-flow: wrap;
flex: none;
align-content: center;
align-self: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
max-height: 250px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 3px #000;
}
.horse-slider.hide {
display: none;
}
.horse-header-right {
box-shadow: none;
color: var(--white);
background-image: none;
background-position: 0 0;
border-radius: 6px 6px 0 0;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.field-box {
flex: 0 auto;
display: inline-block;
position: relative;
}
.field-box.tags {
flex: 1;
}
.horse-page-input-label {
color: var(--light-blue);
font-family: Poppins, sans-serif;
font-size: 10px;
font-weight: 400;
display: inline-block;
position: absolute;
inset: 0 auto auto 12px;
}
.horse-page-input-label.bigger {
font-size: 10px;
top: 6px;
}
.horse-page-input-field {
border: 1px solid var(--light-blue);
background-color: var(--white);
color: #0000;
cursor: pointer;
border-radius: 7px;
flex: 0 auto;
height: 100%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
display: block;
}
.horse-page-input-field::placeholder {
color: var(--dim-grey);
font-size: 14px;
}
.horse-page-input-field.tags {
height: 100%;
}
.form-4 {
grid-column-gap: 10px;
grid-row-gap: 5px;
flex: 1;
grid-template: "." 60px
/ 1fr 1fr;
grid-auto-rows: 47px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-self: stretch;
display: grid;
}
.main-horse-info-form {
flex: 1;
align-self: stretch;
align-items: center;
height: 100%;
margin-bottom: 0;
display: flex;
}
.horse-page-dynamic-input {
color: var(--dim-grey);
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
position: absolute;
inset: 17px auto auto 13px;
}
.horse-page-dynamic-input.main-info {
width: 123px;
font-size: 16px;
top: 23px;
}
.grid-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid: "Area-2 Area-2"
"Area-2 Area-2"
"Area-2 Area-2"
"Area-3 Area-3"
"Area-3 Area-3"
/ 1fr 1fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.grid-box {
background-color: var(--white);
border-radius: 7px;
flex-direction: column;
padding-bottom: 20px;
display: flex;
overflow: visible;
box-shadow: 0 0 3px #0000005c;
}
.grid-box-header {
background-color: var(--white);
box-shadow: none;
color: var(--dim-grey);
cursor: pointer;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 15px 15px 10px;
display: flex;
position: relative;
}
.grid-box-header.post {
background-color: #0000;
border-bottom-style: none;
margin-bottom: 5px;
}
.grid-box-header.hide {
display: none;
}
.grid-block-header-text {
color: var(--darkblue);
text-transform: capitalize;
flex: 0 auto;
align-self: stretch;
align-items: center;
margin-right: 5px;
font-family: Roboto Condensed, sans-serif;
font-size: 15px;
font-weight: 700;
display: flex;
}
.grid-box-body {
flex-direction: column;
flex: 1;
align-items: stretch;
max-width: 100%;
margin-left: 15px;
margin-right: 15px;
display: flex;
position: relative;
}
.html-embed-3 {
flex-flow: column wrap;
justify-content: center;
align-self: stretch;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.main-info-text {
white-space: pre;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.main-info-text.less-space {
margin-right: 2px;
}
.main-info-text.type {
font-style: normal;
font-weight: 500;
}
.main-info-text.no-space {
margin-right: 0;
}
.main-info-row {
flex-direction: row;
align-self: stretch;
display: block;
}
.main-info-row.top {
align-items: center;
}
.main-info-row.smaller {
line-height: 14px;
}
.horse-main-title {
text-transform: uppercase;
text-shadow: none;
margin-right: 15px;
font-family: Poppins, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px;
display: inline-block;
}
.horse-main-title.less-space {
margin-right: 1px;
font-family: Poppins, sans-serif;
font-weight: 400;
display: inline-block;
}
.horse-main-title.common-name {
text-transform: capitalize;
margin-right: 0;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
display: inline-block;
}
.actions-item {
border: 1px solid var(--white);
cursor: pointer;
background-color: #0000;
border-radius: 2px;
align-items: center;
width: auto;
margin-right: 8px;
padding: 3px 7px;
font-size: 13px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.actions-item:hover {
background-color: var(--dark-teal);
color: var(--white);
}
.actions-item.icon {
color: var(--light-blue);
background-color: #0000;
border-style: none;
border-radius: 100px;
justify-content: center;
align-self: center;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 30px;
transition-duration: .2s;
display: flex;
}
.actions-item.icon:hover {
color: var(--dim-grey);
}
.actions-item.icon.grey {
color: var(--light-blue);
}
.actions-item.actions-dropdown {
border-radius: 2px;
justify-content: flex-start;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 14px;
line-height: 26px;
display: flex;
}
.actions-item.actions-dropdown.no-border {
width: 30px;
height: 30px;
color: var(--white);
border-style: none;
border-radius: 100px;
justify-content: center;
margin-left: 0;
text-decoration: none;
position: relative;
}
.actions-item.actions-dropdown.no-border:hover {
background-color: var(--white);
color: var(--dim-grey);
}
.actions-item.actions-dropdown.no-border.grey {
color: var(--light-blue);
}
.actions-item.actions-dropdown.alt {
border-style: none;
border-color: var(--grey);
width: 25px;
height: 25px;
color: var(--dim-grey);
border-radius: 100px;
flex: none;
justify-content: center;
}
.actions-item.actions-dropdown.alt:hover {
background-color: #0000;
}
.actions-item.actions-dropdown.table-action {
border-style: solid;
border-color: var(--light-blue);
background-color: var(--white);
box-shadow: none;
border-radius: 2px;
justify-content: flex-start;
padding-left: 10px;
padding-right: 5px;
}
.text-block-12 {
color: var(--white);
text-transform: none;
margin-left: 5px;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-weight: 400;
display: inline-block;
}
.text-block-12.alt {
margin-left: 10px;
}
.text-block-12.alt-color {
color: var(--light-blue);
text-transform: capitalize;
flex: 1;
font-size: 12px;
font-weight: 500;
}
.actions-dropdown-icon {
width: 40px;
color: var(--white);
justify-content: center;
align-items: center;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
display: flex;
}
.actions-dropdown-icon:hover {
background-color: var(--lightblue);
color: var(--white);
}
.actions-dropdown-icon.alt {
color: var(--dark-gray);
border-left-style: none;
border-radius: 100px;
justify-content: flex-end;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.actions-dropdown-icon.alt:hover {
background-color: var(--white);
color: var(--dark-gray);
}
.actions-dropdown-icon.alt-color {
color: var(--light-blue);
font-size: 17px;
}
.actions-dropdown-list {
transition: all .2s;
display: none;
right: 0;
}
.actions-dropdown-list.w--open {
border: 1px solid var(--white-smoke);
background-color: var(--white);
text-align: left;
border-radius: 4px;
box-shadow: 0 0 3px #0003;
}
.actions-dropdown-list.hide {
display: none;
}
.actions-dropdown {
opacity: 1;
flex: none;
align-self: flex-start;
margin-right: 0;
text-decoration: none;
}
.actions-dropdown.alt {
z-index: auto;
flex: none;
justify-content: flex-end;
margin-left: 0;
display: flex;
}
.actions-dropdown.alt.print {
z-index: auto;
flex: 1;
}
.actions-dropdown.main-action {
align-self: stretch;
margin-left: 10px;
margin-right: 10px;
}
.actions-dropdown.main-action.item-action {
align-self: center;
margin-bottom: 0;
margin-left: 0;
}
.actions-dropdown.hide-away {
z-index: auto;
color: #515365;
position: relative;
}
.actions-dropdown.hide-away.story-board-more-icon {
color: #fff;
margin-right: -3px;
top: 0;
}
.page-action-drop-link {
text-align: left;
}
.page-action-drop-link:hover {
background-color: var(--light-grey);
}
.actions-helper-text {
z-index: 1;
background-color: var(--white);
opacity: 0;
width: 120px;
color: var(--dim-grey);
border-radius: 4px;
padding: 3px 10px;
display: none;
position: absolute;
inset: 25px auto auto 50%;
transform: translate(-50%);
box-shadow: 0 0 3px #000;
}
.text-block-14 {
text-align: center;
white-space: pre-wrap;
font-size: 12px;
line-height: 17px;
}
.main-info-box {
border-radius: 4px 4px 0 0;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 25px;
display: flex;
}
.slide-nav-3 {
color: var(--white);
font-size: 8px;
display: none;
bottom: -13px;
}
.slider-arrow {
margin-left: 0;
margin-right: 0;
font-size: 17px;
}
.slider-arrow.right {
margin-left: 0;
position: relative;
}
.slide {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.mask {
border-radius: 2px;
align-self: stretch;
position: absolute;
inset: 0%;
}
.right-arrow {
justify-content: flex-end;
display: none;
right: 0;
}
.left-arrow {
display: none;
left: 0;
}
.submit-button-3 {
background-color: var(--dark-teal);
border-radius: 7px;
justify-content: center;
align-items: center;
font-family: Poppins, sans-serif;
text-decoration: none;
display: flex;
}
.submit-button-3.cancel {
border: 1px solid var(--dark-teal);
color: var(--dark-teal);
background-color: #0000;
}
.left-nav-link-box {
color: var(--dim-grey);
border-radius: 6px;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
}
.left-nav-link-box.hide {
display: none;
}
.left-nav-link-box.signed-in {
display: flex;
}
.bold {
font-size: 16px;
font-weight: 800;
line-height: 22px;
}
.nav-link-wrapper {
z-index: 1;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
display: flex;
position: relative;
}
.nav-container {
z-index: 1;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
flex: none;
align-self: stretch;
align-items: stretch;
display: flex;
position: static;
}
.table-settings-dropdown-toggle-2 {
color: #ccc;
padding: 5px 20px 5px 0;
transition: all .2s;
}
.table-settings-dropdown-toggle-2.w--open {
color: #16706b;
}
.table-header-action-link-dropdown-2 {
color: var(--grey);
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
text-decoration: none;
}
.table-column-2 {
cursor: pointer;
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
padding-left: 20px;
padding-right: 20px;
text-decoration: underline;
display: flex;
position: relative;
}
.table-column-2:hover {
border-color: #fff;
}
.table-column-2.name {
align-content: flex-start;
width: auto;
}
.table-column-2.breed {
cursor: pointer;
align-content: center;
}
.table-column-2.status {
color: #778ca2;
cursor: default;
flex-direction: row;
place-content: center flex-end;
align-self: stretch;
align-items: center;
padding-left: 0;
padding-right: 10px;
text-decoration: none;
}
.table-column-2.owner {
align-items: center;
}
.table-column-2.photo {
flex-direction: column;
place-content: center;
align-items: stretch;
max-width: 90px;
padding-top: 5px;
padding-bottom: 5px;
}
.setting-checkbox-2 {
background-color: #fff;
flex: none;
align-self: center;
width: 16px;
height: 16px;
margin-top: auto;
margin-bottom: auto;
margin-left: 0;
position: absolute;
inset: 50% auto auto 10px;
transform: translate(0, -50%);
}
.setting-checkbox-2.w--redirected-checked {
z-index: 0;
cursor: pointer;
background-color: #16706b;
border-color: #299892;
margin-left: 0;
}
.table-settings-dropdown-2 {
z-index: 1;
color: #778ca2;
margin-left: 0;
margin-right: 0;
position: relative;
right: 0;
}
.row-action-dropdown-menu-2 {
right: 0;
}
.row-action-dropdown-menu-2.w--open {
z-index: 999;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
width: 200px;
margin-bottom: 10px;
padding: 10px 10px 20px;
box-shadow: 0 0 3px #0000002b;
}
.table-body-text-2 {
color: #778ca2;
text-transform: capitalize;
flex: none;
font-size: 13px;
line-height: 14px;
}
.row-action-dropdown-link-2 {
color: #778ca2;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 25px;
font-weight: 600;
text-decoration: none;
position: relative;
}
.row-action-dropdown-2 {
z-index: auto;
color: #778ca2;
margin-left: 0;
margin-right: 0;
position: relative;
right: 0;
}
.page-action-drop-link-2 {
text-align: right;
}
.page-action-drop-link-2:hover {
background-color: #f7f7f7;
}
.actions-item-2 {
cursor: pointer;
background-color: #0000;
border: 1px solid #fff;
border-radius: 2px;
align-items: center;
width: auto;
margin-right: 8px;
padding: 3px 7px;
font-size: 13px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: inline-block;
}
.actions-item-2:hover {
color: #fff;
background-color: #16706b;
}
.actions-item-2.actions-dropdown {
border-radius: 2px;
justify-content: space-between;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 14px;
line-height: 26px;
display: flex;
}
.actions-item-2.actions-dropdown.no-border {
color: #fff;
border-style: none;
border-radius: 100px;
justify-content: center;
width: 30px;
height: 30px;
margin-left: 0;
text-decoration: none;
position: relative;
}
.actions-item-2.actions-dropdown.no-border:hover {
color: #515365;
background-color: #fff;
}
.actions-item-2.actions-dropdown.attachments {
color: #fff;
border-style: none;
border-radius: 100px;
justify-content: center;
height: 30px;
margin-left: 0;
text-decoration: none;
position: relative;
}
.actions-item-2.actions-dropdown.attachments:hover {
color: #515365;
background-color: #fff;
}
.actions-item-2.icon {
background-color: #0000;
border-style: none;
border-radius: 100px;
justify-content: center;
align-self: center;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 30px;
transition-duration: .2s;
display: flex;
}
.actions-item-2.icon:hover {
color: #515365;
}
.actions-item-2.icon.alt {
color: var(--light-blue);
align-self: stretch;
margin-right: 0;
text-decoration: none;
}
.actions-item-2.icon.alt-2 {
border-style: solid;
border-color: var(--grey);
background-color: var(--white);
color: var(--light-blue);
border-radius: 2px;
align-self: stretch;
margin-right: 0;
text-decoration: none;
}
.actions-helper-text-2 {
z-index: 1;
opacity: 0;
color: #515365;
background-color: #fff;
border-radius: 4px;
width: 120px;
padding: 3px 10px;
display: block;
position: absolute;
inset: 25px auto auto 50%;
transform: translate(-50%);
box-shadow: 0 0 3px #000;
}
.actions-dropdown-list-2 {
transition: all .2s;
right: 0;
}
.actions-dropdown-list-2.w--open {
background-color: #fff;
border: 1px solid #e9ecef;
border-radius: 4px;
top: 30px;
right: 0;
box-shadow: 0 0 3px #0003;
}
.row-action-dropdown-toggle-2 {
color: #ccc;
padding: 5px 0;
transition: all .2s;
}
.row-action-dropdown-toggle-2.w--open {
z-index: 0;
color: #16706b;
position: static;
}
.row-action-link-2 {
color: #16706b;
text-align: right;
line-height: 23px;
text-decoration: none;
display: block;
}
.text-block-16 {
color: #fff;
}
.filter-action-2 {
color: #16706b;
border: 1px solid #16706b;
border-radius: 2px;
align-items: center;
width: auto;
height: 38px;
margin-right: 8px;
padding: 3px 15px;
font-size: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.filter-action-2:hover {
color: #778ca2;
background-color: #fff;
}
.filter-action-2.cancel {
color: #fff;
border-color: #fff;
height: 28px;
}
.filter-action-2.cancel:hover {
color: #778ca2;
}
.filter-action-2.clear-filters {
color: #fff;
cursor: pointer;
border-style: none;
text-decoration: underline;
}
.filter-action-2.clear-filters:hover {
background-color: #0000;
}
.table-icon-2 {
color: #ccc;
cursor: pointer;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-bottom: 0;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 30px;
text-decoration: none;
display: flex;
position: relative;
}
.table-icon-2.current {
color: #16706b;
}
.post-avatar-box {
background-color: var(--grey);
border-radius: 100px;
flex: none;
align-self: center;
width: 48px;
height: 48px;
margin-right: 12px;
overflow: hidden;
}
.post-avatar {
border: 1px solid var(--grey);
object-fit: cover;
object-position: 50% 50%;
border-radius: 100px;
width: auto;
height: auto;
margin-bottom: 5px;
}
.grid-box-header-left {
flex: 1;
align-self: center;
}
.author-name {
color: var(--darkblue);
text-transform: capitalize;
flex: 0 auto;
align-self: center;
margin-right: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.post-date {
color: var(--dim-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 11px;
font-weight: 300;
line-height: 15px;
}
.paragraph-2 {
color: var(--new-grey);
flex: 1;
align-self: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
line-height: 18px;
}
.create-post-box {
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: stretch;
display: flex;
}
.create-post-box.comment {
border-style: solid none none;
border-width: 1px;
border-color: var(--grey);
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.post-input {
background-color: var(--light-grey);
color: var(--new-grey);
cursor: pointer;
border-radius: 7px;
flex: 1;
align-self: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 500;
transition: background-color .2s;
}
.post-input:hover, .post-input:active {
background-color: var(--light-grey);
}
.post-input.white-bg {
background-color: var(--white);
}
.post-media-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 200px 200px;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: grid;
}
.media-grid-box {
border-radius: 4px;
overflow: hidden;
}
.post-media {
object-fit: cover;
width: 100%;
height: 100%;
}
.modal-overlay {
z-index: 1;
opacity: 1;
cursor: pointer;
background-color: #000c;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
display: flex;
position: absolute;
inset: 0;
}
.edit-horse-box {
background-color: var(--white);
border-radius: 7px;
width: 100%;
max-width: 800px;
margin: 20px;
padding: 20px;
display: none;
box-shadow: 0 0 3px #000;
}
.modal-title {
border-bottom: 1px solid var(--light-blue);
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
}
.item-actions-box {
align-items: center;
margin-bottom: 10px;
display: flex;
}
.item-actions-box.hide {
display: flex;
}
.icon-6 {
margin-right: 10px;
padding-top: 2px;
}
.dropdown-list-3 {
top: 0;
}
.dropdown-list-3.w--open {
z-index: -1;
border: 1px solid var(--grey);
background-color: var(--white);
top: 26px;
}
.table-quick-add {
z-index: 9;
background-color: var(--dark-teal);
width: 20px;
height: 20px;
color: var(--white);
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
margin-right: 2px;
padding: 0 0 0 1px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: flex;
position: absolute;
top: -11px;
left: 6px;
box-shadow: 0 0 2px #00000070;
}
.table-quick-add-form-block {
margin-bottom: 0;
}
.table-quick-add-form-block.hide {
height: 100%;
display: block;
position: relative;
}
.quick-add-input-field {
border: 1px solid var(--grey);
background-color: var(--white);
width: 100%;
max-width: 100%;
height: 30px;
max-height: 30px;
color: var(--light-slate-grey);
border-radius: 2px;
flex: none;
align-self: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-family: Poppins, sans-serif;
font-size: 11px;
line-height: 21px;
display: flex;
}
.quick-add-input-field.quantity, .quick-add-input-field.cost {
width: 90px;
padding-right: 6px;
}
.filter-search-icon {
color: var(--light-slate-grey);
justify-content: center;
align-items: center;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.table-quick-add-submit {
background-color: var(--dark-teal);
height: 30px;
color: var(--white);
text-transform: uppercase;
cursor: pointer;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 5px;
margin-left: 10px;
margin-right: 2px;
padding: 0 10px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
display: flex;
}
.text-span-3 {
text-transform: none;
padding-left: 5px;
padding-right: 5px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
display: none;
}
.quick-add-line {
border-bottom: 1px solid #0000;
height: 1px;
transition: all .2s;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.quick-add-container {
height: auto;
display: block;
position: relative;
overflow: hidden;
}
.quick-add-container.hide {
display: none;
}
.table-quick-add-cancel {
height: 30px;
color: var(--white);
text-transform: uppercase;
cursor: pointer;
background-color: #a00606;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 5px;
margin-left: 2px;
margin-right: 2px;
padding: 0 10px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.subsection-inner-tab {
color: #99d4d1;
text-transform: capitalize;
background-color: #0000;
border-bottom: .5px solid #156d68;
padding: 10px 20px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 13px;
transition: all .2s;
}
.subsection-inner-tab.w--current {
color: var(--white);
background-color: #18857f;
padding-top: 13px;
padding-bottom: 13px;
font-family: Poppins, sans-serif;
font-weight: 500;
text-decoration: none;
}
.subsection-inner-tabs {
z-index: 0;
flex-direction: column;
flex: 1;
width: 100%;
display: flex;
}
.subsection-inner-tabs-content {
background-color: var(--white);
flex-direction: column;
flex: 1;
align-self: stretch;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
transition: all .2s;
display: flex;
}
.tabs-menu-3 {
z-index: 1;
background-color: var(--dark-teal);
min-width: 222px;
color: var(--light-blue);
flex-direction: row;
align-self: flex-start;
align-items: center;
margin-right: -1px;
display: block;
position: relative;
}
.button-3 {
color: #9f9f9f;
border-radius: 2px;
flex-direction: row;
flex: 1;
place-content: space-around flex-start;
align-self: flex-start;
align-items: center;
max-width: 100%;
padding-right: 20px;
font-size: 11px;
line-height: 13px;
display: flex;
}
.file-upload {
height: 30px;
color: var(--light-blue);
flex-flow: column wrap;
flex: 1;
justify-content: center;
align-self: stretch;
margin-bottom: 0;
font-size: 11px;
display: flex;
overflow: visible;
}
.error-message {
margin-top: 0;
font-size: 10px;
line-height: 9px;
position: absolute;
top: 34px;
left: 20px;
right: 0;
}
.icon-7 {
font-size: 10px;
}
.icon-8 {
width: 13px;
font-size: 12px;
}
.upload-state {
flex: 0 auto;
align-self: stretch;
align-items: stretch;
max-width: 100%;
display: flex;
}
.text-block-18 {
flex: none;
align-self: center;
width: 100%;
font-size: 11px;
overflow: hidden;
}
.link-3 {
flex: 0 auto;
margin-left: 1px;
font-size: 11px;
}
.icon-9 {
font-size: 9px;
}
.div-block-6 {
border: 1px solid var(--grey);
background-color: var(--light-grey);
border-radius: 2px;
margin-bottom: 20px;
padding: 20px;
}
.horse-header-left {
border-right: 1px none var(--grey);
flex-direction: column;
flex: none;
width: 320px;
height: 280px;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.tab-pane-details {
flex: 1;
padding-left: 20px;
padding-right: 20px;
}
.lock-icon {
opacity: 0;
cursor: pointer;
margin-left: 7px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
transition: all .2s;
position: absolute;
top: 50%;
right: 7px;
transform: translate(0, -50%);
}
.discipline-span-2 {
color: #778ca2;
font-size: 13px;
font-style: italic;
}
.detail-answer-2 {
color: #888da8;
text-align: left;
text-transform: none;
flex: 0 auto;
margin-top: 2px;
margin-right: 3px;
padding-left: 20px;
padding-right: 20px;
font-family: Poppins, sans-serif;
font-size: 13px;
position: relative;
}
.detail-answer-2.discipline {
color: #1c8a84;
}
.description-rich-text-2 {
color: #515365;
font-family: Poppins, sans-serif;
font-size: 14px;
}
.tag-link-2 {
color: #fff;
cursor: pointer;
background-color: #b8b8b8;
border-radius: 5px;
margin-bottom: 5px;
margin-right: 10px;
padding: 5px 10px;
font-family: Poppins, sans-serif;
font-size: 13px;
line-height: 16px;
text-decoration: none;
transition: all .2s;
display: inline-block;
}
.tag-link-2:hover {
background-color: #16706b;
}
.detail-title-2 {
color: #515365;
text-transform: uppercase;
flex: 0 auto;
width: 77px;
margin-right: 15px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 800;
}
.grid {
grid-template: ". . Area"
". . Area"
". . Area"
". . Area"
". . Area"
/ 1fr 1fr 1fr;
}
.parent-tabs {
flex: 0 auto;
justify-content: center;
display: flex;
position: relative;
}
.parent-tabs.shrink, .parent-tabs.actions {
flex: 0 auto;
}
.parent-tabs.hide {
display: none;
}
.text-block-20 {
margin-left: 5px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
}
.horse-info-box {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
flex: 1;
justify-content: space-between;
align-self: stretch;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.tab-flex-box {
justify-content: center;
width: 100%;
max-width: 1400px;
margin: 20px auto;
display: flex;
}
.tab-flex-box.full-width {
max-width: none;
}
.center-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template: "."
"."
/ 2fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
max-width: 800px;
margin-left: 15px;
margin-right: 15px;
display: flex;
}
.sidebar {
flex-direction: column;
flex: 0 auto;
grid-template: ". . Area"
". . Area"
". . Area"
". . Area"
". . Area"
/ 1fr 1fr 1fr;
align-self: stretch;
min-width: 350px;
max-width: 350px;
margin-left: 15px;
display: flex;
}
.sidebar.left {
flex: 0 auto;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: 0;
max-width: 300px;
margin-left: 0;
display: block;
}
.sidebar.right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: none;
min-width: auto;
margin-left: 0;
display: flex;
}
.sidebar.right.hide {
display: none;
}
.post-something-box {
border: .5px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
align-self: stretch;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 10px;
display: flex;
overflow: visible;
box-shadow: 0 0 4px #0000004d;
}
.post-something-box.hide {
display: none;
}
.post-wrapper {
border: .5px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 4px #0000004d;
}
.top-photos-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
min-height: 180px;
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.top-photo-item {
background-color: var(--grey);
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e8c0157aeb78fa0b7513a74_placeholder.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.tab-pane-timeline {
background-color: #fcfcfc;
flex: 1;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.horse-listing-box {
border-radius: 4px;
flex-direction: row;
align-items: stretch;
width: 100%;
height: 100%;
max-height: 80vh;
margin: 20px;
display: flex;
overflow: hidden;
}
.listing-photo-slider {
z-index: 9;
background-color: var(--white);
flex: 1;
align-self: stretch;
height: 100%;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.listings-sidebar {
z-index: 1;
background-color: var(--white);
width: 35%;
min-width: 520px;
max-width: 750px;
height: 100%;
box-shadow: none;
border-radius: 1px;
flex-direction: column;
flex: 0 auto;
grid-template: ". . Area"
". . Area"
". . Area"
". . Area"
". . Area"
/ 1fr 1fr 1fr;
align-self: stretch;
display: flex;
position: relative;
overflow: auto;
}
.listing-sidebar-section {
border-top: 1px solid var(--grey);
background-color: var(--white);
box-shadow: none;
flex-direction: column;
flex: none;
display: flex;
position: static;
top: 60px;
}
.listing-section-header {
box-shadow: none;
color: var(--dim-grey);
justify-content: space-between;
align-items: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 20px;
display: flex;
}
.slide-2 {
width: 100%;
height: 100%;
}
.slider-arrows {
background-color: var(--dark-teal);
width: 30px;
height: 30px;
color: var(--white);
border-radius: 100px;
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 14px;
display: flex;
}
.slider-blur {
filter: blur(20px);
background-image: none;
background-position: 0 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.slider-container {
flex-wrap: wrap;
place-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.listing-image-wrapper {
object-fit: contain;
justify-content: center;
align-self: stretch;
align-items: stretch;
width: 100%;
height: 100%;
max-height: 100%;
margin-top: 40px;
margin-bottom: 40px;
padding: 25px 20px 20px;
display: flex;
position: relative;
}
.cta-container {
flex-direction: column;
flex: none;
justify-content: center;
align-self: stretch;
min-width: 300px;
margin-bottom: 10px;
display: flex;
}
.cta-button {
border: 1px solid var(--dark-teal);
background-color: var(--dark-teal);
background-image: linear-gradient(to bottom, var(--dark-teal), var(--light-teal));
color: var(--white);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: flex-start;
padding: 10px 20px;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
transition: all .2s;
display: flex;
box-shadow: 0 0 3px #000;
}
.cta-button:hover {
transform: scale(1.05);
}
.cta-button-subtext {
text-align: center;
text-transform: uppercase;
font-weight: 600;
line-height: 14px;
}
.profile-avatar {
z-index: 12;
border: 1px solid var(--white);
object-fit: cover;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e83b539a94c53bffea00b61_young-female-jockey-on-horse-leaping-over-hurdle-PJ3VHES.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100px;
flex-flow: wrap;
flex: none;
place-content: center flex-end;
align-self: flex-start;
align-items: stretch;
width: 200px;
height: 200px;
max-height: 250px;
margin-top: -23px;
margin-bottom: -37px;
margin-left: 20px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 3px #000;
}
.text-block-20-copy {
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.child-tabs {
z-index: -1;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
min-width: 100%;
display: block;
position: absolute;
top: 100%;
right: 0;
overflow: hidden;
box-shadow: 0 0 3px #0006;
}
.modal-container {
z-index: 10;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
transition: all .2s;
display: flex;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.modal-container.hide {
display: none;
}
.modal-action-container {
z-index: 9999;
width: 100%;
height: 40px;
color: var(--white);
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-bottom: 3px;
padding-left: 5px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 600;
display: flex;
position: absolute;
}
.modal-box {
background-color: var(--white);
flex: 1;
display: flex;
}
.modal-box.edit-horse-box {
opacity: .99;
background-color: #fff;
flex-direction: column;
margin-top: 30px;
display: none;
}
.modal-box.horse-listing-box {
z-index: 10;
background-color: var(--white);
flex-direction: row;
flex: none;
align-self: stretch;
width: 100%;
height: 100vh;
max-height: none;
margin: 0;
display: flex;
position: relative;
top: 0;
left: 0;
right: 0;
overflow: visible;
}
.modal-box.invite-modal {
z-index: 1;
background-color: var(--white);
opacity: .99;
flex: 0 800px;
margin-top: 80px;
padding: 20px;
display: none;
position: relative;
}
.submenu-parent-text {
z-index: 2;
color: var(--light-slate-grey);
text-transform: uppercase;
cursor: pointer;
border-bottom: 2px solid #0000;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
padding: 10px 15px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.submenu-parent-text:hover {
color: var(--dark-teal);
}
.submenu-parent-text.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.submenu-parent-text.action {
background-color: var(--grey);
min-width: auto;
color: var(--black-2);
white-space: pre;
border-right-style: none;
border-radius: 2px;
align-self: center;
margin-left: 5px;
padding: 5px 10px;
}
.submenu-parent-text.action:hover {
background-color: var(--dark-teal);
color: var(--white);
}
.tab-pane-records {
padding: 20px;
}
.tab-pane-overview, .tab-pane-training, .tab-pane-breeding, .tab-pane-performance, .tab-pane-reports, .tab-pane-pedigree, .tab-pane-team, .tab-pane-uploads {
flex: 1;
padding: 20px;
}
.tab-pane-calendar {
flex: 1;
padding-left: 20px;
padding-right: 20px;
}
.user-tabs {
flex: 1;
justify-content: flex-end;
align-self: stretch;
margin-left: 20px;
display: flex;
}
.action-tabs {
flex: 0 auto;
justify-content: flex-end;
padding-left: 20px;
display: flex;
}
.post-type-text {
background-color: var(--white);
}
.post-type-text.post-icon {
background-color: #0000;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.post-type-text.sell-icon {
color: var(--white);
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.post-type-text.promote-icon, .post-type-text.event-icon, .post-type-text.horse-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.post-type-text.hide {
display: none;
}
.triangle-up {
border-bottom: 5px solid #000000e6;
border-left: 5px solid #0000;
border-right: 5px solid #0000;
width: 0;
height: 0;
}
.triangle-up.align-left {
align-self: flex-start;
margin-left: 15px;
}
.triangle-up.align-right {
align-self: flex-end;
margin-right: 15px;
}
.edit-button {
background-color: var(--light-blue);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
margin: 10px 20px;
padding: 10px 20px;
font-family: Poppins, sans-serif;
transition: background-color .2s;
display: flex;
}
.edit-button:hover {
background-color: var(--dark-teal);
}
.detail-icon {
background-color: var(--light-blue);
width: 25px;
height: 25px;
color: var(--white);
text-transform: uppercase;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-right: 15px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
line-height: 18px;
display: flex;
}
.detail-row-copy {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 5px;
font-family: Poppins, sans-serif;
font-weight: 400;
display: flex;
}
.action-icon {
cursor: pointer;
max-height: 20px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: inline-block;
}
.action-icon.arrow {
margin-left: 4px;
margin-right: -3px;
font-size: 9px;
position: relative;
bottom: 0;
}
.action-icon.arrow.hide {
display: block;
}
.action-icon.margin-right {
margin-right: 5px;
}
.action-icon.smaller {
font-size: 14px;
}
.action-icon.smaller.ag-hide-icon {
display: none;
}
.action-icon.alt-set {
font-weight: 900;
position: relative;
top: -1px;
}
.action-icon.smaller {
font-size: 14px;
display: none;
}
.action-icon.smaller.add-extra {
margin-right: -11px;
font-size: 8px;
}
.action-icon.font-awesome {
font-family: FontAwesome, sans-serif;
}
.action-icon.line-awesome {
font-family: LineAwesome, sans-serif;
font-weight: 600;
line-height: 18px;
}
.action-icon.line-awesome.hide {
display: none;
}
.action-icon.fa-300 {
font-family: "Fa 300", sans-serif;
}
.action-icon.fa-400 {
font-family: "Fa 400", sans-serif;
font-size: 16px;
font-weight: 400;
}
.calendar-container {
flex: 1;
align-self: stretch;
margin: 20px;
}
.feed-filter-container {
flex: 1;
justify-content: space-between;
align-self: stretch;
margin-bottom: 0;
display: flex;
}
.feed-filter-container.hide {
flex: 0 auto;
display: none;
}
.feed-filter-container.feed-sorting-filters {
justify-content: space-between;
}
.feed-filter-container.feed-sorting-filters.hide {
display: none;
}
.feed-filter-container.post-type-buttons {
border-bottom: 1px solid var(--grey);
border-radius: 0;
justify-content: center;
margin: 5px 10px;
padding-bottom: 10px;
display: flex;
}
.feed-filter-container.post-type-buttons.hide {
display: none;
}
.feed-filter-container.feed-sorting-filters {
justify-content: flex-end;
margin-top: 10px;
}
.feed-filter {
z-index: 2;
background-color: var(--light-grey);
color: var(--black-2);
text-transform: uppercase;
cursor: pointer;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 5px;
padding: 5px 15px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.feed-filter:hover {
background-color: var(--orange);
color: var(--white);
}
.feed-filter.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.feed-filter.current {
background-color: var(--orange);
width: 50px;
height: 50px;
color: var(--white);
border-radius: 100px;
font-weight: 600;
}
.feed-filter.current.feed-filters-hidden, .feed-filter.feed-filters-hidden {
display: none;
}
.feed-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
display: block;
}
.user-menu-toggle {
align-self: center;
align-items: center;
display: flex;
}
.user-menu-icon {
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.user-menu-icon.svg {
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 17px;
height: auto;
margin-top: 4px;
display: block;
}
.my-profile-text-box {
flex: 1;
margin-left: 5px;
margin-right: 5px;
}
.my-profile-name {
text-align: left;
font-size: 15px;
font-weight: 600;
}
.main-info-separator {
white-space: pre;
margin-left: 5px;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.profile-type-icon-box {
border: 1px solid var(--white);
background-color: var(--dark-teal);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: absolute;
inset: auto 10px 5px auto;
}
.profile-type-icon {
width: 17px;
height: 17px;
color: var(--white);
object-fit: contain;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 17px;
display: block;
}
.main-info-icon {
white-space: pre;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: inline-block;
}
.left-sidebar-title-box {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-right: 0;
display: flex;
}
.left-sidebar-title-box.hide {
display: flex;
}
.left-sidebar-title {
font-weight: 600;
line-height: 32px;
}
.scroll-name-box {
flex: none;
min-width: 105px;
display: block;
}
.left-sidebar {
z-index: 9;
width: 260px;
color: var(--dim-grey);
background-color: #fff;
flex-direction: row;
flex: none;
align-self: stretch;
padding-bottom: 0;
padding-left: 0;
transition: all .2s;
display: flex;
position: relative;
left: 0;
box-shadow: 10px 0 10px -10px #00000040;
}
.left-sidebar.webapp {
border-right: 1px solid var(--grey);
width: 240px;
box-shadow: none;
position: relative;
top: 0;
}
.left-sidebar.open {
flex-direction: row;
padding: 0;
}
.left-sidebar.hide {
display: none;
}
.hr {
border-bottom: 1px solid var(--grey);
flex: 0 auto;
margin: 5px 10px 10px;
}
.collapse-manage-profile {
z-index: 8;
border-style: solid none none;
border-width: 1px;
border-color: var(--grey) black var(--light-blue) var(--light-blue);
background-color: var(--light-grey);
filter: grayscale();
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5ea9ea166f807f676e78bb6a_collapse-icon-2.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 17px;
background-attachment: scroll;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
width: 33px;
height: 25px;
margin-top: 7px;
transition: all .2s;
display: block;
position: absolute;
top: 0;
right: 0;
transform: rotate(0);
box-shadow: 2px 0 2px #0006;
}
.collapse-manage-profile:hover {
transform: scale(1.1)rotate(0);
}
.collapse-manage-profile.collapse {
background-repeat: no-repeat;
transform: rotate(0);
}
.profile-access-box {
cursor: pointer;
border-radius: 4px;
flex: 0 auto;
align-items: center;
margin: 5px 10px;
padding: 5px 10px 5px 5px;
transition: background-color .2s;
display: flex;
}
.profile-access-box:hover {
background-color: var(--light-grey);
}
.profile-access-avatar-box {
border: 1px solid var(--light-blue);
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
display: flex;
overflow: hidden;
}
.profile-access-text-box {
flex: 1;
margin-left: 10px;
}
.profile-access-name {
font-size: 14px;
font-weight: 600;
line-height: 16px;
}
.profile-access-description {
font-size: 11px;
font-style: italic;
font-weight: 400;
line-height: 14px;
}
.manage-profile-box {
cursor: pointer;
border-radius: 6px;
align-items: center;
margin-bottom: 0;
margin-left: 30px;
margin-right: 30px;
padding-top: 3px;
padding-bottom: 10px;
transition: background-color .2s;
display: flex;
}
.change-horse {
background-color: var(--grey);
width: 20px;
height: 20px;
color: var(--white);
border-radius: 100px;
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
transition: background-color .2s;
display: flex;
}
.change-horse:hover {
background-color: var(--dark-teal);
}
.collapse-manage-icon {
color: var(--dark-teal);
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: none;
}
.access-settings {
font-family: LineAwesome, sans-serif;
font-size: 28px;
font-weight: 600;
}
.left-side {
flex: none;
width: 100%;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.div-block-10 {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-self: stretch;
width: 100%;
display: flex;
}
.left-sidebar-wrapper {
z-index: 9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
flex-direction: column;
flex: none;
align-self: flex-start;
align-items: stretch;
width: 100%;
margin-left: 0;
padding-bottom: 45px;
transition: top .2s, right .2s, left .2s;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.left-sidebar-wrapper.listings {
border-right: 1px solid var(--grey);
box-shadow: none;
}
.left-sidebar-wrapper.hideleft {
transition: right .2s, left .2s;
display: none;
left: 0;
right: 100%;
}
.manage-profile-avatar {
z-index: 12;
border: 1px solid var(--white);
object-fit: cover;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e83b539a94c53bffea00b61_young-female-jockey-on-horse-leaping-over-hurdle-PJ3VHES.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100px;
flex-flow: wrap;
flex: none;
align-content: center;
align-self: center;
align-items: stretch;
width: 200px;
height: 200px;
max-height: 250px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 3px #000;
}
.manage-profile-avatar.manage {
background-position: 50% 20%;
border-radius: 6px;
align-self: center;
width: 270px;
height: 156px;
margin-left: 20px;
margin-right: 20px;
display: block;
}
.my-profile-info-text {
text-align: left;
margin-right: 4px;
font-size: 12px;
font-style: italic;
line-height: 14px;
display: inline-block;
}
.login-modal-background {
background-color: #000000ba;
position: absolute;
inset: 0%;
}
.close-login-modal {
color: #fff;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 900;
display: inline-block;
position: absolute;
inset: -12px -36px auto auto;
}
.user-login-container {
background-color: var(--dark-cyan);
height: 40px;
color: var(--white);
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 10px;
margin-right: 20px;
padding: 1px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.user-login-container:hover {
background-color: var(--light-teal);
}
.user-login-container.signed-in {
display: none;
}
.user-login-container.login-alt {
padding-left: 20px;
padding-right: 20px;
}
.user-login-container.login-alt.hide {
display: none;
}
.filter-columns {
justify-content: space-between;
display: flex;
}
.filter-columns.alt {
align-self: center;
}
.sidebar-action-block {
border: 2px solid var(--dark-teal);
background-color: var(--light-teal);
color: var(--white);
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding: 5px 10px;
font-size: 13px;
line-height: 15px;
transition: background-color .2s;
display: flex;
}
.sidebar-action-block:hover {
background-color: var(--dark-teal);
}
.sidebar-action-grid {
grid-column-gap: 5px;
grid-row-gap: 10px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
display: none;
}
.site-nav-text {
text-align: center;
flex: none;
font-size: 12px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.div-block-11 {
padding-left: 20px;
padding-right: 20px;
}
.expand-icon {
cursor: pointer;
border-radius: 6px;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
margin-right: 0;
padding: 0 5px;
font-size: 12px;
line-height: 14px;
transition: background-color .2s;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.left-nav-description {
text-transform: capitalize;
padding-left: 0;
padding-right: 20px;
font-size: 11px;
font-style: italic;
line-height: 14px;
text-decoration: none;
display: none;
}
.toggle-container {
width: 100%;
max-width: 130px;
height: 22px;
color: var(--white);
cursor: pointer;
border-radius: 100px;
flex: none;
justify-content: space-between;
align-self: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.toggle-container.view {
max-width: 110px;
}
.toggle-background {
z-index: 0;
background-color: var(--light-teal);
position: absolute;
inset: 0%;
}
.toggle-left {
z-index: 2;
opacity: 1;
flex: 1;
display: flex;
position: relative;
}
.toggle-button-3 {
background-color: var(--light-grey);
width: 40px;
color: var(--light-blue);
border-radius: 100px;
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
display: flex;
position: absolute;
top: 3px;
bottom: 3px;
right: 3px;
}
.toggle-right {
z-index: 2;
opacity: 1;
text-align: right;
flex: 1;
display: none;
position: relative;
}
.div-block-12 {
flex: 0 auto;
justify-content: space-between;
align-items: center;
margin: 0 20px 10px;
padding-left: 10px;
display: flex;
position: relative;
}
.text-block-22 {
margin-right: 5px;
font-size: 12px;
font-style: italic;
}
.manage-tabs {
flex: 1;
justify-content: flex-start;
display: flex;
}
.tab-wrapper {
justify-content: flex-start;
display: flex;
}
.tab-wrapper.manage {
justify-content: space-between;
display: flex;
}
.sidebar-content-wrapper {
z-index: auto;
flex-direction: column;
flex: none;
width: 100%;
min-width: 0;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: sticky;
top: 0;
bottom: 0;
overflow: visible;
}
.left-sidebar-subtitle {
color: var(--lightblue);
cursor: pointer;
margin: 0 10px 5px;
font-size: 15px;
font-weight: 300;
line-height: 20px;
transition: all .2s;
display: flex;
position: relative;
}
.left-sidebar-subtitle:hover {
color: var(--darkblue);
}
.left-sidebar-subtitle.first {
border-bottom-width: .5px;
margin-top: 0;
}
.horse-info-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0009;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: minmax(auto, 1fr) minmax(200px, 1440px) minmax(auto, 1fr);
grid-auto-columns: 1fr;
justify-content: center;
align-self: stretch;
height: 124px;
margin-top: auto;
display: flex;
}
.horse-info-side-box {
flex: 0 auto;
justify-content: flex-end;
align-self: stretch;
width: auto;
height: auto;
display: flex;
}
.horse-info-side-box.left {
margin-left: auto;
}
.horse-info-side-box.right {
margin-right: auto;
}
.left-sidebar-nav-wrapper {
flex: 0 auto;
margin-right: 5px;
padding-left: 10px;
padding-right: 5px;
position: relative;
overflow: auto;
}
.my-profile-info-separator {
white-space: pre;
margin-left: 3px;
margin-right: 3px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 13px;
display: inline-block;
}
.profile-info-icon {
white-space: pre;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 14px;
display: inline-block;
}
.action-button-box {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 26px 30px;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 25px;
grid-auto-columns: 1fr;
justify-content: center;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
display: none;
}
.side-top-wrapper {
flex: 0 auto;
width: 100%;
padding-bottom: 10px;
}
.action-button {
background-color: var(--orange);
background-image: linear-gradient(331deg, #e4106d, var(--orange));
min-height: auto;
box-shadow: none;
color: var(--white);
text-align: center;
white-space: nowrap;
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.action-button:hover {
background-color: var(--deep-pink);
color: var(--white);
}
.action-button.white {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: auto;
box-shadow: none;
color: #333;
background-image: none;
border-radius: 3px;
padding: 5px 10px;
font-size: 11px;
line-height: 16px;
text-decoration: none;
position: relative;
}
.action-button.white:hover {
border-color: var(--darkblue);
background-color: var(--darkblue);
color: var(--white);
box-shadow: 0 0 0 7px #ffffff52;
}
.action-button.white.icon {
width: 50px;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.action-button.white.icon:hover {
background-color: var(--light-grey);
color: #333;
}
.action-button.white.small {
border-radius: 2px;
align-self: center;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
padding: 5px 10px;
top: 0;
box-shadow: 0 0 3px 1px #00000021;
}
.action-button.white.big {
text-transform: uppercase;
text-shadow: none;
border-radius: 3px;
padding: 10px 20px;
font-size: 12px;
font-weight: 500;
}
.action-button.white.big:hover {
background-color: var(--lightblue);
text-shadow: 1px 1px 3px #000;
border-radius: 0;
box-shadow: 0 0 0 7px #0000;
}
.action-button.sidebar {
margin-top: 0;
margin-right: 10px;
}
.action-button.webapp {
min-height: 30px;
box-shadow: none;
border-radius: 6px;
margin-left: 5px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 11px;
}
.action-button.hide {
display: none;
}
.action-button.muted {
border: 1px solid var(--grey);
min-height: auto;
box-shadow: none;
color: #333;
background-color: #fff0;
background-image: none;
border-radius: 3px;
margin-left: 0;
margin-right: 0;
padding: 4px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.action-button.muted:hover {
color: var(--deep-pink);
}
.action-button.muted.filter {
margin-left: 10px;
padding-left: 5px;
padding-right: 5px;
}
.action-button.muted.combo-right {
color: #9c9c9c;
border-style: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
}
.action-button.muted.combo-right:hover {
color: var(--new-grey);
background-color: #fff;
}
.action-button.muted.combo-left {
background-color: var(--white);
border-style: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
}
.action-button.muted.combo-left.active {
border-color: var(--darkblue);
color: var(--orange);
}
.action-button.muted.active {
color: var(--orange);
}
.action-button.large {
background-color: #24385b;
border-radius: 3px;
justify-content: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
line-height: 100%;
}
.action-button.large:hover {
background-color: var(--orange);
}
.action-button.blue {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: auto;
color: var(--darkblue);
background-image: none;
border-radius: 4px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
position: relative;
box-shadow: 0 0 0 5px #ffffff52;
}
.action-button.blue:hover {
border-color: var(--darkblue);
background-color: var(--darkblue);
color: var(--white);
box-shadow: 0 0 0 7px #ffffff52;
}
.action-button.left-align {
align-self: flex-start;
}
.action-button.new-cta {
background-color: var(--orange);
background-image: linear-gradient(280deg, #ff448f, var(--orange));
min-width: 168px;
font-weight: 500;
}
.action-button.action-icon {
max-height: 30px;
box-shadow: none;
background-color: #24385b00;
padding-left: 0;
padding-right: 0;
}
.profile-stats-box {
justify-content: center;
margin-bottom: 15px;
display: flex;
}
.profile-stats-box.hide {
display: none;
}
.profile-stat-wrapper {
flex-direction: column;
align-items: center;
min-width: 60px;
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.profile-stat-icon {
color: var(--dark-teal);
margin-bottom: 5px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.profile-stat {
text-align: center;
border-radius: 6px;
align-self: center;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500;
line-height: 25px;
}
.profile-stat.flag {
object-fit: cover;
object-position: 0% 50%;
min-width: auto;
max-width: 40px;
height: 30px;
min-height: auto;
max-height: 30px;
margin-bottom: 5px;
}
.profile-stat.color {
height: 30px;
}
.profile-stat.color.red-roan {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5f7f75db309f4a5754ea0366_redroan.png");
background-position: 0 0;
background-size: cover;
min-width: 44px;
height: 30px;
margin-bottom: 5px;
}
.action-button-icon {
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
}
.action-button-icon.no-margin {
margin-right: 0;
}
.left-sidebar-container {
z-index: 9999;
width: 300px;
display: flex;
position: fixed;
top: 0;
}
.tab-pane-farrier, .tab-pane-dental, .tab-pane-travel, .tab-pane-nutrition, .tab-pane-health, .tab-pane-insurance, .tab-pane-ownership {
flex: 1;
}
.section {
flex-direction: row;
display: flex;
}
.overview-stat-box {
background-color: var(--light-grey);
border-radius: 6px;
flex: 1;
padding: 20px;
display: flex;
}
.overview-stat-box.last {
margin-right: 0;
}
.overview-stat-left {
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.overview-stat-right {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.overview-stat-title {
color: var(--dark-teal);
text-transform: uppercase;
flex: 0 auto;
align-items: flex-end;
font-size: 16px;
font-weight: 600;
display: flex;
}
.overview-stat-icon {
color: var(--dark-teal);
text-transform: uppercase;
flex: 1;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 50px;
display: flex;
}
.overview-stat-description {
color: var(--dim-grey);
text-transform: none;
flex: 1;
font-size: 14px;
font-weight: 400;
}
.overview-stat-number {
background-color: var(--dark-teal);
width: 60px;
height: 60px;
color: var(--white);
text-transform: uppercase;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 40px;
display: flex;
}
.listing-title-text {
text-transform: none;
flex: 1;
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 24px;
}
.listing-image {
border: 1px solid var(--dim-grey);
object-fit: contain;
flex: 1;
align-self: center;
width: auto;
height: 100%;
max-height: 100%;
position: relative;
top: 0;
bottom: 0;
}
.modal-action {
z-index: 99;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
color: var(--dim-grey);
cursor: pointer;
background-color: #ffffffb8;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 8px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 600;
display: flex;
position: relative;
}
.modal-action.close {
margin-left: 0;
margin-right: auto;
}
.modal-action.hide {
display: none;
}
.listing-title-box {
color: var(--dim-grey);
background-color: #ffffffe8;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
padding: 20px 20px 10px;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 0 3px #00000054;
}
.listing-subtitle-text {
text-transform: none;
flex: 1;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.listing-section-body {
margin-bottom: 0;
padding-bottom: 20px;
display: flex;
}
.listing-section-body.close {
display: none;
}
.read-more-link {
color: #888da8;
text-align: left;
text-transform: none;
flex: 1;
margin-top: 2px;
margin-right: 3px;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 600;
display: inline-block;
}
.listing-section-collapse-icon {
width: 40px;
color: var(--dim-grey);
justify-content: center;
align-items: center;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
display: flex;
}
.listing-price {
color: var(--new-grey);
text-transform: none;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
align-items: center;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.listing-cta-box {
background-color: #ffffffd9;
justify-content: flex-end;
padding: 10px 20px;
display: flex;
position: sticky;
bottom: 0;
box-shadow: 0 -1px 3px #0000005e;
}
.contact-cta {
background-color: var(--dark-teal);
border-radius: 3px;
margin-right: 5px;
padding: 10px 15px;
display: inline-block;
}
.cta-text {
color: var(--white);
font-weight: 600;
}
.arrows {
width: 50px;
}
.login-page-bg {
background-image: linear-gradient(280deg, #000, #00000017);
flex-direction: column;
width: 100%;
height: 100vh;
display: flex;
}
.login-header {
justify-content: space-between;
padding: 20px 30px;
display: flex;
}
.register-link {
color: var(--white);
align-self: center;
display: flex;
}
.register-link.dark {
color: var(--dim-grey);
text-align: left;
}
.link-4 {
margin-left: 5px;
}
.right-sidebar {
z-index: 99;
background-color: var(--white);
flex-direction: column;
width: 0;
height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
box-shadow: -10px 0 10px -10px #0006;
}
.login-page-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.login-title {
text-align: center;
flex: 1;
align-self: center;
margin-bottom: 10px;
font-family: PT Serif, serif;
font-size: 22px;
font-weight: 500;
line-height: 125%;
display: block;
}
.login-title.hide {
display: none;
}
.login-content-wrapper {
width: 100%;
color: var(--dim-grey);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.form-5 {
max-width: 600px;
color: var(--dim-grey);
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.forgot-password {
color: var(--dim-grey);
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.register-container {
justify-content: center;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.register-container.hide {
display: none;
}
.register-tabs {
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.close-right-sidebar {
z-index: 99;
color: #333;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
transition: all .2s;
display: inline-block;
position: absolute;
right: 0;
}
.close-right-sidebar:hover {
color: var(--deep-pink);
}
.slide-nav-4 {
top: 100%;
}
.mask-2 {
width: 100%;
height: 100%;
}
.pricing-box {
width: 48%;
box-shadow: none;
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 8px;
margin-right: 20px;
padding-bottom: 30px;
transition: transform .2s ease-out, box-shadow .2s;
overflow: hidden;
}
.pricing-box.last {
margin-right: 0;
}
.upgrade-container {
z-index: 10;
text-align: center;
background-color: #fff;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
min-height: 400px;
margin-bottom: 50px;
margin-left: 30px;
margin-right: 30px;
padding: 60px 50px 50px;
font-weight: 300;
display: none;
position: relative;
overflow: hidden;
}
.feature-wrapper {
border-bottom: 1px solid #d9dadc;
margin-bottom: 25px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 15px;
line-height: 32px;
}
.feature-text {
padding-left: 15px;
display: inline-block;
}
.upgrade-row {
text-align: left;
justify-content: space-between;
width: 100%;
display: flex;
}
.discount-label {
background-color: var(--dark-teal);
color: #fff;
border-radius: 5px;
margin-left: 10px;
padding-top: 1px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
display: none;
}
.price-duration {
padding-left: 5px;
font-size: 16px;
font-weight: 500;
}
.pricing-column-contain {
padding-left: 10%;
padding-right: 10%;
}
.pricing-column-contain.top-price-contain {
text-align: center;
background-color: #00000008;
padding-top: 17px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 700;
}
.price-text {
color: #919496;
margin-bottom: 15px;
padding-left: 6px;
font-size: 12px;
}
.upgrade-accent {
background-color: var(--light-teal);
height: 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.price {
padding-left: 6px;
font-size: 32px;
font-weight: 400;
}
.upgrade-header {
margin-bottom: 10px;
font-size: 26px;
font-weight: 600;
line-height: 1.2em;
}
.upgrade-button {
color: #fff;
text-align: center;
background-color: #254054;
border-radius: 5px;
padding: 15px 22px;
font-size: 15px;
font-weight: 700;
line-height: 1.6em;
text-decoration: none;
transition: background-color .3s, box-shadow .3s;
box-shadow: 0 20px 30px -10px #1810635c;
}
.upgrade-button:hover {
background-color: #000;
box-shadow: 0 10px 20px -5px #1810635c;
}
.upgrade-button.full-upgrade-button {
display: block;
}
.upgrade-text {
color: #000;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
}
.feature-item.not-available {
opacity: .5;
filter: grayscale();
}
.login-body {
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.page-actions {
display: flex;
}
.page-action-toggle {
border: 1px solid var(--dark-teal);
background-color: var(--light-teal);
color: var(--white);
text-transform: uppercase;
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
font-size: 13px;
line-height: 15px;
transition: background-color .2s;
display: flex;
overflow: hidden;
}
.page-action-toggle:hover {
background-color: var(--dark-teal);
}
.page-action-toggle.checkin {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
padding-left: 15px;
}
.page-action-toggle.checkout {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 10px;
padding-right: 15px;
}
.page-action-icon {
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 22px;
display: flex;
}
.text-block-25 {
margin-top: 5px;
margin-bottom: 5px;
font-weight: 500;
line-height: 14px;
}
.page-action {
margin-right: 10px;
position: relative;
}
.page-action.checkinout {
display: flex;
}
.page-action-dropdown {
z-index: 10;
border: 1px solid var(--light-blue);
background-color: var(--white);
border-radius: 6px;
flex-direction: column;
width: 250px;
margin-top: -10px;
padding: 10px;
display: none;
position: absolute;
top: 100%;
box-shadow: 1px 1px 3px #00000045;
}
.page-action-link {
color: var(--dim-grey);
padding-left: 10px;
padding-right: 10px;
}
.checkin {
border-right: 1px solid var(--dark-teal);
margin-right: 10px;
padding-left: 3px;
padding-right: 10px;
font-weight: 500;
line-height: 24px;
}
.location-dropdown {
flex: 0 auto;
align-self: stretch;
margin: 13px 10px;
transition: opacity .2s;
display: block;
}
.dropdown-toggle {
border: 1px solid #c8c8c8;
border-radius: 2px;
width: auto;
height: 28px;
margin-left: auto;
margin-right: auto;
padding-top: 7px;
padding-bottom: 7px;
display: block;
}
.location-icon {
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.text-block {
color: var(--dim-grey);
margin-top: -4px;
font-weight: 500;
}
.dropdown-list {
opacity: 0;
margin-left: -11px;
transition: height .6s;
display: block;
top: 100%;
}
.dropdown-list.w--open {
z-index: 999999;
border: 1px solid var(--grey);
opacity: 1;
background-color: #fff;
border-radius: 6px;
min-width: 125px;
height: auto;
transition: all .2s;
display: inline-block;
top: 100%;
overflow: hidden;
}
.page-actions-wrapper {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.group-page-avatar-box {
z-index: 12;
border: 1px solid var(--white);
height: 200px;
max-height: 250px;
box-shadow: none;
object-fit: cover;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5eecef3a79b530320d37e198_cutting-horse.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px;
flex-flow: wrap;
flex: none;
align-content: center;
align-self: center;
align-items: stretch;
margin: 10px 20px;
display: flex;
position: relative;
overflow: visible;
}
.left-nav-toggle-box-2 {
color: #515365;
display: block;
position: relative;
}
.action-button-2 {
color: #16706b;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #16706b;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 600;
transition: all .2s;
display: flex;
}
.action-button-2:hover {
color: #fff;
background-color: #16706b;
}
.left-nav-menu-dropdown-list-2 {
opacity: 1;
color: #778ca2;
background-color: #fff;
flex-direction: column;
height: auto;
margin-bottom: 1px;
padding-bottom: 20px;
padding-left: 60px;
font-weight: 400;
transition: all .2s;
display: none;
position: relative;
top: 0;
left: 0;
right: 0;
}
.left-nav-menu-dropdown-list-2.w--open {
opacity: 1;
background-color: #0000;
height: auto;
margin-bottom: 0;
transition-property: all;
transition-duration: .2s;
display: block;
}
.profile-access-box-2 {
cursor: pointer;
border-radius: 4px;
flex: 0 auto;
align-items: center;
margin: 5px 10px;
padding: 5px 10px 5px 5px;
transition: background-color .2s;
display: flex;
}
.profile-access-box-2:hover {
background-color: #f7f7f7;
}
.profile-stat-icon-2 {
color: #16706b;
margin-bottom: 5px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.manage-profile-avatar-2 {
z-index: 12;
object-fit: cover;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e83b539a94c53bffea00b61_young-female-jockey-on-horse-leaping-over-hurdle-PJ3VHES.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #fff;
border-radius: 100px;
flex-flow: wrap;
flex: none;
align-content: center;
align-self: center;
align-items: stretch;
width: 200px;
height: 200px;
max-height: 250px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 3px #000;
}
.manage-profile-avatar-2.manage {
background-position: 50% 20%;
border-radius: 6px;
align-self: center;
width: 95%;
height: 156px;
margin-left: auto;
margin-right: auto;
display: block;
}
.profile-type-icon-box-2 {
background-color: #16706b;
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: absolute;
inset: auto 30px 5px auto;
}
.left-nav-dropdown-link-2 {
color: #778ca2;
height: auto;
padding: 4px 20px 4px 0;
text-decoration: none;
transition: all .2s;
display: block;
}
.left-nav-dropdown-link-2:hover {
color: #16706b;
}
.left-nav-dropdown-link-2.w--current {
color: #16706b;
font-weight: 600;
}
.change-horse-2 {
color: #fff;
background-color: #ccc;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
transition: background-color .2s;
display: flex;
}
.change-horse-2:hover {
background-color: #16706b;
}
.profile-type-icon-2 {
color: #fff;
object-fit: contain;
width: 17px;
height: 17px;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 17px;
display: block;
}
.profile-access-avatar-box-2 {
border: 1px solid #778ca2;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
display: flex;
overflow: hidden;
}
.left-nav-expanded-toggle-2 {
z-index: auto;
color: #515365;
cursor: pointer;
border-radius: 6px;
flex-direction: column;
flex: 1;
order: 1;
align-self: flex-start;
margin-bottom: 1px;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
left: 0;
right: 0;
}
.left-nav-expanded-toggle-2:hover {
z-index: 1;
background-color: #e9ecef;
}
.left-nav-expanded-toggle-2.w--current {
color: #fff;
background-color: #16706b;
text-decoration: none;
}
.collapse-manage-icon-2 {
color: #16706b;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: block;
}
.left-nav-toggle-line-2 {
z-index: 99;
opacity: 0;
background-color: #16706b;
width: 4px;
height: 100%;
transition: all .2s;
position: absolute;
inset: 0% auto auto 0%;
}
.left-nav-menu-dropdown-2 {
z-index: auto;
color: #515365;
cursor: pointer;
background-color: #fff;
border-bottom: 1px #f0f0f0;
width: 100%;
height: auto;
margin-bottom: 3px;
transition: all .2s;
display: block;
position: relative;
}
.left-nav-menu-dropdown-2:hover {
opacity: 1;
}
.group-header {
background-color: var(--grey);
background-image: linear-gradient(#fff, #ffffff38), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e61536611b5aa72eccdaf08_Black-and-White-Horse-Wallpaper.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
min-height: 234px;
padding-left: 10px;
padding-right: 10px;
}
.tab-pane-horse-listings {
padding: 20px;
}
.div-block-16 {
background-color: var(--grey);
border-radius: 6px;
height: 40px;
margin-bottom: 10px;
}
.grid-card-date-day {
color: var(--light-blue);
letter-spacing: 3px;
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
font-size: 27px;
font-weight: 800;
line-height: 27px;
}
.grid-card-date-month {
background-color: var(--dark-teal);
width: 100%;
min-width: 75px;
color: var(--white);
text-align: center;
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.grid-card-date-weekday {
color: var(--light-blue);
text-transform: uppercase;
font-family: "Exo 2", sans-serif;
font-size: 16px;
font-weight: 500;
}
.section-title {
color: #797878;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 2px #a7d500;
flex-direction: column;
padding-right: 5px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
display: block;
}
.section-title.hide {
display: none;
}
.filter-section {
flex-direction: column;
align-items: stretch;
margin-bottom: 10px;
margin-right: 10px;
display: flex;
}
.filter-section.active {
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
display: flex;
position: relative;
}
.listing-icon {
border-radius: 8px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
transition: transform .2s;
display: flex;
}
.listing-icon.hide {
display: none;
}
.filter-dropdown {
opacity: 0;
padding-top: 10px;
padding-bottom: 10px;
display: none;
}
.filter-dropdown.active {
opacity: 1;
flex-direction: column;
align-self: stretch;
padding-top: 0;
padding-bottom: 0;
font-size: 11px;
display: flex;
}
.filter-dropdown.active.age {
width: 100%;
}
.filter-toggle-box {
border-bottom: 1px none var(--white-smoke);
cursor: pointer;
justify-content: space-between;
align-self: stretch;
padding-bottom: 4px;
display: flex;
}
.search-3 {
border: 1px solid var(--grey);
cursor: pointer;
flex: 1;
align-self: stretch;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.search-button-3 {
z-index: 9;
border: 1px none var(--light-grey-2);
background-color: var(--white);
width: 50px;
min-width: 50px;
color: var(--new-grey);
cursor: pointer;
border-radius: 0 8px 8px 0;
justify-content: center;
align-self: stretch;
align-items: center;
padding-right: 17px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
transition: background-color .2s;
display: flex;
position: relative;
}
.search-input-3 {
background-color: var(--white);
color: var(--dim-grey);
border: 1px #0000;
flex: 1;
align-self: stretch;
align-items: stretch;
margin-bottom: 0;
padding-left: 15px;
padding-right: 0;
font-size: 13px;
line-height: 20px;
display: flex;
position: relative;
}
.search-input-3::placeholder {
color: var(--dim-grey);
font-style: italic;
}
.left-sidebar-module-subnav {
flex-direction: column;
align-self: stretch;
margin-top: 20px;
margin-bottom: 5px;
padding-bottom: 15px;
display: flex;
}
.left-sidebar-module-subnav.no-bottom-border {
border-bottom-style: none;
}
.left-sidebar-module-subnav.no-bottom-border.hide {
display: none;
}
.left-sidebar-module-subnav.webapp {
margin-left: 10px;
margin-right: 10px;
}
.module-subnav-item {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.module-subnav-item:hover {
color: var(--darkblue);
}
.module-subnav-item.w--current {
color: var(--orange);
}
.module-subnav-item.locked {
opacity: .4;
cursor: not-allowed;
display: flex;
}
.module-subnav-item-icon {
cursor: pointer;
background-color: #0000000d;
border: 1px #0000;
border-radius: 100px;
justify-content: center;
align-self: stretch;
align-items: center;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
margin-right: 15px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.module-subnav-item-icon.smaller {
width: 25px;
min-width: 25px;
height: 25px;
min-height: 25px;
font-size: 16px;
}
.module-subnav-item-label {
white-space: nowrap;
align-self: center;
font-size: 13px;
line-height: 28px;
display: flex;
}
.module-subnav-item-label.smaller {
font-size: 14px;
line-height: 18px;
}
.module-subnav-create {
color: var(--dark-teal);
cursor: pointer;
background-color: #d8ecea;
border-radius: 6px;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.module-subnav-create:hover {
background-color: #b5d2cf;
}
.module-subnav-create.hide {
display: none;
}
.module-subnav-item-add {
cursor: pointer;
border: 1px #0000;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.module-subnav-item-add-label {
align-self: center;
margin-left: 5px;
font-size: 18px;
font-weight: 400;
line-height: 18px;
display: flex;
}
.left-sidebar-search-container {
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: stretch;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.left-sidebar-search-container.hide {
display: none;
}
.profile-banner-image {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5f7df859c8cd20837c004c37_house-in-field-of-sunflowers.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
align-self: stretch;
min-height: 105px;
margin-bottom: 54px;
display: flex;
position: relative;
}
.profile-banner-image.horse {
background-image: none;
background-size: auto;
min-height: 126px;
margin-bottom: 120px;
}
.profile-banner-image.hide {
display: none;
}
.profile-banner-image.banner-left-sidebar {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.sidebar-profile-avatar {
border: 3px solid var(--orange);
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e17726310a1f53916fa8a73_Alaina.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 150px;
align-self: center;
width: 135px;
height: 135px;
position: absolute;
bottom: -50px;
overflow: hidden;
}
.sidebar-profile-avatar.horse {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-style: solid;
border-width: 4px;
border-radius: 11px;
width: 290px;
height: 250px;
bottom: -108px;
}
.sidebar-profile-avatar-border {
border: 3px none var(--white);
border-radius: 150px;
width: 101%;
height: 101%;
position: absolute;
inset: 50% 0% 0% 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.sidebar-profile-avatar-border.business-page-trial-avatar-boarder {
border-radius: 6px;
}
.profile-title-box {
flex-direction: column;
align-self: center;
align-items: center;
display: block;
position: relative;
}
.profile-title-box.hide {
display: none;
}
.profile-title {
color: var(--new-grey);
text-align: left;
letter-spacing: 1px;
text-transform: capitalize;
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 14px;
}
.profile-name {
color: var(--black);
text-align: left;
text-transform: capitalize;
font-family: Roboto Condensed, sans-serif;
font-size: 20px;
font-weight: 700;
}
.profile-name.large {
letter-spacing: 1px;
color: var(--darkblue);
letter-spacing: 0;
text-transform: uppercase;
text-shadow: 0 0 0 var(--grey);
margin-top: 0;
margin-bottom: 3px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 110%;
}
.profile-name.sticky {
letter-spacing: 0;
align-items: center;
margin-bottom: 0;
font-family: Lora, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 110%;
display: flex;
}
.tm-span {
margin-left: 2px;
font-size: 16px;
font-weight: 300;
position: relative;
bottom: 3px;
}
.contact-sidebar {
z-index: 9;
background-color: #fff;
flex-direction: column;
flex: 0 auto;
align-self: stretch;
width: 60px;
display: block;
position: fixed;
top: 70px;
bottom: 0;
right: 0;
box-shadow: 0 0 3px #00000069;
}
.contact-sidebar.closed {
z-index: 9;
background-color: #fff;
flex: none;
align-self: stretch;
position: fixed;
}
.contact-sidebar.hide {
display: flex;
}
.contact-sidebar-wrapper {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
display: flex;
overflow: hidden;
}
.profile-toggle-wrapper {
border: 1px solid var(--grey);
background-color: var(--light-grey-2);
cursor: pointer;
border-radius: 3px;
flex-direction: column;
justify-content: center;
min-width: 225px;
height: 35px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.profile-toggle-wrapper.sidebar {
height: 40px;
margin-bottom: 5px;
padding-left: 20px;
}
.profile-toggle-wrapper.sidebar.hide {
display: none;
}
.profile-toggle-wrapper.user-profile {
background-color: #0000;
border-style: none;
border-width: 0;
flex-direction: column;
flex: 1;
align-self: center;
align-items: flex-start;
margin-left: 87px;
display: flex;
}
.contacts-container {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: row;
place-content: end center;
align-self: stretch;
place-items: center;
margin-bottom: 80px;
padding-top: 20px;
display: grid;
overflow: hidden;
}
.contact-sidebar-expand-box {
width: 60px;
height: 60px;
color: var(--white);
cursor: pointer;
background-color: #ccc;
align-self: stretch;
transition: all .2s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.contact-sidebar-expand-box:hover {
background-color: var(--darkblue);
}
.contact-sidebar-expand-box.calendar {
bottom: 62px;
}
.contact-sidebar-expand-box.calendar.active, .contact-sidebar-expand-box.active {
background-color: var(--dark-teal);
}
.contact-sidebar-expand {
text-align: center;
flex: 1;
align-self: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.left-sidebar-expand-box {
z-index: 12;
color: #fff;
cursor: pointer;
background-color: #00000094;
border-radius: 100px;
align-self: stretch;
width: 30px;
height: 30px;
font-size: 16px;
transition: all .2s;
display: flex;
position: absolute;
top: 10px;
right: 10px;
}
.left-sidebar-expand-box:hover {
background-color: var(--orange);
color: #fff;
}
.left-sidebar-expand-box.hide {
display: none;
}
.left-sidebar-expand {
text-align: center;
flex: 1;
align-self: center;
font-family: LineAwesome, sans-serif;
font-weight: 600;
transition: all .2s;
}
.left-sidebar-expand.rotated {
transform: rotate(180deg);
}
.contact-box {
border: 1px solid var(--grey);
width: 30px;
height: 30px;
color: var(--dark-teal);
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-items: center;
font-size: 18px;
line-height: 22px;
transition: border-color .2s;
display: flex;
position: relative;
}
.contact-box:hover {
border-color: var(--dark-teal);
}
.left-sidebar-nav-overflow {
z-index: 0;
flex: 1;
padding-left: 10px;
padding-right: 10px;
position: relative;
overflow: auto;
}
.overflow-gradient {
z-index: 12;
background-image: linear-gradient(#fff, #fff 70%, #fff0);
align-self: stretch;
height: 15px;
margin-bottom: -15px;
display: none;
position: relative;
}
.overflow-gradient.top {
background-image: linear-gradient(to bottom, var(--white), var(--white) 70%, #fff0);
margin-right: -12px;
display: none;
}
.overflow-gradient.bottom {
background-image: linear-gradient(#fff0, #fff 30%, #fff);
margin-top: 0;
margin-bottom: 0;
display: none;
top: -14px;
}
.contact-avatar {
border: 1px solid var(--white);
object-fit: cover;
border-radius: 100px;
width: 100%;
height: 100%;
}
.active-notification {
color: #fff;
background-color: #d30000;
border: 2px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
font-size: 9px;
display: flex;
position: absolute;
bottom: 0;
right: 1px;
}
.active-notification.event {
background-color: var(--dark-teal);
width: 14px;
height: 14px;
bottom: -4px;
right: -5px;
}
.profile-toggle-arrow {
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
margin-top: 5px;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 14px;
display: flex;
position: absolute;
top: 5px;
right: 0;
}
.profile-toggle-dropdown {
z-index: 13;
border: 1px solid var(--light-blue);
background-color: var(--light-grey);
border-radius: 2px;
flex-direction: column;
align-self: stretch;
height: auto;
transition: opacity .2s;
display: flex;
position: absolute;
top: 100%;
left: -20px;
right: -20px;
box-shadow: 0 0 4px #00000061;
}
.profile-toggle-dropdown.closed {
opacity: 0;
height: 0;
overflow: hidden;
}
.pro-account-option-box {
border-bottom: 1px solid var(--light-grey);
background-color: var(--white);
cursor: pointer;
border-radius: 0;
align-items: center;
min-height: 40px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
transition: all .2s;
display: flex;
}
.pro-account-option-box:hover {
background-color: var(--light-grey);
color: var(--dark-teal);
}
.pro-account-option-box.active {
color: var(--dark-teal);
font-weight: 600;
text-decoration: none;
}
.pro-account-option-box.settings {
background-color: #ebebeb;
}
.pro-account-option-box.settings-option-box {
background-color: var(--light-grey);
}
.account-avatar {
object-fit: cover;
border-radius: 100px;
width: 25px;
height: 25px;
margin-right: 8px;
}
.account-name {
flex: 1;
margin-right: 5px;
}
.account-type {
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.account-icon {
justify-content: center;
width: 25px;
margin-right: 8px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: flex;
}
.profile-header-container {
border: 1px solid var(--light-grey-2);
background-color: #fff;
border-radius: 6px;
margin-bottom: 20px;
}
.profile-banner {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5febac6497ee97834add4166_horse-background-4.jpg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
height: 400px;
}
.profile-banner.current-user-trial-profile-banner {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/605d6d8683711c0e1b11bddb_Single%20horse%20landscape.jpg");
height: 400px;
}
.profile-banner.basic-user-trial-profile-banner {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/606b5b9f2de76966aae6ef8d_Carly%20Pack%20Horses.jpg");
height: 400px;
}
.profile-banner.member-with-business-trial-profile-header {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/606b5bf1495faf13a1f5cf84_Erin%20Blue%20Valley.jpg");
height: 400px;
}
.profile-banner.business-page-trial-profile-banner {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/605e2c6a429ba78089a7d602_124273124_783859569128720_9096925652442306490_n.jpeg");
height: 400px;
}
.profile-info-container {
z-index: 9;
background-color: var(--white);
box-shadow: none;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex-direction: row;
flex: none;
justify-content: space-between;
align-items: center;
padding: 35px 20px;
display: flex;
position: relative;
top: -10px;
}
.profile-info-box {
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: center;
max-width: 33%;
display: flex;
}
.profile-info-box.left {
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
max-width: none;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.profile-info-box.middle {
flex: 0 auto;
justify-content: center;
align-items: flex-end;
display: flex;
}
.profile-info-box.middle.hide {
display: none;
}
.profile-info-box.social {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
grid-template-rows: 50px;
grid-template-columns: 50px;
grid-auto-rows: 50px;
grid-auto-columns: 50px;
grid-auto-flow: column;
place-content: center end;
align-self: flex-end;
align-items: end;
width: 50%;
height: 64px;
padding-left: 125px;
display: grid;
}
.profile-info-box.right {
align-self: stretch;
margin-left: 20px;
}
.profile-avatar-container {
z-index: 1;
border: 3px none var(--orange);
background-color: #0000;
background-image: linear-gradient(331deg, #ec0d59, var(--orange) 73%);
width: 150px;
height: 150px;
box-shadow: none;
border-radius: 100px;
align-self: center;
margin-right: 20px;
padding: 3px;
display: block;
position: absolute;
top: 5%;
overflow: hidden;
transform: translate(0, -50%);
}
.profile-avatar-container.business-page-trial-avatar {
border-color: var(--light-grey-2);
border-radius: 6px;
}
.profile-stat-title {
color: var(--lightblue);
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 14px;
}
.divider {
border-right: 1px dotted #0000001a;
flex: none;
align-self: center;
width: 1px;
height: 30px;
}
.divider.margin-left {
margin-left: 10px;
margin-right: 10px;
}
.divider.margin-left.margin-right {
border-right-style: dotted;
margin-left: 10px;
margin-right: 10px;
}
.divider.margin-right {
margin-right: 10px;
}
.social-media-link {
background-color: var(--light-blue);
text-align: center;
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
height: 50px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 25px;
text-decoration: none;
display: flex;
}
.social-media-link.twitter {
background-color: #1bbbff;
}
.social-media-link.facebook {
background-color: #0267e1;
}
.social-media-link.linkedin {
background-color: #0477b5;
}
.social-media-link.instagram {
background-image: linear-gradient(152deg, #5b70c6 2%, #fff0 46%), linear-gradient(25deg, #f4c75c, #d93467 50%, #9333ad);
}
.social-media-link.youtube {
background-color: #ff0202;
}
.profile-actions-wrapper {
z-index: 1;
justify-content: space-between;
align-items: center;
height: 1px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
top: -10px;
}
.profile-actions {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: grid;
}
.page-navigation {
border-style: none none solid;
border-width: 1px;
border-color: var(--grey);
background-color: var(--white);
justify-content: flex-start;
min-height: 50px;
margin-bottom: 25px;
display: flex;
position: relative;
}
.page-navigation.hide {
display: none;
}
.page-navigation.grey-bg {
border: 1px solid #62799b69;
margin-bottom: 25px;
display: flex;
}
.profile-nav-arrow {
cursor: pointer;
justify-content: center;
align-items: center;
width: 30px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 14px;
transition: all .2s;
display: flex;
position: absolute;
top: 0%;
bottom: 0;
}
.profile-nav-arrow:hover {
box-shadow: 0 0 3px #00000061;
}
.profile-nav-arrow.left {
width: 20px;
font-size: 15px;
line-height: 15px;
display: none;
left: 0;
}
.profile-nav-arrow.right {
width: 20px;
color: #16706b;
width: 20px;
font-size: 15px;
line-height: 15px;
display: none;
right: 0;
}
.page-navigation-wrapper {
justify-content: flex-start;
min-width: 100%;
display: flex;
}
.page-navigation-wrapper.hide {
display: none;
}
.page-nav-link {
color: var(--new-grey);
text-align: center;
cursor: pointer;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
padding: 0 1rem;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.page-nav-link:hover {
border-bottom-color: var(--light-teal);
color: var(--deep-pink);
background-color: #0000;
}
.page-nav-link.w--current {
border-bottom-style: none;
border-bottom-color: var(--darkblue);
}
.page-nav-link.current {
color: #fff;
background-color: #f89633;
border-bottom-color: #16706b;
text-decoration: none;
}
.page-nav-link.sticky {
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
}
.page-nav-link.first, .page-nav-link.first:hover {
padding-left: 0;
}
.page-nav-link-title {
text-transform: uppercase;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 600;
display: flex;
position: relative;
}
.page-nav-link-title.sticky {
font-size: 11px;
}
.page-header {
background-image: none;
background-position: 0 0;
border-radius: 8px;
flex-direction: row;
justify-content: flex-end;
align-self: stretch;
align-items: center;
margin-bottom: 10px;
padding: 60px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.page-header.hide {
align-self: stretch;
display: none;
}
.page-header.reports {
background-image: linear-gradient(106deg, var(--light-grey) 26%, #ffffffb5), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5f931d97aaf3653d912406ad_woman-working-with-reports-and-charts-PDREVWQ.jpg");
background-position: 0 0, 100%;
background-size: auto, 75%;
}
.page-header.homepage {
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
height: 100vh;
min-height: 550px;
max-height: 50vh;
margin-bottom: 80px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.page-header.ag-hide {
display: none;
}
.page-header-title {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 3px 0 6px #000;
margin-top: 0;
margin-bottom: 20px;
font-family: "Exo 2", sans-serif;
font-size: 50px;
font-weight: 200;
line-height: 100%;
}
.paragraph-text {
margin-bottom: 0;
font-weight: 300;
}
.paragraph-text.all-caps {
background-color: var(--grey);
color: #24385b;
letter-spacing: 1px;
text-transform: uppercase;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #0000;
border-radius: 6px;
margin-bottom: 3px;
font-weight: 400;
}
.page-section {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: none;
height: auto;
margin-bottom: 40px;
display: flex;
position: relative;
}
.page-section.filter-page {
flex: 1;
margin-bottom: 0;
}
.page-section.filter-page.right-closed {
width: 100%;
max-width: 100%;
}
.page-section-title-box {
align-self: flex-start;
margin-bottom: 20px;
}
.page-section-title {
background-color: var(--grey);
color: #24385b00;
letter-spacing: .5px;
text-transform: uppercase;
border-radius: 6px;
margin-top: 0;
margin-bottom: 5px;
font-family: Lora, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 34px;
}
.categories-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.category-wrapper {
background-color: var(--grey);
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 250px;
display: flex;
}
.listing-wrapper {
background-color: var(--white);
border: 1px #cccccc03;
border-radius: 4px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 0;
max-width: 350px;
height: 100%;
padding: 5px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 4px #0000004d;
}
.listing-wrapper.featured {
background-color: var(--light-grey-3);
height: 340px;
}
.listing-wrapper.horse {
background-color: var(--light-grey-3);
border-radius: 3px;
height: 515px;
padding-bottom: 0%;
}
.listing-wrapper.event {
padding-bottom: 155%;
}
.listing-wrapper.member {
height: 410px;
}
.listing-wrapper.marketplace {
height: 500px;
}
.results-body {
background-color: #fff;
flex-flow: column;
flex: 1;
grid-template-rows: 400px;
grid-template-columns: 300px 300px;
grid-auto-rows: 400px;
grid-auto-columns: 300px;
grid-auto-flow: row;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
min-width: 0;
max-width: 100%;
padding-left: 0;
display: flex;
position: relative;
}
.results-body.no-padding {
flex: 1;
align-self: auto;
align-items: stretch;
padding-top: 0;
padding-left: 10px;
position: relative;
}
.results-body.no-padding.ag-triial-horse-listings {
display: none;
}
.results-body.more-padding {
padding-left: 20px;
}
.listing-search-wrapper {
z-index: 8;
background-color: var(--white);
box-shadow: none;
flex-direction: row;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-bottom: 15px;
margin-right: 15px;
display: flex;
position: relative;
top: 0;
}
.listing-search-wrapper.community {
position: relative;
top: 0;
}
.listing-filter-wrapper {
background-color: var(--white);
border-radius: 6px;
flex: none;
align-self: auto;
min-width: 270px;
height: 87vh;
margin-top: -2px;
padding-bottom: 20px;
position: sticky;
top: 131px;
bottom: 10px;
overflow: hidden;
}
.listing-flex {
flex: 1;
justify-content: space-between;
align-self: center;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.small {
margin-left: 4px;
font-size: 12px;
line-height: 12px;
position: relative;
}
.action-buttons {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center start;
align-self: stretch;
place-items: center end;
margin-bottom: 0;
display: grid;
}
.action-buttons.margin-top {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
align-self: auto;
margin-top: 35px;
}
.action-buttons.space-between {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
}
.action-buttons.grow {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
justify-content: space-between;
padding-left: 0;
padding-right: 0;
}
.action-buttons.grow.justify {
justify-content: space-between;
}
.action-buttons.right-aligned {
z-index: 2;
margin-left: auto;
position: relative;
}
.action-buttons.center {
justify-content: center;
}
.action-buttons.stretch {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: stretch;
}
.listing-header-wrapper {
border-top: 1px #000;
flex-direction: column;
flex: 0 auto;
align-self: center;
display: flex;
}
.combo-action-box {
grid-column-gap: 5px;
grid-row-gap: 0px;
border: 1px none var(--grey);
box-shadow: none;
border-radius: 3px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
margin-left: 5px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.combo-action-box.no-margin {
margin-left: 0;
}
.pro-tag {
background-color: var(--orange);
color: var(--white);
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 6px;
align-self: center;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 70%;
font-weight: 600;
line-height: 14px;
position: relative;
}
.pro-tag.inline {
justify-content: center;
align-items: center;
width: 30px;
min-width: 15px;
height: 15px;
min-height: 15px;
margin-left: 3px;
margin-right: 3px;
padding-top: 1px;
padding-left: 1px;
padding-right: 0;
line-height: 100%;
display: flex;
position: relative;
left: auto;
}
.listing-header-text {
text-transform: capitalize;
align-self: center;
align-items: flex-end;
margin-right: 10px;
font-size: 13px;
font-style: italic;
font-weight: 400;
line-height: 14px;
display: flex;
position: relative;
}
.filter-tag-wrapper {
flex: none;
justify-content: flex-start;
align-items: center;
height: 31px;
display: none;
}
.filter-tag {
flex: none;
justify-content: space-between;
align-self: center;
margin-top: 5px;
margin-right: 5px;
padding-left: 5px;
font-size: 11px;
line-height: 14px;
display: inline-block;
}
.filter-tag.hide {
margin-top: 0;
margin-bottom: 5px;
display: none;
}
.filter-tag-text {
flex: none;
align-items: center;
display: flex;
}
.filter-tag-remove {
cursor: pointer;
align-self: center;
align-items: center;
margin-left: 2px;
padding-left: 3px;
padding-right: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
}
.listing-grid-wrapper {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: auto;
grid-auto-columns: minmax(250px, 1fr);
grid-auto-flow: row;
place-content: start stretch;
place-items: stretch stretch;
min-height: 100vh;
margin-bottom: 15px;
display: grid;
position: relative;
}
.listing-grid-wrapper.featured {
grid-auto-flow: column;
}
.listing-grid-wrapper.full-width {
grid-template-columns: 24% 24% 24% 24%;
grid-auto-columns: 24%;
}
.listing-grid-wrapper.full-width.two-column {
grid-template-columns: 24% 24%;
justify-content: center;
align-self: stretch;
}
.header-profile-avatar {
border: 1px solid var(--lightblue);
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e17726310a1f53916fa8a73_Alaina.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 150px;
align-self: center;
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
margin-left: 10px;
margin-right: 20px;
position: relative;
}
.user-menu-divider {
border-bottom: 1px dashed var(--grey);
margin: 5px 20px;
}
.header-profile-avatar-border {
border: 1px solid var(--white);
border-radius: 150px;
width: 101%;
height: 101%;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.bold-text-2 {
color: var(--darkblue);
margin-right: 3px;
font-weight: 500;
}
.header-title-box {
text-shadow: 0 0 6px #000;
overflow-wrap: normal;
-webkit-text-fill-color: inherit;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-repeat: repeat-x;
background-size: auto;
background-attachment: scroll;
background-clip: border-box;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
font-weight: 400;
display: flex;
position: relative;
}
.module-search-container {
min-width: 500px;
height: 33px;
color: var(--dim-grey);
flex: 0 auto;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 40px;
display: flex;
}
.module-search-container.hide {
display: none;
}
.left-sidebar-back-box {
z-index: 11;
height: 60px;
color: var(--white);
cursor: pointer;
background-color: #ccc;
align-self: stretch;
transition: all .2s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 62px;
}
.left-sidebar-back-box:hover {
background-color: var(--dark-teal);
}
.left-sidebar-back-icon {
text-align: center;
flex: 1;
align-self: center;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: all .2s;
}
.page-search {
color: var(--dim-grey);
cursor: pointer;
flex: 1;
justify-content: flex-end;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.page-search-input {
background-color: var(--white-smoke);
height: 40px;
color: var(--dim-grey);
border: 1px #0000;
border-radius: 100px 6px 6px 100px;
flex: 1;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
padding-right: 0;
font-size: 13px;
line-height: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.page-search-input::placeholder {
font-style: italic;
}
.event-box {
border: 2px solid var(--grey);
cursor: pointer;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
transition: border-color .2s;
display: flex;
position: relative;
}
.event-box:hover {
border-color: var(--dark-teal);
}
.event-box-month {
color: #525567;
text-align: center;
background-color: #ccc;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
flex: 0 auto;
align-self: stretch;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.event-box-day {
color: #525567;
text-align: center;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
font-size: 20px;
font-weight: 600;
line-height: 22px;
display: flex;
}
.horse-manage-action-bar {
background-color: var(--white);
border-radius: 8px;
justify-content: flex-start;
height: 60px;
margin-bottom: 10px;
display: none;
position: relative;
overflow: hidden;
}
.horse-manage-action-wrapper {
justify-content: space-between;
min-width: 100%;
padding-right: 20px;
display: flex;
}
.quick-action-menu {
z-index: 13;
background-color: var(--white);
border-radius: 8px;
width: 500px;
height: 83vh;
transition: height .2s;
display: flex;
position: absolute;
top: 40px;
left: 79%;
overflow: visible;
box-shadow: 0 0 4px #00000057;
}
.quick-action-menu.closed {
width: 0;
overflow: hidden;
}
.quick-action-menu-wrapper {
flex-direction: column;
flex: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: auto;
}
.quick-action-section-title {
color: var(--grey);
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
font-size: 17px;
font-weight: 500;
line-height: 20px;
}
.quick-action-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: stretch;
margin-bottom: 15px;
padding-bottom: 10px;
display: grid;
}
.quick-action-button {
background-color: var(--light-grey);
width: 100%;
height: 100%;
color: var(--dim-grey);
text-align: center;
cursor: pointer;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 10px;
font-size: 13px;
font-weight: 400;
line-height: 16px;
transition: all .2s;
display: flex;
box-shadow: 0 0 4px 2px #00000021;
}
.quick-action-button:hover {
background-color: var(--orange);
color: var(--white);
}
.quick-action-button-icon {
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
height: 24px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 900;
display: flex;
}
.add-message-icon {
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.grid-columns {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.horse-management-logo {
background-color: var(--white);
text-transform: uppercase;
justify-content: center;
align-items: center;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 600;
display: flex;
position: relative;
}
.horse-management-logo.hide {
display: none;
}
.horse-management-logo-text {
font-size: 22px;
}
.page-breadcrumbs-container {
justify-content: space-between;
width: 100%;
margin-right: 80px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 30px;
font-size: 12px;
display: flex;
}
.page-breadcrumbs-container.hypomating-result-trial, .page-breadcrumbs-container.hide {
display: none;
}
.bc-cta-link {
color: var(--darkblue);
align-items: center;
padding: 7px 10px 8px;
line-height: 100%;
text-decoration: none;
display: flex;
}
.tabs-content {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
.widget-container {
background-color: var(--white);
border-radius: 7px;
min-height: 200px;
overflow: hidden;
}
.widget-title {
flex: 1;
font-size: 17px;
font-weight: 500;
line-height: 20px;
}
.widget-title.alt {
background-color: var(--light-grey);
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.widget-title-container {
border-bottom: .5px solid var(--grey);
align-items: center;
min-height: 58px;
padding: 15px 20px;
display: flex;
}
.widget-content-wrapper {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.input-field-wrapper {
padding-top: 10px;
position: relative;
}
.input-field {
border: 1px solid var(--grey);
background-color: var(--white);
border-radius: 3px;
width: 100%;
height: 35px;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
font-weight: 400;
}
.input-field::placeholder {
color: var(--grey);
font-size: 12px;
font-style: italic;
}
.form-6 {
grid-column-gap: 5px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.select-field {
background-color: #fff;
align-self: stretch;
margin-bottom: 0;
font-size: 11px;
}
.pedigree-table-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
width: 100%;
min-width: 100%;
max-width: 100%;
margin-top: 10px;
margin-bottom: 20px;
display: grid;
}
.pedigree-table-grid.simple {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
place-content: start space-around;
justify-items: stretch;
}
.pedigree-table-grid.hide {
display: none;
}
.horse-gen-box {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: 40px;
box-shadow: none;
color: var(--grey);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
transition: all .2s;
display: flex;
position: relative;
}
.horse-gen-box:hover {
box-shadow: none;
color: var(--dark-teal);
}
.horse-gen-box.male {
color: var(--grey);
background-color: #e5f5fa;
background-image: linear-gradient(177deg, #e5edf9, #d3ddeb);
border-style: none;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.horse-gen-box.male:hover {
color: var(--royal-blue);
}
.horse-gen-box.female {
background-color: #fae6f2;
background-image: linear-gradient(#f9f3f7, #f0dde9);
border-style: none;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.horse-gen-box.female:hover {
color: var(--pedigree-table-text);
}
.horse-gen-box.simple {
border-style: none;
min-height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.gen-add {
font-family: LineAwesome, sans-serif;
font-size: 25px;
font-weight: 600;
}
.gen-wrapper {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 290px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.gen-wrapper.alt {
justify-content: space-between;
}
.widget-action-container {
align-items: center;
min-height: 40px;
padding: 15px 20px;
display: flex;
}
.horse-gen-label {
opacity: 1;
color: var(--new-grey);
text-align: left;
text-transform: uppercase;
flex: 0 auto;
font-weight: 600;
position: absolute;
top: 2px;
left: 8px;
}
.horse-gen-label.blue {
color: #4578b4;
}
.horse-gen-label.pink {
color: #f01d94;
}
.save-this-search {
border: 1px solid var(--darkblue);
background-color: var(--darkblue);
color: #fff;
cursor: pointer;
border-radius: 6px;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
margin-left: 5px;
padding-left: 8px;
padding-right: 8px;
line-height: 14px;
display: none;
}
.search-parameter-box {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 6px;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.page-nav-dropdown {
z-index: 10;
border-right: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
border-left: 1px solid var(--grey);
background-color: #fff;
width: 100%;
height: 0;
margin-top: 5px;
transition: height .2s;
position: absolute;
top: 100%;
left: 50%;
right: 0;
overflow: hidden;
transform: translate(-50%);
}
.page-nav-dropdown-item {
border-bottom: 1px solid var(--grey);
color: var(--dim-grey);
cursor: pointer;
padding: 10px 5px;
font-size: 14px;
transition: color .2s;
}
.page-nav-dropdown-item:hover {
color: var(--dark-teal);
}
.listing-title {
text-align: left;
letter-spacing: 0;
text-transform: capitalize;
cursor: pointer;
align-self: stretch;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-title.horse-title {
color: #7e7e7e;
justify-content: center;
align-self: flex-start;
padding-top: 3px;
padding-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
}
.listing-title.horse, .listing-title.event {
color: var(--dim-grey);
text-align: left;
border-top: 0 solid #0000001a;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
margin-top: 3px;
padding-top: 6px;
padding-bottom: 6px;
font-family: Poppins, sans-serif;
font-size: 12px;
display: block;
}
.listing-image-header {
cursor: pointer;
object-fit: cover;
background-color: #fff;
flex-direction: column;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
height: auto;
min-height: 200px;
max-height: 200px;
display: flex;
position: relative;
overflow: hidden;
}
.listing-image-front {
object-fit: cover;
object-position: 50% 50%;
border-radius: 4px;
align-self: stretch;
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
}
.listing-image-front.contain {
object-fit: contain;
padding-top: 10px;
}
.listing-image-back {
filter: blur(7px);
object-fit: cover;
width: 110%;
height: 110%;
position: absolute;
inset: -5% 0% 0%;
}
.logo-icon {
background-color: #cacaca;
border-radius: 100%;
width: 40px;
height: 40px;
display: none;
}
.sub-navigation {
z-index: 7;
background-color: var(--white);
justify-content: center;
font-size: 11px;
display: flex;
position: sticky;
top: 72px;
overflow: visible;
box-shadow: 0 0 3px #000;
}
.sub-navigation.webapp {
border-bottom: 1px solid var(--grey);
box-shadow: none;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.sub-navigation.hide {
display: none;
}
.sub-nav-market-title {
font-size: 15px;
}
.sub-nav-market-title-wrapper {
cursor: pointer;
flex-direction: column;
flex: 0 auto;
align-items: center;
min-width: 250px;
margin-right: 17px;
padding-left: 20px;
display: flex;
position: relative;
}
.sub-nav-market-title-wrapper.level-2 {
min-width: auto;
margin-right: 0;
}
.toggle-arrow {
padding-left: 5px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
}
.toggle-arrow.level-2 {
font-size: 8px;
}
.sub-nav-market-title-toggle {
z-index: 12;
background-color: #f7f7f7;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 30px;
display: flex;
position: relative;
}
.sub-nav-category {
color: var(--dark-teal);
cursor: pointer;
align-items: center;
padding: 15px 10px;
text-decoration: none;
display: flex;
}
.sub-nav-category.w--current {
font-weight: 700;
}
.sub-nav-category-text {
color: var(--new-grey);
font-size: 11px;
line-height: 100%;
}
.sub-nav-market-dropdown {
z-index: 1;
border-top: 1px solid var(--grey);
background-color: #fff;
padding: 20px 30px;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
box-shadow: 0 0 3px #000;
}
.sub-nav-market-dropdown-title {
margin-bottom: 10px;
}
.sub-nav-ctas {
flex: 1;
justify-content: flex-end;
align-self: stretch;
align-items: center;
height: auto;
padding-left: 10px;
font-size: 11px;
display: flex;
}
.proequine-network {
cursor: pointer;
background-color: #24385b5c;
flex: none;
justify-content: center;
align-items: center;
padding: 3px 15px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.proequine-network:hover {
background-color: #42597a;
}
.proequine-network.active {
background-color: var(--darkblue);
}
.proequine-network-icon {
object-fit: scale-down;
justify-content: center;
align-items: center;
min-width: 12px;
height: 12px;
margin-right: 7px;
font-family: FontAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.text-block-28 {
white-space: nowrap;
}
.network-wrapper {
border-radius: 4px;
display: flex;
overflow: hidden;
}
.network-wrapper.hide {
display: flex;
}
.logo-identifier {
z-index: 2;
border: 1px solid var(--grey);
color: var(--orange);
text-transform: uppercase;
white-space: nowrap;
background-color: #fff;
border-radius: 100px;
padding: 3px 20px;
font-size: 11px;
font-weight: 500;
line-height: 100%;
display: block;
position: absolute;
bottom: -8px;
left: 80px;
}
.logo-identifier.powered-by {
font-size: 11px;
inset: 7px auto auto 25px;
}
.logo-identifier.shorter {
z-index: 2;
opacity: 1;
text-transform: uppercase;
white-space: nowrap;
padding-left: 20px;
padding-right: 20px;
font-size: 11px;
bottom: -9px;
}
.logo-identifier.hide {
display: none;
}
.webapp-wrapper {
flex: 1;
display: flex;
position: fixed;
inset: 25px 0% 0%;
}
.left-sidebar-header {
border-bottom: 1px solid var(--grey);
justify-content: center;
align-items: center;
height: 60px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.business-custom-logo {
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 100%;
}
.page-title {
color: var(--new-grey);
flex: 1;
align-self: center;
font-size: 19px;
font-weight: 500;
}
.kendo-wrapper {
flex: 1;
}
.left-sidebar-category-wrapper {
transition: height .2s;
}
.locked-icon {
flex: 1;
justify-content: flex-end;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
position: absolute;
right: 20px;
}
.arrow-icon {
flex: 1;
justify-content: flex-end;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
display: flex;
position: absolute;
right: 20px;
}
.arrow-icon.rotated {
transform: rotate(180deg);
}
.category-dropdown {
height: 0;
overflow: hidden;
}
.category-dropdown.open {
height: auto;
padding-left: 0;
padding-right: 0;
transition: height .2s;
}
.category-dropdown.closed {
height: 0;
}
.pe-product-wrapper {
width: 280px;
color: var(--darkblue);
cursor: pointer;
border-radius: 6px;
flex-direction: row;
align-items: center;
margin-bottom: 13px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
overflow: hidden;
}
.pe-product-wrapper:hover {
background-color: #f896331c;
}
.pe-product-wrapper.w--current {
background-color: #62799b1a;
}
.pe-product-wrapper.coming-soon {
opacity: .36;
}
.pe-product-wrapper.active {
color: var(--darkblue);
background-color: #62799b1c;
text-decoration: none;
}
.product-title {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
flex: 0 auto;
font-family: "Exo 2", sans-serif;
font-size: 26px;
font-style: italic;
font-weight: 500;
line-height: 100%;
display: flex;
position: relative;
}
.product-title.large {
align-items: center;
font-size: 16px;
}
.product-title.large.hide {
display: flex;
}
.product-title.smaller {
font-size: 18px;
}
.pe-product-icon {
background-color: var(--grey);
border-radius: 100px;
min-width: 30px;
min-height: 30px;
margin-right: 10px;
position: relative;
top: auto;
}
.pe-product-grid {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.pe-product-logo {
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-bottom: 3px;
display: flex;
}
.pe-product-description {
color: #8f8f8f;
letter-spacing: .5px;
margin-left: 0;
padding-top: 3px;
font-size: 11px;
line-height: 100%;
}
.product-title-alt {
color: var(--orange);
text-transform: none;
align-self: flex-end;
margin-top: 40px;
margin-left: 5px;
padding-left: 10px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%;
position: absolute;
}
.product-title-alt.horizontal {
white-space: nowrap;
margin-top: 0;
margin-bottom: -1px;
margin-left: 0;
left: 100%;
}
.logo-bold {
font-weight: 900;
}
.webapp-page-header {
height: 60px;
padding-left: 20px;
padding-right: 10px;
display: flex;
}
.webapp-title {
color: var(--new-grey);
align-self: center;
margin-left: 10px;
font-size: 18px;
font-weight: 500;
}
.top-header-link-arrow {
flex: 1;
justify-content: flex-end;
font-family: LineAwesome, sans-serif;
font-size: 8px;
font-weight: 600;
transition: transform .2s;
display: flex;
position: relative;
right: -2px;
}
.results-filters {
border-radius: 8px;
flex: none;
align-self: flex-start;
width: 233px;
margin-right: 20px;
padding-bottom: 20px;
position: fixed;
top: 130px;
}
.search-results-search {
border: 1px solid var(--grey);
border-radius: 5px;
flex-flow: row;
flex: none;
align-content: center;
align-self: center;
align-items: baseline;
width: 100%;
min-width: 200px;
height: 42px;
margin-bottom: 10px;
display: flex;
position: relative;
}
.reset {
background-color: #ededed00;
flex-direction: row;
flex: none;
align-self: stretch;
min-width: 25%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.search-select {
border-style: none solid none none;
border-width: 1px;
border-color: var(--grey);
color: #9b9b9b;
background-color: #f3f3f300;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
flex: 1;
align-self: stretch;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.search-select.full-width {
color: #fff;
border-right-style: none;
flex: 1;
padding-left: 20px;
padding-right: 20px;
}
.page-header-background {
z-index: -1;
opacity: 1;
filter: brightness(96%) grayscale();
object-fit: cover;
object-position: 50% 63%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.page-header-background.alt-pos {
object-position: 50% 40%;
}
.page-header-background.alt-pos.homepage {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5febac6497ee97834add4166_horse-background-4.jpg");
background-size: cover;
}
.page-header-background.homepage {
z-index: 0;
filter: none;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5febac6497ee97834add4166_horse-background-4.jpg");
background-position: 50%;
background-size: cover;
}
.page-header-bg-gradient {
background-image: linear-gradient(to bottom, var(--darkblue), #ffffffa8);
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.page-header-bg-gradient.black {
background-image: radial-gradient(circle, #0000007d, #0000002e);
}
.sub-nav-title-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.sub-nav-search {
flex: 1;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
display: flex;
}
.filter-header-wrapper {
background-color: var(--darkblue);
color: var(--white);
text-align: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 15px;
}
.filter-header-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
}
.filter-header-text {
justify-content: center;
align-items: center;
font-size: 14px;
display: flex;
}
.filter-save {
background-color: var(--lightblue);
color: var(--white);
text-align: center;
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 15px;
font-weight: 600;
display: none;
}
.filter-radio-selection {
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 2px 0;
display: flex;
position: relative;
}
.filter-radio {
border-style: none;
border-radius: 0%;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.filter-radio.w--redirected-checked {
background-color: var(--grey);
transition: all .2s;
}
.filter-radio.w--redirected-focus {
box-shadow: none;
}
.filter-radio-label {
position: relative;
}
.filter-radio-label.checked {
color: var(--white);
transition: all .2s;
}
.horizontal-radios {
border: 1px solid var(--grey);
border-radius: 6px;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.premium-listing-left {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
padding-bottom: 40%;
display: flex;
position: relative;
}
.listing-title-wrapper {
border-bottom: 1px none var(--grey);
background-color: var(--white);
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: flex-start;
padding: 4px 10px;
font-size: 14px;
display: flex;
position: relative;
}
.listing-inside-absolute {
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: stretch;
height: 100%;
display: flex;
position: relative;
}
.listing-body-wrapper {
background-color: #fff;
flex-direction: column;
flex: 0 auto;
justify-content: center;
padding-left: 15px;
padding-right: 15px;
transition: height .2s;
display: none;
}
.listing-body-section {
color: var(--dim-grey);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0;
font-size: 12px;
line-height: 100%;
display: flex;
}
.listing-body-section.last {
border-bottom-style: none;
}
.lbs-key {
font-weight: 700;
}
.listing-footer-wrapper {
background-color: #fff;
border: 0 solid #000;
border-top: 1px solid #ccc;
justify-content: center;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 5px;
padding: 10px 15px 5px 10px;
display: flex;
}
.listing-footer-icon {
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-footer-icon:hover {
color: var(--orange);
}
.listing-footer-icon.like-icon {
margin-right: 1px;
font-weight: 900;
}
.listing-footer-icon.featured {
color: #ffd000;
}
.listing-footer-icon.redacted {
background-color: var(--grey);
color: #ccc0;
border-radius: 6px;
}
.listing-footer-icon-wrapper {
color: #333;
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: 10px;
transition: none;
display: flex;
}
.listing-footer-icon-wrapper:hover {
color: var(--orange);
}
.listing-footer-icon-wrapper.featured {
margin-left: -5px;
padding-left: 0;
}
.listing-footer-icon-number {
opacity: .6;
font-size: 10px;
line-height: 13px;
display: none;
}
.listing-footer-icon-number.redacted {
background-color: var(--grey);
color: #ccc0;
border-radius: 6px;
}
.listing-footer-left {
flex: none;
align-items: center;
display: flex;
}
.listing-footer-right {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.cents {
align-self: center;
font-size: 11px;
line-height: 11px;
}
.listing-points {
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
padding-top: 5px;
padding-bottom: 5px;
transition: padding-bottom .2s, padding-top .2s, height .2s;
display: flex;
overflow: hidden;
}
.listing-points.closed {
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.listing-description {
opacity: .68;
height: 100%;
color: var(--new-grey);
text-align: left;
flex: 1;
align-items: center;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
font-style: italic;
line-height: 110%;
display: flex;
overflow: hidden;
}
.listing-description.hide {
display: none;
}
.listing-description-wrapper {
flex-direction: column;
flex: 1;
justify-content: center;
padding-bottom: 5px;
display: flex;
}
.listing-description-wrapper.hide {
display: none;
}
.premium-listing-inside-wrapper {
flex-direction: column;
display: flex;
position: absolute;
inset: 0%;
}
.premium-listing-image-wrapper {
cursor: pointer;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.premium-listing-video {
z-index: 1;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5ff8a2c681e9a7953411668d_75b8dd684541803a49135925bba76e01.w1620.h1080._CR190%2C359%2C1174%2C587_SX750_SY375_.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 8px;
flex: none;
align-self: stretch;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.premium-listing-body-wrapper {
flex-direction: column;
align-items: flex-start;
min-height: 60px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.premium-listing-title-wrapper {
flex: 0 auto;
align-self: stretch;
align-items: center;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 18px;
display: flex;
}
.premium-listing-title {
color: var(--white);
text-align: left;
letter-spacing: 0;
text-transform: capitalize;
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 400;
line-height: 120%;
}
.premium-listing-points {
flex-direction: row;
flex: 1;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.premium-listing-body-section {
color: #fff;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: center;
padding: 5px;
font-size: 12px;
line-height: 100%;
display: flex;
}
.premium-listing-price-wrapper {
min-width: 150px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.premium-listing-price {
color: #fff;
text-transform: none;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
min-height: 30px;
margin-top: 5px;
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 100%;
display: flex;
}
.point-divider {
color: var(--white);
align-items: center;
font-size: 11px;
display: flex;
}
.premium-listing-float {
border-radius: 6px;
width: 400px;
height: 280px;
display: flex;
position: fixed;
inset: 154px 97px auto auto;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000021;
}
.remove-ad {
z-index: 3;
cursor: pointer;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
display: flex;
position: absolute;
inset: 5px 5px auto auto;
}
.listing-category {
justify-content: center;
align-items: center;
margin-top: 5px;
display: flex;
position: relative;
}
.listing-category.absolute {
background-color: var(--white);
border-radius: 100px 100px 0 0;
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
margin-bottom: 0;
margin-right: 0;
display: none;
position: absolute;
top: -30px;
left: 4px;
}
.listing-category.hide {
display: none;
}
.listing-category-icon {
max-height: 15px;
color: var(--darkblue);
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-category-text {
color: #fff;
font-size: 10px;
line-height: 14px;
}
.listing-image-footer {
color: #fff;
background-color: #1c8a84c4;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.listing-image-footer.hide {
color: #fff;
background-color: #0000007a;
flex-direction: column;
display: none;
bottom: 0;
left: 0;
right: 0;
}
.listing-price-wrapper {
background-color: #fff;
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-bottom: 10px;
padding-left: 0;
display: flex;
}
.listing-price-button {
background-color: var(--orange);
color: #fff;
cursor: pointer;
border-radius: 6px;
align-self: flex-end;
margin-bottom: 6px;
padding: 3px 10px;
font-size: 11px;
display: none;
}
.listing-price-left {
flex-direction: column;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.listing-price-left.margin {
flex: 0 auto;
align-items: baseline;
}
.listing-auction-wrapper {
flex-direction: row;
flex: none;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.time-remaining-wrapper {
flex: 1;
justify-content: flex-end;
font-size: 11px;
display: flex;
}
.time-remaining {
white-space: nowrap;
align-self: flex-end;
margin-left: 3px;
font-size: 15px;
}
.listing-price-top {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.text-field {
border-radius: 3px;
margin-bottom: 0;
}
.text-field::placeholder {
font-size: 11px;
}
.text-field.search-field {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/6042969214671817a963d96c_noun_Search_3750547.svg");
background-position: 8px;
background-repeat: no-repeat;
background-size: auto 17px;
padding-left: 35px;
}
.form-block-5 {
align-self: stretch;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.listing-subtitle {
color: var(--new-grey);
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
}
.listing-subtitle.location {
color: var(--lightblue);
font-family: Oswald, sans-serif;
font-size: 11px;
line-height: 100%;
}
.listing-points-toggle {
color: var(--light-blue);
flex: 1;
justify-content: flex-end;
align-self: stretch;
align-items: flex-start;
padding-left: 10px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
display: flex;
position: relative;
}
.listing-subtitle-wrapper {
border-bottom: 1px none var(--grey);
background-color: var(--white);
color: #345c94;
flex-direction: column;
flex: 0 auto;
align-self: stretch;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
display: flex;
}
.listing-seller-wrapper {
flex: 0 auto;
align-items: center;
height: 40px;
padding: 4px 20px 10px 10px;
display: flex;
}
.listing-seller-wrapper.no-padding {
align-self: stretch;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.listing-seller-wrapper.hide {
display: none;
}
.seller-avatar-wrapper {
background-color: var(--grey);
border-radius: 100px;
width: 30px;
height: 30px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.seller-avatar-wrapper.hide {
display: none;
}
.seller-name-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.seller-title {
color: #575757c4;
margin-bottom: 2px;
font-size: 12px;
font-weight: 500;
line-height: 100%;
}
.seller-title.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
}
.seller-subtitle {
color: #919191;
font-size: 11px;
font-weight: 400;
line-height: 100%;
}
.seller-subtitle.redacted {
color: #91919100;
background-color: #ccc;
border-radius: 6px;
margin-top: 1px;
}
.small-icon {
margin-left: -2px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.listing-location-wrapper {
color: #333;
cursor: pointer;
justify-content: center;
align-self: flex-start;
align-items: center;
font-size: 12px;
transition: color .2s;
display: flex;
}
.listing-location-wrapper:hover {
color: var(--orange);
}
.dollars {
color: var(--new-grey);
align-self: stretch;
align-items: flex-start;
padding-top: 4px;
font-size: 12px;
line-height: 12%;
display: flex;
}
.listing-footer-title {
text-transform: uppercase;
background-color: #0000008a;
flex: 0 auto;
justify-content: flex-start;
margin-right: 1px;
padding: 4px 10px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.listing-footer-title-text {
white-space: nowrap;
align-self: center;
}
.listing-horse-name {
color: var(--darkblue);
text-transform: capitalize;
padding-top: 2px;
padding-bottom: 2px;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.page-header-small {
z-index: 10;
background-color: #fff;
background-image: none;
background-position: 0 0;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition: all .2s;
display: flex;
position: sticky;
top: 51px;
left: 0;
right: 0;
box-shadow: 0 8px 10px -10px #0003;
}
.page-header-small.ag-hide-auction-header, .page-header-small.ag-hide-marketplace-header, .page-header-small.ag-trial-page-header, .page-header-small.current-user-trial-page-header {
display: none;
}
.header-title-box-small {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.header-title-box-small.listings {
flex: none;
align-self: auto;
width: 100%;
max-width: 1440px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.page-header-title-small {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.page-header-title-small.member {
text-transform: capitalize;
align-self: center;
}
.featured-listings {
background-color: var(--white-smoke-2);
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-self: auto;
width: auto;
margin-bottom: 20px;
padding: 10px 30px 20px;
display: flex;
position: relative;
}
.featured-listings-title {
color: var(--darkblue);
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
align-self: flex-start;
margin-top: 0;
margin-bottom: 5px;
font-family: Lora, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
}
.featured-arrow {
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 21px;
font-weight: 600;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 2px;
}
.featured-arrow.left.hide {
display: none;
}
.featured-arrow.right {
cursor: pointer;
left: auto;
right: 2px;
}
.featured-arrow.right.hide {
display: none;
}
.featured-listings-overflow {
overflow: hidden;
}
.premium-listing-right {
width: 300px;
margin: 20px;
}
.premium-listing {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5fecf6e33d451a815fa756ec_horses-in-misty-sunbeams-PB2SB8H.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 8px;
align-self: stretch;
margin-bottom: 20px;
display: flex;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000026;
}
.premium-image-front {
object-fit: cover;
border-radius: 8px;
align-self: stretch;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.results-category-title {
color: var(--darkblue);
text-align: left;
text-transform: capitalize;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
display: flex;
position: relative;
}
.results-category-wrapper {
border-radius: 8px;
flex-direction: column;
align-self: stretch;
margin-bottom: 10px;
padding: 0 10px 15px;
display: none;
}
.top-listings {
flex-direction: column;
flex: none;
align-self: stretch;
display: none;
}
.page-header-subtitle {
color: var(--white);
text-transform: none;
text-shadow: 3px 0 8px #000;
white-space: normal;
word-break: normal;
direction: ltr;
align-items: center;
margin-top: 10px;
margin-bottom: 30px;
font-family: "Exo 2", sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 40px;
display: flex;
}
.bold-text-6 {
font-weight: 600;
}
.section-title-wrapper {
text-align: center;
align-self: stretch;
margin-top: 27px;
margin-bottom: 27px;
position: relative;
}
.page-section-header {
z-index: 1;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 2px #a7d500;
flex-direction: column;
padding-right: 0;
font-family: Lora, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 100%;
display: block;
position: relative;
}
.page-section-wrapper {
flex-direction: column;
display: flex;
}
.page-section-wrapper.center {
align-items: center;
}
.page-section-header-bg {
opacity: .19;
color: #5e9cf7;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#629ff8, #fff);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 2px #a7d500;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 100%;
display: none;
position: absolute;
inset: 50% 0% 0%;
transform: translate(0, -50%);
}
.listing-category-tabs {
flex-direction: column;
align-items: center;
display: flex;
}
.listing-category-tabs-content {
align-self: stretch;
}
.listing-category-tab-link {
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: 1px;
margin-right: 1px;
transition: all .2s;
display: flex;
}
.listing-category-tab-link.w--current {
background-color: var(--darkblue);
color: var(--white);
}
.listing-category-tab-menu {
background-color: #fff;
border-radius: 8px;
display: flex;
overflow: hidden;
}
.listing-tab-pane {
padding: 20px;
}
.page-notification-wrapper {
background-color: #fff;
border-radius: 6px;
align-items: center;
padding: 15px;
display: flex;
box-shadow: 0 0 4px 2px #00000017;
}
.page-notification-title {
margin-right: 10px;
font-size: 15px;
font-weight: 600;
}
.page-notification-text {
flex: 1;
font-size: 11px;
font-weight: 400;
line-height: 100%;
}
.page-notification-text-wrapper {
flex: 1;
margin-right: 20px;
}
.page-notification-icon {
color: var(--lightblue);
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 900;
}
.hero-search-wrapper {
z-index: 9;
background-color: #24385b;
border: 3px solid #fff;
border-radius: 8px;
align-self: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0 20px 0 0;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
}
.hero-slider {
border-radius: 6px;
height: 100%;
margin-top: 10px;
position: absolute;
inset: 0%;
}
.hero-slide-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
}
.fw-search-separator {
white-space: pre;
border-right: 1px solid #fff;
align-self: stretch;
width: 1px;
margin-left: 20px;
margin-right: 10px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.categories-wrapper {
background-color: #ededed00;
flex-direction: row;
flex: 1;
align-self: stretch;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.div-block-18 {
background-color: #62799b78;
border-right: 1px solid #fff;
justify-content: flex-start;
align-self: stretch;
align-items: center;
min-width: 25%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-block-32 {
color: #fff;
margin-left: 3px;
margin-right: 3px;
padding-top: 2px;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 500;
}
.div-block-19 {
margin-left: 5px;
}
.text-block-33 {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Lora, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 130%;
}
.feature-points-wrapper {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
place-items: center;
margin: 100px 20px 40px;
display: grid;
}
.feature-point {
border: 1px solid var(--grey);
border-radius: 6px;
flex-direction: column;
min-width: 200px;
padding: 20px;
display: flex;
}
.feature-point-title {
z-index: 1;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
align-self: stretch;
font-family: Lora, sans-serif;
font-size: 17px;
position: relative;
}
.feature-point-title-wrapper {
background-color: var(--white);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
height: 50px;
margin-top: -42px;
padding-left: 10px;
padding-right: 10px;
font-family: Lora, sans-serif;
font-size: 17px;
display: flex;
position: relative;
}
.feature-point-title-bg {
opacity: .19;
color: #5e9cf7;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-color: #fff;
background-image: linear-gradient(#629ff8, #fff);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 2px #a7d500;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 5vw;
font-weight: 700;
line-height: 100%;
display: none;
position: absolute;
inset: 50% 0% 0%;
transform: translate(0, -50%);
}
.feature-point-paragraph {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
font-size: 13px;
}
.page-header-background-video {
z-index: 0;
height: 100%;
position: absolute;
inset: 0%;
}
.login-popup-wrapper {
z-index: 999;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.login-popup-wrapper.hide {
display: none;
}
.login-popup-bg {
background-color: #000000a3;
position: absolute;
inset: 0%;
}
.login-popup-content {
z-index: 99;
background-color: var(--white);
border-radius: 8px;
align-self: center;
min-width: 500px;
max-width: 900px;
margin-left: 40px;
margin-right: 40px;
padding: 20px 0;
transition: all .2s;
position: absolute;
overflow: hidden;
box-shadow: 0 0 6px #00000094;
}
.login-tabs-menu {
justify-content: center;
display: none;
}
.login-tab-content {
padding-top: 20px;
}
.interests-radio-wrapper {
border-radius: 6px;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 10px;
padding: 11px 27px;
display: flex;
position: relative;
}
.register-interests-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.register-interests-grid.hide {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.interests-radio {
border-radius: 6px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.interests-radio-label {
z-index: 1;
text-align: center;
margin-bottom: 0;
font-size: 14px;
line-height: 120%;
position: relative;
}
.register-paragraph {
font-size: 14px;
line-height: 140%;
}
.register-paragraph.text {
text-align: center;
max-width: 600px;
margin: 10px auto;
position: relative;
}
.custom-checkbox-wrapper {
border: 1px none var(--grey);
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 15px 10px;
transition: all .2s;
display: flex;
position: relative;
}
.custom-checkbox-wrapper.hide {
display: none;
}
.custom-checkbox {
border: 1px solid var(--grey);
width: 100%;
height: 100%;
box-shadow: none;
border-radius: 6px;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.custom-checkbox.w--redirected-checked {
border: 2px solid var(--orange);
background-color: #f8963333;
background-image: none;
}
.checkbox-label {
z-index: 1;
text-align: center;
margin-bottom: 0;
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: 120%;
position: relative;
}
.checkbox-label.horse-for-sale {
font-size: 16px;
font-weight: 600;
}
.flex-form {
flex-direction: column;
min-width: 600px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.flex-box {
flex: 1;
justify-content: space-between;
align-self: stretch;
display: flex;
}
.flex-box.margin-top {
margin-top: 40px;
}
.flex-box.margin-top.center {
justify-content: center;
height: 40px;
margin-top: 10px;
}
.flex-box.center {
justify-content: center;
}
.input-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: stretch;
display: grid;
}
.register-checkbox {
align-self: stretch;
}
.standard-field-wrapper---vertical {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 2.5fr;
grid-auto-columns: 1fr;
align-self: stretch;
margin-left: 0;
display: flex;
position: relative;
}
.standard-field-wrapper---vertical.horizontal {
cursor: pointer;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr .5fr;
grid-auto-columns: 1fr;
justify-content: stretch;
display: block;
}
.required {
color: red;
}
.loading-screen {
z-index: 9999;
background-color: #fff;
display: none;
position: fixed;
inset: 0%;
}
.listing-price-right {
color: var(--new-grey);
text-align: right;
text-transform: capitalize;
flex-direction: column;
flex: 0 auto;
align-self: flex-end;
align-items: flex-end;
margin-left: 5px;
font-size: 10px;
display: flex;
}
.listing-details {
text-transform: uppercase;
align-self: stretch;
font-family: Oswald, sans-serif;
font-style: normal;
font-weight: 400;
display: flex;
}
.listing-detail {
color: var(--new-grey);
text-align: left;
letter-spacing: 0;
text-transform: uppercase;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-size: 15px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.listing-pedigrees {
justify-content: flex-start;
align-self: stretch;
font-family: Oswald, sans-serif;
font-weight: 400;
display: flex;
}
.listing-pedigree {
color: var(--new-grey);
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-family: Lato, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-category-wrapper {
justify-content: flex-end;
align-self: stretch;
display: block;
}
.text-block-37 {
opacity: .34;
}
.auction-name-wrapper {
background-color: #00000078;
flex: 1;
justify-content: flex-end;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 10px;
font-size: 11px;
display: flex;
}
.auction-name {
white-space: nowrap;
align-self: center;
margin-left: 3px;
}
.price-type {
color: var(--new-grey);
text-align: left;
letter-spacing: 0;
text-transform: uppercase;
cursor: pointer;
border-radius: 3px;
padding-top: 3px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
display: flex;
}
.price-type.for-sale {
color: #167437;
}
.price-type.for-sale.hide {
display: none;
}
.price-type.stud-fee {
background-color: var(--grey);
}
.price-type.lowest {
color: var(--darkblue);
}
.price-type.highest {
color: var(--darkblue);
margin-right: 0;
}
.listing-detail-icon {
color: var(--new-grey);
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 120%;
display: flex;
}
.horse-profile-header-container {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.horse-profile-header-container.hypomating-result-trial {
display: flex;
}
.horse-profile-info-container {
z-index: 9;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: flex-start;
width: 450px;
min-height: 100%;
margin-top: 0;
padding-left: 20px;
padding-right: 0;
display: flex;
position: sticky;
top: 70px;
}
.horse-profile-info-box {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
position: relative;
}
.horse-profile-info-box.horizontal {
flex-direction: row;
}
.horse-profile-info-box.horizontal.hide {
display: none;
}
.horse-profile-slider-wrapper {
border-radius: 8px;
flex-direction: column;
flex: 1;
align-self: flex-start;
margin-right: 20px;
display: flex;
position: static;
top: 70px;
}
.horse-profile-main-image {
border: .5px solid var(--grey);
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.horse-profile-main {
padding-bottom: 75%;
display: flex;
position: relative;
inset: 0;
}
.horse-info-profile-body {
flex-direction: column;
flex: 0 auto;
display: flex;
}
.horse-profile-media-gallery {
background-color: #ddd0;
height: 100px;
padding: 13px;
}
.media-gallery-slide {
width: 100%;
padding-left: 14px;
padding-right: 14px;
}
.mg-arrow {
width: 20px;
color: var(--grey);
font-size: 15px;
}
.mg-mask {
background-color: #fff;
}
.gallery-thumbnail {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
}
.gallery-thumbnail-wrapper {
width: 100%;
height: 100%;
min-height: 100px;
position: relative;
}
.thumbnail-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mg-gallery-slide-nav {
height: 29px;
font-size: 7px;
bottom: -12px;
}
.site-width {
flex: none;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.site-width.flex-horiz.top-header {
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.site-width.flex-horiz {
justify-content: space-between;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.profile-main-image-tag {
background-color: var(--orange);
text-transform: uppercase;
align-items: center;
height: 30px;
padding: 5px 15px;
font-size: 12px;
font-weight: 700;
line-height: 100%;
display: flex;
position: absolute;
top: 20px;
right: -6px;
}
.profile-main-image-tag.hide {
display: none;
}
.image-tag-before {
border-top: 15px solid #0000;
border-right: 9px solid var(--orange);
border-bottom: 15px solid #0000;
width: 20px;
margin-right: 0;
position: absolute;
top: 0;
bottom: 0;
right: 100%;
}
.image-tag-after {
z-index: 0;
border-bottom: 7px solid #0000;
border-left: 7px solid #b05d08;
height: 6px;
margin-right: 0;
position: absolute;
top: 100%;
bottom: 0;
right: 0;
}
.profile-info-header {
border-bottom: .5px dashed #cccccc91;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.profile-sales-box {
border-bottom: .5px dashed #cccccc91;
justify-content: space-between;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.profile-sales-price {
flex: none;
align-items: center;
font-size: 34px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.price-special-tag {
background-image: linear-gradient(262deg, var(--orange), var(--deep-pink));
color: var(--orange);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
align-items: center;
padding-left: 22px;
padding-right: 22px;
display: flex;
}
.price-special-tag.hide {
display: none;
}
.special-tag-text {
line-height: 100%;
}
.special-tag-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
}
.profile-body-specs {
grid-column-gap: 30px;
grid-row-gap: 7px;
border-bottom: .5px dashed #cccccc91;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
padding-top: 15px;
padding-bottom: 15px;
display: grid;
}
.profile-body-specs.hide {
display: none;
}
.profile-body-spec {
justify-content: flex-start;
align-items: center;
font-family: Lato, sans-serif;
display: flex;
}
.spec-key {
text-transform: uppercase;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.spec-value {
font-family: Poppins, sans-serif;
font-size: 13px;
}
.text-span-5 {
font-size: 20px;
line-height: 20px;
}
.owner-box {
border-bottom: 1px dashed #cccccc91;
justify-content: space-between;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.owner-avatar-image {
max-width: 200px;
font-family: Poppins, sans-serif;
}
.owner-info {
flex-direction: column;
flex: 1;
justify-content: center;
margin-left: 15px;
display: flex;
}
.owner-name {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.owner-city {
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
line-height: 130%;
}
.owner-verified {
color: var(--lightblue);
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
line-height: 130%;
}
.owner-reviews-box {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.rating-star {
color: var(--orange);
font-family: LineAwesome, sans-serif;
font-size: 13px;
font-weight: 600;
}
.rating-star.empty {
color: var(--grey);
font-weight: 900;
}
.rating-reviews-count {
color: var(--red);
text-align: left;
flex: 1;
margin-left: 5px;
}
.profile-engage-actions {
justify-content: space-between;
align-self: stretch;
padding-top: 5px;
padding-bottom: 20px;
display: flex;
}
.engage-action {
cursor: pointer;
background-color: #e0e0e0;
border-radius: 6px;
padding-left: 10px;
padding-right: 10px;
transition: all .2s;
display: flex;
}
.engage-action:hover {
background-color: var(--lightblue);
color: #fff;
}
.engage-action-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.engage-action-icon.empty {
font-weight: 900;
}
.profile-navigation-wrapper {
border: 1px #000;
border-radius: 6px;
justify-content: flex-start;
min-width: 100%;
display: flex;
}
.profile-navigation {
border-style: dotted none;
border-width: .5px 1px;
border-color: var(--grey) var(--light-grey-3);
background-color: var(--white);
border-radius: 6px;
justify-content: flex-start;
min-height: 50px;
margin-top: 0;
margin-bottom: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.profile-navigation.hide {
display: none;
}
.page-nav-link-arrow {
color: var(--orange);
align-items: center;
margin-left: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
line-height: 100%;
display: none;
}
.profile-section {
margin-bottom: 25px;
padding-bottom: 25px;
}
.profile-section-title {
margin-bottom: 5px;
font-family: Lora, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 140%;
}
.profile-section-title.smaller {
font-size: 21px;
}
.generations-table-header {
border-radius: 6px;
display: flex;
}
.generations-table-header.hide {
display: none;
}
.profile-sticky-header {
z-index: 9;
background-color: #fff;
align-self: stretch;
align-items: center;
width: 100%;
height: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: fixed;
top: 71px;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000042;
}
.profile-sticky-header.closed {
height: 0;
box-shadow: none;
}
.profile-sticky-header-avatar {
border-radius: 100px;
width: 30px;
height: 30px;
margin-right: 5px;
}
.profile-sticky-navigation {
border-radius: 6px;
flex: 1;
justify-content: flex-end;
min-width: auto;
display: flex;
}
.signed-out {
display: flex;
}
.signed-out.hide {
display: none;
}
.hero-slider-mask {
border-radius: 6px;
}
.site-nav-link {
cursor: pointer;
align-self: stretch;
transition: border-color .2s;
display: flex;
overflow: hidden;
}
.site-nav-link:hover {
border-bottom-color: var(--lightblue);
}
.site-nav-dropdown-wrapper {
z-index: 7;
background-color: var(--white);
height: 0;
font-size: 11px;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
box-shadow: 0 0 3px #000;
}
.profile-section-title-wrapper {
border-bottom: .5px dashed var(--light-grey-3);
justify-content: space-between;
margin-bottom: 10px;
display: flex;
}
.open {
color: var(--new-grey);
flex-direction: column;
padding: 10px 19px;
}
.nav-dropdown-right {
background-color: var(--grey);
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.nav-dropdown-left {
min-width: 150px;
display: flex;
}
.ndl-link {
background-color: var(--grey);
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
height: 40px;
margin-bottom: 1px;
margin-right: 1px;
display: flex;
}
.site-nav-dropdown-bottom {
flex-direction: column;
flex: 1;
padding-top: 11px;
padding-bottom: 11px;
padding-right: 10px;
display: flex;
}
.site-nav-dropdown-top {
border-bottom: 1px dashed var(--grey);
background-color: #00000008;
flex-direction: column;
align-self: stretch;
min-width: 160px;
max-width: 160px;
margin-right: 10px;
padding: 10px;
display: flex;
}
.snd-top-tab {
background-color: var(--grey);
min-height: 30px;
color: var(--new-grey);
text-align: center;
border-radius: 6px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 2px;
margin-left: 1px;
margin-right: 1px;
padding: 9px;
line-height: 125%;
text-decoration: none;
display: flex;
}
.save-search {
cursor: pointer;
align-self: center;
align-items: center;
margin-left: 2px;
padding-left: 3px;
padding-right: 5px;
display: flex;
}
.follow {
border: 1px solid var(--lightblue);
background-color: var(--lightblue);
color: #fff;
cursor: pointer;
border-radius: 6px;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
margin-left: 5px;
padding-left: 8px;
padding-right: 8px;
line-height: 14px;
display: none;
}
.filter-fields {
width: 100%;
}
.filter-header {
border-bottom: 1px dashed var(--light-grey-3);
flex: none;
justify-content: flex-start;
align-items: center;
height: 40px;
margin-top: 2px;
margin-bottom: 7px;
padding-top: 3px;
display: none;
}
.filter-header-title {
text-transform: capitalize;
flex: 1;
align-items: flex-end;
margin-right: 10px;
font-size: 19px;
font-weight: 400;
line-height: 14px;
display: flex;
position: relative;
}
.proequine-loading-mask {
z-index: 1;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-height: 100vh;
padding-top: 9px;
padding-left: 10px;
padding-right: 9px;
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.proequine-loading-image {
display: none;
position: absolute;
top: 90px;
}
.div-block-20 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: stretch;
margin-top: 5px;
display: grid;
}
.number-field {
border-radius: 6px;
}
.number-field::placeholder {
font-size: 11px;
}
.number-field.age-parameters {
background-color: var(--white-smoke-2);
border-radius: 3px;
width: 100%;
height: 35px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 16px;
}
.action-button-text {
margin-left: 5px;
}
.results-category-text {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 34px;
}
.title-line {
border-bottom: 1px dotted var(--grey);
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.title-line.hide {
border-bottom-style: solid;
border-bottom-color: var(--white-smoke);
margin-left: 15px;
margin-right: 15px;
display: block;
}
.title-line-accent {
background-color: var(--orange);
width: 50px;
height: 1px;
margin-bottom: -1px;
position: absolute;
bottom: 0;
left: 0;
}
.title-line-accent.white {
background-color: #fff;
}
.simple-link-button {
color: var(--new-grey);
cursor: pointer;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: absolute;
top: 5px;
right: 5px;
}
.simple-link-button:hover {
color: var(--orange);
}
.simple-link-button.hide {
display: none;
}
.dynamic-results-title {
text-align: center;
text-transform: capitalize;
align-self: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 13px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
.listings-save-search-wrapper {
z-index: 9;
background-color: #ffffffe0;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
padding-top: 5px;
display: flex;
position: sticky;
top: 192px;
}
.listings-save-search-wrapper.hide {
display: flex;
}
.listings-save-search-inner {
z-index: 9;
border-radius: 6px;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
padding-bottom: 5px;
display: flex;
position: relative;
}
.tags-wrapper {
flex: none;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.little-add-icon {
border: 1px solid var(--new-grey);
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 10px;
height: 10px;
font-family: LineAwesome, sans-serif;
font-size: 8px;
font-weight: 600;
display: flex;
position: absolute;
bottom: 1px;
left: 6px;
}
.clear-filters {
color: var(--new-grey);
cursor: pointer;
margin-left: 5px;
text-decoration: underline;
transition: color .2s;
}
.clear-filters:hover {
color: var(--new-grey);
}
.dropdown-reset {
flex-direction: column;
align-items: stretch;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.dropdown-reset.viewing-newsfeed-type {
padding-left: 5px;
padding-right: 5px;
}
.dropdown-reset.viewing-newsfeed-type.whoc-can-see-post.hide {
display: none;
}
.dropdown-reset.viewing-newsfeed-type.newsfeed-page-title-dropdown {
color: #24385b;
margin-left: -20px;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 500;
}
.dropdown-reset.viewing-newsfeed-type.hide {
display: block;
}
.dropdown-reset.sorting-newsfeed {
max-width: 19%;
}
.dropdown-reset.sorting-newsfeed.hide {
display: block;
}
.fixed-window {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.fixed-window.closed {
z-index: -9999;
opacity: 0;
transition-duration: .2s, .2s;
display: none;
}
.fixed-window-bg {
cursor: pointer;
background-color: #ffffffe8;
width: 100%;
height: 100%;
position: absolute;
}
.fixed-window-bg.closed, .fixed-window-bg.closed-copy {
display: none;
}
.fixed-window-bg.transparent {
background-color: #0000;
}
.fixed-window-content {
background-color: var(--white);
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: center;
width: auto;
max-width: 1000px;
min-height: 25vh;
max-height: 100%;
margin-bottom: 0;
padding: 20px 0;
display: flex;
position: relative;
top: -10px;
overflow: auto;
box-shadow: 0 0 4px 2px #0000002e;
}
.fixed-window-content.advanced-stepper {
border: 1px solid var(--grey);
min-height: 600px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000005;
}
.fixed-window-content.closed {
display: none;
}
.fixed-window-content.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.fixed-window-header {
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.fixed-window-title {
color: var(--darkblue);
font-size: 20px;
line-height: 100%;
}
.fixed-window-body {
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.page-header-tabs {
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-self: center;
display: flex;
position: relative;
}
.page-header-tabs.hide {
display: none;
}
.page-header-tab {
color: var(--new-grey);
text-align: center;
cursor: pointer;
background-color: #fff;
border-left: 1px #eee;
border-radius: 3px 3px 0 0;
justify-content: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
margin-left: -1px;
padding: 10px 15px;
font-size: 11px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
transition: color .2s;
display: flex;
position: relative;
}
.page-header-tab:hover {
color: var(--deep-pink);
}
.page-header-tab.w--current {
color: var(--new-grey);
font-weight: 500;
}
.page-header-tab.current {
z-index: 1;
color: var(--darkblue);
font-weight: 600;
}
.page-header-tab.hide {
display: none;
}
.user-header-link {
letter-spacing: .5px;
text-transform: uppercase;
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 2px 5px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 18px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.user-header-link:hover {
background-color: var(--darkblue);
}
.user-header-link.alt-set {
justify-content: flex-end;
font-weight: 900;
position: static;
}
.user-header-link.hide {
margin-left: 0;
display: flex;
}
.user-header-links {
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.user-header-menu {
color: var(--white);
cursor: pointer;
border: 1px #000;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 4px;
padding: 0;
transition: background-color .2s;
display: block;
position: relative;
}
.user-header-menu-toggle {
border: 1px #000;
border-left: 1.5px solid #cccccc30;
padding: 0 0 0 10px;
display: flex;
}
.page-header-title-wrapper {
min-width: 300px;
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
line-height: 34px;
display: flex;
}
.back-button {
color: var(--orange);
cursor: pointer;
margin-right: 7px;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
text-decoration: none;
}
.profile-content {
flex: 1;
min-width: 0;
max-width: 1440px;
margin-top: 10px;
margin-left: 0;
padding-left: 0;
}
.left-sidebar-subtitle-text {
color: var(--lightblue);
cursor: pointer;
align-items: center;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 10px;
padding-left: 0;
font-size: 15px;
font-weight: 300;
line-height: 20px;
transition: all .2s;
display: flex;
}
.left-sidebar-subtitle-text:hover {
color: var(--darkblue);
}
.overflow-bg {
z-index: 10;
background-color: #fff;
width: 100vw;
position: absolute;
top: 0%;
bottom: 0%;
right: 100%;
}
.listing-member-wrapper {
border-bottom: 1px none var(--grey);
background-color: var(--white);
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: center;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
display: flex;
position: relative;
}
.listing-member-name {
color: var(--new-grey);
text-transform: capitalize;
padding-top: 8px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-member-subtitle {
color: var(--new-grey);
text-align: center;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-member-details {
text-align: center;
letter-spacing: 0;
text-transform: capitalize;
cursor: pointer;
flex: 1;
align-self: stretch;
width: 100%;
padding-top: 9px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-member-points-wrapper {
background-color: #fff;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
transition: height .2s;
display: flex;
}
.listing-member-link {
background-color: var(--lightblue);
color: #fff;
border-top: 1px solid #cccccca3;
justify-content: center;
align-self: stretch;
align-items: center;
height: 50px;
padding: 5px 15px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.subheader-avatar-container {
border: 2px solid var(--orange);
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e17726310a1f53916fa8a73_Alaina.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 150px;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 5px;
display: flex;
position: relative;
overflow: hidden;
}
.subheader-avatar-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.profile-body {
border: 1px solid var(--light-grey-2);
background-color: var(--white);
border-radius: 5px;
min-height: 50vh;
margin-bottom: 20px;
}
.profile-avatar-image {
background-color: var(--white);
object-fit: cover;
object-position: 50% 50%;
border-radius: 100px;
width: 100%;
height: 100%;
max-height: 100%;
margin: 0;
padding: 3px;
position: relative;
inset: 0%;
overflow: hidden;
}
.star-icon {
margin-left: 10px;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 600;
}
.page-header-subtitle-2 {
color: var(--white);
text-transform: none;
text-shadow: 1px 0 2px #000;
margin-bottom: 20px;
font-family: "Exo 2", sans-serif;
font-size: 36px;
font-weight: 200;
line-height: 100%;
}
.social-title {
color: #212121de;
flex: 1;
width: 80px;
margin-left: 20px;
font-size: 12px;
}
.togglebutton {
background-color: #e9e9e9;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
width: 55px;
height: 20px;
text-decoration: none;
display: flex;
position: relative;
}
.buttontoggle {
z-index: 2;
background-color: #fff;
border-radius: 100%;
width: 26px;
height: 26px;
position: relative;
box-shadow: 0 1px 3px #0003;
}
.text-field-box {
justify-content: space-between;
margin-bottom: 16px;
display: flex;
}
.text-field-box._2, .text-field-box.bio {
flex-direction: column;
margin-bottom: 15px;
}
.text-field-box.price-sale-listing {
font-size: 12px;
font-weight: 500;
}
.heading {
color: var(--darkblue);
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 125%;
}
.text-block-60 {
color: #616161;
margin-left: 30px;
font-size: 14px;
}
.account-settings-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-bottom: 1px #dbdbdb;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
margin-bottom: 0;
display: grid;
}
.account-settings-box.last {
border-bottom-style: none;
}
.account-settings-box.selling-from-post-form {
flex: 1;
}
.account-settings-box.selling-from-post-form.hide {
display: none;
}
.settings-container {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: 100%;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
display: grid;
position: relative;
}
.settings-container.hide {
display: none;
}
.social-icon {
width: 24px;
height: 24px;
}
.social-accounts-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: flex-start;
align-items: flex-start;
display: grid;
}
.div-block-64 {
display: none;
}
.button-2 {
color: var(--orange);
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-weight: 500;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
}
.button-2:hover {
color: #0d11ab;
}
.button-2:active {
opacity: .8;
}
.button-2._2 {
color: #e74346;
text-align: center;
}
.form-block {
width: 100%;
min-width: 0;
margin-bottom: 0;
}
.form {
flex-direction: column;
width: 100%;
display: flex;
}
.form.sellinng-form {
font-size: 12px;
}
.social-account {
border: 1px solid #ccc;
border-radius: 3px;
align-items: center;
width: auto;
height: 40px;
min-height: 0;
margin: 5px 0;
padding: 10px 16px;
display: flex;
position: relative;
}
.settings-block {
box-shadow: none;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.text-field-description {
color: #757575;
margin-left: 15px;
font-size: 11px;
}
.text-field-split {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-field-split.text-field-3-bars {
grid-template-columns: .5fr 1fr 1fr .5fr;
}
._300x250ad {
border: 1px none var(--light-grey);
background-color: var(--grey);
min-width: 300px;
min-height: 250px;
color: var(--new-grey);
border-radius: 3px;
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
overflow: hidden;
}
.grid---sidebar-body {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 300px;
grid-auto-columns: 1fr;
justify-items: center;
padding: 10px 15px 0;
display: flex;
}
.grid---sidebar-body.no-padding {
padding-left: 0;
padding-right: 0;
}
.post-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
align-self: stretch;
display: grid;
}
.grid-block-profile-header-image {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5f7df859c8cd20837c004c37_house-in-field-of-sunflowers.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 60px;
}
.grid-profile-avatar {
object-fit: cover;
object-position: 50% 50%;
width: 105%;
height: 100%;
}
.grid-avatar-box {
background-color: var(--grey);
border-radius: 100px;
flex: none;
align-self: center;
width: 50px;
height: 50px;
margin-top: 0;
margin-right: 5px;
overflow: hidden;
}
.grid-user-name-wrapper {
flex-direction: column;
flex: 1;
align-items: stretch;
display: flex;
}
.grid-user-id {
color: var(--light-blue);
text-transform: capitalize;
flex: 1;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.grid-user-name {
height: 100%;
color: var(--darkblue);
text-transform: capitalize;
flex: none;
align-self: stretch;
align-items: center;
margin-right: 5px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
display: flex;
}
.header-link-toggle {
letter-spacing: .5px;
text-transform: uppercase;
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
padding: 2px 5px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 18px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.header-link-toggle:hover {
background-color: var(--darkblue);
}
.header-link-toggle.alt-set {
font-weight: 900;
}
.header-link-dropdown {
opacity: 1;
background-color: #fff;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
flex-direction: column;
width: 300px;
height: 600px;
transition: opacity .2s;
display: flex;
position: absolute;
top: 100%;
right: 0;
box-shadow: 0 1px 3px #00000042;
}
.header-link-dropdown.closed {
opacity: 0;
height: 0;
overflow: hidden;
}
.header-link-dropdown-content {
flex: 1;
margin: 20px;
}
.page-header-bg-gradient-2 {
object-fit: cover;
background-image: linear-gradient(#24385b, #ffffffa8);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.page-header-bg-gradient-2.black {
background-image: radial-gradient(circle, #0000007d, #0000002e);
}
.action-button-3 {
color: #fff;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #24385b;
border-radius: 8px;
justify-content: center;
align-self: center;
align-items: center;
min-height: 40px;
margin-left: 0;
margin-right: 0;
padding: 10px 20px;
font-size: 14px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
box-shadow: 0 0 4px 2px #00000021;
}
.action-button-3:hover {
color: #fff;
background-color: #62799b;
}
.action-button-3.white {
color: #fff;
background-color: #62799b;
border: 1px solid #ccc;
border-radius: 3px;
min-height: auto;
padding: 4px 10px;
font-size: 14px;
line-height: 18px;
text-decoration: none;
position: relative;
box-shadow: 1px 1px 3px #000;
}
.action-button-3.white:hover {
box-shadow: none;
color: #fff;
background-color: #24385b;
border-color: #24385b;
}
.action-button-3.white.ag.search-bar {
padding-right: 10px;
}
.action-button-3.hide {
box-shadow: none;
border-radius: 3px;
display: none;
}
.header-title-box-2 {
background-color: #24385b8f;
border-radius: 6px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
max-width: 500px;
height: 100%;
min-height: 300px;
margin-top: 0;
padding-top: 0;
padding-bottom: 35px;
display: none;
position: relative;
}
.search-button-4 {
min-width: 40px;
max-width: 40px;
color: var(--light-slate-grey);
cursor: pointer;
background-color: #f7f7f7;
border: 1px #0000;
border-radius: 4px;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: -21px;
padding: 3px 5px 3px 10px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 500;
transition: background-color .2s;
display: flex;
position: relative;
}
.search-button-4:hover {
background-color: var(--light-grey);
color: var(--light-slate-grey);
}
.search-button-4.marketplace-search {
background-color: #fff0;
min-height: 100%;
max-height: 100%;
margin-left: -40px;
display: none;
}
.search-button-4.marketplace-search:hover {
color: #24385b;
}
.home-page-header-text {
color: #fff;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 500;
}
.section-3 {
width: 800px;
min-width: 100%;
max-width: 450px;
display: block;
}
.page-header-title-2 {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: "Exo 2", sans-serif;
font-size: 45px;
font-weight: 200;
line-height: 100%;
display: block;
}
.div-block-24 {
min-width: 100%;
margin-left: 5px;
display: flex;
}
.text-block-38 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Lora, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 130%;
}
.page-header---hypomating {
background-image: none;
background-position: 0 0;
border-radius: 8px;
flex-direction: row;
justify-content: flex-end;
align-self: stretch;
align-items: center;
min-height: 350px;
margin-bottom: 10px;
padding: 60px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.search-input-4 {
color: #515365;
background-color: #f7f7f7;
border: 1px #0000;
border-radius: 4px;
align-self: stretch;
align-items: center;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 0 10px;
font-size: 13px;
font-style: normal;
line-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.search-input-4::placeholder {
font-size: 11px;
font-style: italic;
}
.search-input-4.marketplace-search {
background-color: #fff0;
flex: 1;
width: auto;
min-height: 100%;
max-height: 100%;
}
.search-input-4.marketplace-search::placeholder {
font-size: 14px;
}
.hypomating-title {
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 8px 8px 6px #000;
font-family: "Exo 2", sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 40px;
position: relative;
top: 70%;
}
.image-3 {
display: none;
}
.search-select-2 {
color: #9b9b9b;
background-color: #f3f3f300;
border: 1px #ccc;
border-right-style: solid;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
flex: 1;
align-self: stretch;
max-width: 135px;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.div-block-25 {
background-color: #62799b;
border: 1px #000;
border-right-width: 0;
border-radius: 6px;
justify-content: flex-start;
align-self: stretch;
align-items: center;
width: 20%;
min-width: 20%;
height: auto;
padding: 10px 15px;
font-size: 11px;
display: flex;
}
.action-buttons-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center;
align-self: center;
justify-items: center;
margin-bottom: 0;
margin-right: 0;
padding-right: 0;
display: grid;
}
.action-buttons-2.margin-top {
align-self: auto;
margin-top: 35px;
}
.div-block-27 {
justify-content: flex-end;
align-items: center;
width: 20%;
min-height: 100%;
padding-right: 20px;
display: flex;
}
.div-block-28 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-26 {
flex: 1;
justify-content: center;
align-items: center;
width: auto;
min-height: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-block-45 {
min-width: 100%;
min-height: 100%;
font-family: LineAwesome, sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 35px;
display: block;
}
.hero-search-wrapper-2 {
z-index: 11;
background-color: #24385b;
border: 3px solid #fff;
border-radius: 8px;
align-self: center;
max-width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
position: absolute;
inset: auto 0 0;
}
.hero-search-wrapper-2.hypomating {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/6069d820ccaf0dae49f4a918_Curly%20DNA%20gray%20-%2010%20percent.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
display: block;
position: relative;
bottom: 0;
box-shadow: 1px 1px 3px #000;
}
.edit-icon, .text-block-62 {
padding-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.text-block-63 {
color: var(--new-grey);
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 500;
}
.grid-block-content {
padding-left: 0;
padding-right: 0;
}
.grid-block-content-text {
margin-bottom: 10px;
}
.profile-card-stat-number {
min-width: 30px;
color: var(--orange);
text-align: center;
border-radius: 6px;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.profile-card-stat-wrapper {
cursor: pointer;
flex-direction: column;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.profile-card-stat-title {
color: var(--new-grey);
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 14px;
}
.profile-card-stats-box {
justify-content: space-between;
display: flex;
}
.profile-card-stats-box.hide {
display: none;
}
.featured-listing-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
border-radius: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
min-width: 100%;
margin-top: 10px;
display: flex;
}
.featured-listing-wrapper.first-position {
margin-top: 0;
}
.featured-listing-image {
object-fit: cover;
border-radius: 3px;
width: 80px;
height: 80px;
}
.featured-listing-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: stretch;
margin-left: 10px;
font-size: 14px;
line-height: 100%;
display: block;
}
.featured-listing-title {
font-size: 12px;
font-weight: 500;
line-height: 125%;
}
.featured-listing-info {
color: var(--lightblue);
font-size: 11px;
}
.menu-wrapper {
flex-direction: column;
padding-top: 5px;
display: flex;
}
.menu-wrapper.hide {
display: none;
}
.menu-title {
color: var(--orange);
text-transform: capitalize;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
}
.menu-link {
color: var(--new-grey);
cursor: pointer;
border-radius: 6px;
align-items: center;
padding: 3px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.menu-link:hover {
background-color: var(--light-grey);
color: var(--orange);
}
.menu-link.w--current {
background-color: #62799b29;
margin-bottom: 3px;
}
.menu-link-icon {
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.menu-link-title {
font-size: 12px;
}
.count-bubble {
background-color: var(--orange);
min-width: 15px;
height: 15px;
color: var(--white);
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
margin-left: auto;
padding: 5px 8px;
font-size: 11px;
display: flex;
}
.left-nav-dropdown-toggle {
background-color: var(--light-grey);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-self: stretch;
align-items: center;
width: 40px;
margin-left: 3px;
display: flex;
}
.dropdown-toggle-icon {
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
position: relative;
}
.left-nav-link-dropdown {
z-index: auto;
height: auto;
color: var(--dim-grey);
cursor: pointer;
background-color: #fff0;
border-bottom: 1px #f0f0f0;
margin-bottom: 3px;
margin-left: 40px;
transition: all .2s;
display: block;
position: relative;
}
.left-nav-link-dropdown:hover {
opacity: 1;
}
.left-nav-link-top {
border-radius: 6px;
padding: 3px;
display: flex;
position: relative;
}
.left-nav-link-top:hover {
background-color: #e7e7e7;
}
.user-menu-link-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.user-menu-link-text {
flex: 1;
}
.user-menu-dropdown-content {
flex-direction: column;
transition: left .2s;
display: flex;
position: relative;
}
.user-menu-dropdown-content.slide-in {
background-color: #fff;
width: 240px;
height: 100%;
padding-top: 10px;
position: absolute;
top: 0;
left: 0;
}
.user-menu-dropdown-content.slide-in.closed {
left: 240px;
}
.user-menu-dropdown-content.main {
left: 0;
}
.profile-switch-image {
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
width: 25px;
min-width: 25px;
height: 25px;
min-height: 25px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.profile-switch-option {
cursor: pointer;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding: 10px;
display: flex;
position: relative;
}
.profile-switch-option.alt {
flex-direction: row;
align-items: center;
}
.profile-switch-radio {
order: 1;
width: 20px;
height: 20px;
margin-left: 0;
margin-right: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.profile-switch-radio.alt {
width: 15px;
height: 15px;
margin-right: 0;
}
.right-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template: "."
"."
/ 2fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-left: 15px;
display: flex;
}
.app-header {
z-index: 11;
background-color: var(--orange);
flex-wrap: wrap;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
min-height: 49px;
margin-top: -1px;
display: flex;
position: relative;
left: 0;
right: 0;
box-shadow: 0 4px 5px -2px #00000047;
}
.disclaimer {
max-width: 500px;
}
.table-column-content {
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.table-wrapper {
background-color: #fff;
flex-direction: column;
padding: 15px;
line-height: 100%;
display: flex;
}
.table-form-block, .table-form {
flex-direction: column;
display: flex;
}
.table-checkbox-wrapper {
margin-bottom: 0;
padding-left: 0;
}
.table-checkbox {
margin: 0;
}
.table-checkbox.w--redirected-checked {
border-color: var(--orange);
background-color: var(--orange);
}
.table-body {
grid-column-gap: 16px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-4 {
border: 1px solid var(--grey);
border-radius: 4px;
align-self: flex-start;
width: auto;
height: 159.609px;
min-height: 31%;
}
.horse-gen-label-2 {
opacity: 1;
color: #575757;
text-align: left;
flex: 0 auto;
position: absolute;
top: 2px;
left: 8px;
}
.horse-gen-label-2.stallion-name {
text-align: left;
text-transform: uppercase;
justify-content: center;
padding-left: 0;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
top: 190px;
}
.page-action-drop-link-3 {
text-align: left;
}
.page-action-drop-link-3:hover {
background-color: #f7f7f7;
}
.grid-block-header-text-2 {
text-transform: capitalize;
flex: 1;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 15px;
display: flex;
}
.actions-item-3 {
cursor: pointer;
background-color: #0000;
border: 1px solid #fff;
border-radius: 2px;
align-items: center;
width: auto;
margin-right: 8px;
padding: 3px 7px;
font-size: 13px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.actions-item-3:hover {
color: #fff;
background-color: #16706b;
}
.actions-item-3.actions-dropdown {
border-radius: 2px;
justify-content: flex-start;
height: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 14px;
line-height: 26px;
display: flex;
}
.actions-item-3.actions-dropdown.alt {
color: #515365;
border-style: none;
border-color: #ccc;
border-radius: 100px;
flex: none;
justify-content: center;
width: 25px;
height: 25px;
}
.actions-item-3.actions-dropdown.alt.story-board-more-icon {
color: #fff;
border-radius: 100px;
width: 20px;
height: 20px;
}
.actions-item-3.actions-dropdown.alt {
color: #515365;
border-style: none;
border-color: #ccc;
border-radius: 100px;
flex: none;
justify-content: center;
width: 30px;
height: 30px;
font-size: 16px;
}
.actions-item-3.actions-dropdown.alt:hover {
background-color: #0000;
}
.actions-item-3.actions-dropdown.table-action {
box-shadow: none;
background-color: #fff;
border-style: solid;
border-color: #778ca2;
border-radius: 2px;
justify-content: flex-start;
padding-left: 10px;
padding-right: 5px;
}
.actions-item-3.actions-dropdown.no-border {
color: #fff;
border-style: none;
border-radius: 100px;
justify-content: center;
width: 30px;
height: 30px;
margin-left: 0;
text-decoration: none;
position: relative;
}
.actions-item-3.actions-dropdown.no-border:hover {
color: #515365;
background-color: #fff;
}
.actions-item-3.actions-dropdown.no-border.grey {
color: #778ca2;
}
.actions-item-3.icon {
color: #778ca2;
background-color: #0000;
border-style: none;
border-radius: 100px;
justify-content: center;
align-self: center;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 30px;
transition-duration: .2s;
display: flex;
}
.actions-item-3.icon:hover {
color: #515365;
}
.actions-item-3.icon.alt {
color: #515365;
flex-direction: row;
align-self: center;
margin-right: 0;
padding-left: 0;
padding-right: 0;
line-height: 20px;
text-decoration: none;
display: block;
}
.actions-item-3.icon.grey {
color: #778ca2;
}
.actions-helper-text-3 {
z-index: 1;
opacity: 0;
color: #515365;
background-color: #fff;
border-radius: 4px;
width: 120px;
padding: 3px 10px;
display: none;
position: absolute;
inset: 25px auto auto 50%;
transform: translate(-50%);
box-shadow: 0 0 3px #000;
}
.actions-dropdown-icon-2 {
color: #fff;
justify-content: center;
align-items: center;
width: 40px;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
display: flex;
}
.actions-dropdown-icon-2.alt {
color: #515365;
border-left-style: none;
border-radius: 100px;
width: 20px;
margin-right: 0;
font-size: 16px;
line-height: 26px;
position: absolute;
}
.actions-dropdown-icon-2.alt.post-box-icons {
color: #778ca2;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.actions-dropdown-icon-2.alt.post-box-icons:hover {
color: #62799b;
}
.actions-dropdown-icon-2.alt.post-box-icons.poll.social-icons.twitter {
color: #2d72d3;
font-size: 22px;
font-weight: 500;
}
.actions-dropdown-icon-2.alt.post-box-icons.link {
font-size: 14px;
}
.actions-dropdown-icon-2.alt.post-box-icons.link.social-icon.facebook {
color: #2a73da;
width: 20px;
font-size: 22px;
font-weight: 500;
}
.actions-dropdown-icon-2.alt-color {
color: #778ca2;
font-size: 17px;
}
.actions-dropdown-list-3 {
transition: all .2s;
right: 0;
}
.actions-dropdown-list-3.w--open {
text-align: left;
background-color: #fff;
border: 1px solid #e9ecef;
border-radius: 4px;
box-shadow: 0 0 3px #0003;
}
.actions-dropdown-list-3.story-board-more-action-menu {
min-width: 125px;
}
.pedigree-card {
background-color: #fff;
flex-direction: column;
justify-content: center;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.pedigree-card.large {
align-self: center;
width: 98%;
margin-right: 0;
}
.pedigree-card.medium {
flex: 0 auto;
align-self: center;
align-items: center;
width: 100%;
}
.pedigree-card._3rd-gen {
align-items: center;
width: 100%;
}
.pedigree-card-top.large {
margin-bottom: 5px;
}
.pedigree-card-top.medium {
margin-bottom: 1px;
}
.pedigree-card-bottom {
border: 1px none var(--grey);
width: 100%;
color: var(--new-grey);
background-color: #fff;
border-radius: 4px;
margin-left: 3px;
padding-left: 5px;
position: relative;
}
.pedigree-card-bottom.horizontal {
display: flex;
overflow: visible;
}
.pedigree-card-bottom.no-border {
border-style: none;
width: 100%;
margin-left: 0;
}
.pedigree-card-bottom.boarder {
border-style: solid;
}
.pedigree-image {
object-fit: cover;
border-radius: 6px;
width: 150px;
height: 125px;
}
.pedigree-image.medium {
width: 100px;
height: 70px;
}
.pedigree-image.large {
width: 210px;
height: 150px;
}
.pedigree-name {
text-transform: uppercase;
background-color: #fff;
padding-left: 0;
padding-right: 5px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 700;
}
.pedigree-name.large {
color: var(--new-grey);
text-transform: uppercase;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 700;
}
.pedigree-details {
text-align: left;
flex-wrap: wrap;
margin-bottom: 4px;
padding-left: 4px;
padding-right: 8px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.pedigree-details.hide {
display: none;
}
.info-icon {
cursor: pointer;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-family: "Fa 300", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
transition: color .2s;
display: flex;
position: relative;
top: 0;
}
.info-icon:hover {
color: var(--orange);
}
.pedigree-name-wrapper {
justify-content: flex-start;
align-items: center;
padding-top: 3px;
padding-left: 4px;
display: flex;
}
.pedigree-name-wrapper.hide {
display: none;
}
.pedigree-name-wrapper.simple {
padding-left: 4px;
}
.widget-float {
z-index: 9;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
width: 60px;
padding-bottom: 9px;
display: flex;
position: fixed;
top: 117px;
bottom: 0;
right: 5px;
}
.widget-float-toggle {
background-color: var(--darkblue);
width: 60px;
height: 60px;
color: var(--white);
cursor: pointer;
border-radius: 100px;
align-self: stretch;
margin-top: 10px;
transition: all .2s;
display: flex;
position: relative;
bottom: 0;
left: 0;
box-shadow: 1px 1px 7px #0000007a;
}
.widget-float-toggle:hover {
background-color: var(--orange);
}
.widget-toggle-icon {
text-align: center;
flex: 1;
align-self: center;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 600;
}
.quick-action-text-2 {
color: #fff;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-left: 5px;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 23px;
}
.page-nav-link-2 {
color: #778ca2;
text-align: center;
cursor: pointer;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: -1px;
padding-top: 0;
padding-left: 22px;
padding-right: 22px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.page-nav-link-2:hover {
color: #299892;
background-color: #f2f2f2;
border-bottom-color: #299892;
}
.page-nav-link-2.w--current {
border-bottom-style: none;
border-bottom-color: #24385b;
}
.page-nav-link-2.sticky {
justify-content: flex-end;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
}
.quick-action-icon-2 {
color: #fff;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.profile-sticky-navigation-2 {
border-radius: 6px;
flex: 1;
justify-content: flex-start;
min-width: auto;
display: flex;
}
.quick-add-dropdown-toggle-2 {
background-color: #16706b;
border-radius: 40px;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
padding: 10px;
display: flex;
}
.quick-add-dropdown-toggle-2.page {
background-color: #d74464;
border-radius: 3px;
padding: 4px 15px;
transition: all .2s;
}
.quick-add-dropdown-toggle-2.page:hover {
background-color: #24385b;
}
.page-nav-link-title-2 {
color: #575757;
text-transform: uppercase;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 12px;
display: flex;
position: relative;
}
.page-nav-link-title-2.sticky {
font-size: 11px;
}
.site-width-2 {
flex-direction: column;
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1927px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.site-width-2.flex-horiz {
justify-content: space-between;
min-width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.profile-sticky-header-2 {
z-index: 9;
background-color: #fff;
align-self: stretch;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: fixed;
top: 71px;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000042;
}
.profile-sticky-header-2.sold-by {
min-width: 100%;
max-width: 100%;
height: 100px;
margin-bottom: 0;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
top: 150px;
overflow: hidden;
}
.profile-sticky-header-2.sold-by.business-trial-whitelabel-scroll-header {
display: none;
}
.divider-2 {
border-right: 1px dashed #0000001a;
align-self: center;
width: 1px;
height: 30px;
}
.profile-sticky-header-avatar-2 {
border-radius: 100px;
width: 250px;
height: 40px;
margin-right: 5px;
}
.action-button-text-2 {
margin-left: 5px;
margin-right: 5px;
}
.action-button-text-2:hover {
box-shadow: none;
text-decoration: none;
}
.page-nav-link-arrow-2 {
color: #e73533;
align-items: center;
margin-left: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
line-height: 100%;
display: flex;
}
.link-6 {
color: #1967d3;
text-decoration: underline;
}
.link-7 {
color: #296cca;
}
.link-8 {
color: #3279dd;
}
.link-9 {
color: #2f6dc5;
}
.link-10 {
color: #2269cc;
}
.link-11 {
color: #2864b9;
}
.link-12 {
color: var(--new-grey);
}
.link-12:hover {
color: var(--orange);
}
.title-line-2 {
border-bottom: 1px dotted #ccc;
height: 1px;
margin-top: 5px;
padding-left: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.actions-helper-text-4 {
z-index: 1;
opacity: 0;
color: #515365;
background-color: #fff;
border-radius: 4px;
width: 120px;
padding: 3px 5px;
display: none;
position: absolute;
inset: 25px auto auto 50%;
transform: translate(-50%);
box-shadow: 0 0 3px #000;
}
.grid-user-name-2 {
color: #575757;
text-transform: capitalize;
flex: none;
align-self: stretch;
align-items: center;
height: 100%;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 400;
display: flex;
}
.grid-user-name-2.story-board-user {
color: #fff;
font-size: 12px;
}
.grid-box-header-2 {
box-shadow: none;
color: #515365;
cursor: pointer;
background-color: #f7f7f7;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding: 10px 20px;
display: flex;
position: relative;
}
.grid-box-header-2.story-board {
background-color: #0000003b;
align-items: center;
min-width: 100%;
margin-bottom: 0;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
.grid-box-header-2.ag-trial-post-box {
background-color: #fff;
padding: 5px 15px;
display: flex;
}
.grid-box-header-2.ag-trial-post-box.title-box-filter {
padding-left: 15px;
padding-right: 10px;
}
.grid-box-header-2.ag-trial-post-box.hide {
display: none;
}
.grid-avatar-box-2 {
background-color: #ccc;
border-radius: 100px;
flex: none;
align-self: center;
width: 50px;
height: 50px;
margin-top: -28px;
margin-right: 5px;
overflow: hidden;
}
.grid-avatar-box-2.story-board-avatar {
z-index: 11;
border: 2px solid #efefef;
width: 30px;
height: 30px;
margin-top: 0;
position: relative;
top: auto;
}
.stories-grid {
grid-column-gap: 5px;
grid-row-gap: 16px;
border-radius: 6px;
grid-template-rows: 1fr;
grid-template-columns: .25fr .25fr .25fr .25fr;
grid-auto-columns: 1fr;
display: grid;
}
.stories-grid.hide {
display: none;
}
.title-line-accent-2 {
background-color: #f89633;
width: 50px;
height: 1px;
margin-bottom: -1px;
position: absolute;
bottom: 0;
left: 0;
}
.image-5 {
object-fit: cover;
width: 150px;
max-height: 150px;
display: none;
position: relative;
}
.grid-user-id-2 {
color: #778ca2;
text-transform: capitalize;
flex: 1;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.grid-user-id-2.story-board-user-id-hide {
display: none;
}
.grid-user-name-wrapper-2 {
flex-direction: column;
flex: 1;
line-height: 15px;
display: flex;
}
.story-grid-block {
border: .5px solid #efefef;
border-radius: 6px;
align-items: flex-end;
min-height: 250px;
max-height: 100%;
display: flex;
box-shadow: 1px 1px 6px #efefef;
}
.story-grid-block.first-story, .story-grid-block.members {
background-image: none;
border-radius: 4px;
flex-direction: column;
align-items: flex-start;
min-height: 100px;
padding: 5px;
}
.story-grid-block.add-story-block {
background-image: none;
border-radius: 4px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 100px;
padding: 5px;
}
.post-type-container {
justify-content: flex-start;
display: flex;
}
.post-type {
z-index: 2;
background-color: var(--deep-sky-blue);
width: 50px;
height: 50px;
color: var(--black-2);
text-transform: uppercase;
cursor: pointer;
border-radius: 100px;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 20px;
padding: 5px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.post-type:hover {
background-color: var(--orange);
color: var(--white);
}
.post-type.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.create-post-top {
align-items: flex-start;
display: flex;
}
.create-post-bottom {
border-top: 1px solid var(--white-smoke);
justify-content: space-between;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.author-box {
justify-content: flex-start;
align-items: center;
display: flex;
}
.author-box-text {
color: var(--dim-grey-2);
margin-right: 5px;
}
.author-resource-box {
align-items: center;
display: flex;
}
.author-resource-icon {
color: var(--lightblue);
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 900;
}
.author-resource {
color: var(--darkblue);
margin-right: 3px;
font-weight: 500;
}
.post-stats {
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 5px 15px;
display: flex;
}
.post-stats.hide {
display: none;
}
.reaction-button {
background-color: var(--white);
width: 30px;
height: 30px;
min-height: auto;
box-shadow: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 0;
font-size: 17px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.reaction-button:hover {
background-color: var(--light-grey);
}
.reaction-button.active {
color: #fff;
background-color: #0000;
flex-direction: column;
margin-right: 5px;
}
.reaction-icon {
width: 30px;
height: 30px;
max-height: 20px;
color: var(--new-grey);
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: inline-block;
}
.reaction-icon.alt {
font-weight: 900;
}
.post-stat {
align-self: center;
margin-left: 5px;
text-decoration: none;
}
.resource-origin {
color: var(--darkblue);
text-transform: none;
flex: 0 auto;
align-self: center;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 20px;
}
.post-action-button {
width: 100%;
min-width: 20px;
min-height: 20px;
box-shadow: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 2px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.post-action-button:hover {
background-color: var(--white-smoke);
font-family: Roboto Condensed, sans-serif;
font-weight: 300;
}
.post-submit {
z-index: 2;
background-color: var(--orange);
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-image: linear-gradient(#ffffff59, #ffffff59);
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 5px;
padding: 5px 15px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.post-submit:hover {
background-color: var(--orange);
color: var(--white);
}
.post-submit.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.post-submit.hide {
display: none;
}
.post-submit.large {
padding: 15px 20px;
font-size: 12px;
font-weight: 600;
}
.submit-text {
margin-right: 4px;
}
.post-action-icon {
color: var(--orange);
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.post-action-icon.alt {
font-weight: 500;
}
.post-action-text {
text-align: left;
text-transform: capitalize;
white-space: normal;
margin-left: 5px;
font-size: 11px;
line-height: 100%;
display: block;
}
.post-action-text.hide {
color: var(--new-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: none;
}
.profile-card-description {
color: var(--new-grey);
text-align: left;
text-transform: none;
margin-bottom: 0;
font-weight: 400;
line-height: 140%;
}
.profile-location-wrapper {
color: #696969;
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
font-size: 10px;
transition: color .2s;
display: flex;
}
.profile-location-wrapper:hover {
color: var(--orange);
}
.location-text {
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 400;
line-height: 120%;
}
.community-grid {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
flex: 1;
grid: "."
/ auto 1fr 1fr 1fr;
align-content: start;
margin-bottom: 20px;
display: grid;
}
.article-wrapper {
cursor: pointer;
height: 100%;
min-height: 160px;
padding-bottom: 70%;
position: relative;
overflow: hidden;
}
.article-image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
transition: transform .8s;
position: absolute;
inset: 0%;
}
.article-image:hover {
transform: scale(1.1);
}
.article-excerpt-wrapper {
color: #fff;
background-color: #00000085;
flex-direction: column;
padding: 20px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.article-excerpt-wrapper.small {
justify-content: flex-end;
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.article-excerpt-heading {
text-transform: capitalize;
margin-top: 0;
margin-bottom: 5px;
font-size: 20px;
font-weight: 500;
line-height: 100%;
}
.article-excerpt-heading.small {
font-size: 13px;
line-height: 140%;
}
.article-excerpt-text {
color: #e4e4e4;
font-size: 12px;
font-weight: 300;
line-height: 150%;
}
.article-category {
background-color: var(--red);
color: #fff;
text-transform: uppercase;
padding: 5px 15px;
font-size: 11px;
line-height: 100%;
position: absolute;
top: 5%;
left: 0;
}
.article-category.orange {
background-color: var(--orange);
}
.article-category.green {
background-color: var(--light-teal);
}
.article-category.purple {
background-color: #a833e7;
}
.article-category.yellow {
background-color: #dfb80d;
}
.article-category.general {
background-color: var(--royal-blue);
}
.community-section-header {
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-bottom: 5px;
padding-bottom: 3px;
display: flex;
position: relative;
}
.community-section-header.hide {
display: none;
}
.community-section-header-left {
flex: 1;
justify-content: flex-start;
align-items: center;
height: 31px;
display: flex;
}
.community-section-header-h1 {
color: var(--darkblue);
text-align: center;
text-transform: capitalize;
align-self: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 13px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.community-section-header-h1.white {
color: #fff;
}
.community-sidebar {
color: #fff;
background-color: #444;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
align-self: flex-start;
min-width: 350px;
max-width: 350px;
margin-left: 15px;
padding-top: 20px;
display: flex;
}
.community-header-grid {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
flex: 1;
grid-template: "."
/ 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
margin-bottom: 20px;
display: grid;
}
.community-grid-right {
grid-column-gap: 0px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
align-content: start;
justify-items: stretch;
width: 200px;
display: grid;
}
.community-grid-left {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
flex: 1;
grid-template: "."
/ 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
margin-bottom: 20px;
margin-left: 15px;
display: grid;
}
.small-article-title {
cursor: pointer;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
line-height: 150%;
}
.small-article-excerpt {
cursor: pointer;
line-height: 150%;
}
.small-article {
border-bottom: 1px solid #e0e0e0;
flex-direction: column;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.small-article-date {
color: #838383;
text-transform: uppercase;
}
.small-article-detail {
color: #838383;
text-transform: capitalize;
cursor: pointer;
}
.small-article-details {
justify-content: flex-start;
display: flex;
}
.small-article-bullet {
color: var(--grey);
margin-left: 3px;
margin-right: 3px;
}
._160x600ad {
background-color: var(--grey);
width: 160px;
min-width: 160px;
height: 600px;
min-height: 600px;
color: var(--new-grey);
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
display: flex;
}
.vert-flex {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-self: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.sidebar-section {
flex: none;
margin-top: 0;
margin-bottom: 0;
}
.sidebar-section.weekly-quote {
background-color: #8f6163;
padding: 20px 0;
}
.sidebar-section.light-grey {
background-color: var(--new-grey);
margin-top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.sidebar-section-header {
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 3px;
display: flex;
position: relative;
}
.weekly-quote-wrapper {
margin: 15px 20px;
position: relative;
}
.weekly-quote-text {
letter-spacing: 1px;
margin-left: 38px;
font-family: Oswald, sans-serif;
font-size: 21px;
font-weight: 200;
line-height: 125%;
}
.quotation-icon {
color: #fff;
justify-content: center;
align-items: center;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 70px;
line-height: 20px;
display: flex;
position: absolute;
inset: 24px auto auto 0%;
}
.weekly-quote-author {
opacity: .6;
text-align: right;
}
.div-block-66 {
min-height: 200px;
}
.sidebar-section-body {
padding-left: 20px;
padding-right: 20px;
}
.text-block-21 {
font-size: 12px;
line-height: 12px;
}
.text-block-21.sell-icon {
color: #888da8;
margin-right: 3px;
font-family: FontAwesome, sans-serif;
}
.text-block-21.sell-icon.calendar-icon.horse-heade-icon {
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
}
.text-block-21.post-icon {
color: var(--light-blue);
margin-right: 3px;
font-family: FontAwesome, sans-serif;
}
.feed-filter-2 {
z-index: 2;
color: #2f3036;
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: 1px solid #62799b;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 10px;
padding: 5px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.feed-filter-2:hover {
color: #f89633;
background-color: #efefef;
border: 1px solid #f89633;
}
.feed-filter-2.w--current {
color: #16706b;
background-color: #eee;
}
.feed-filter-2.current {
color: #f89633;
background-color: #efefef;
border: 1px solid #f89633;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-weight: 600;
}
.feed-filter-2.submit-post-button.no-content {
color: #fff;
background-color: #f89633;
background-image: linear-gradient(#ffffffad, #ffffffad);
border-style: none;
max-width: 50%;
margin-left: 0;
font-size: 16px;
line-height: 16px;
}
.title-line-3 {
border-bottom: 1px dotted #ccc;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.listing-type-image {
object-fit: cover;
max-height: 115px;
}
.fixed-window-title-2 {
color: #24385b;
font-size: 20px;
line-height: 100%;
}
.dropdown-link-2 {
text-align: left;
min-width: 125px;
margin-top: 0;
transition: all .2s;
}
.dropdown-link-2:hover {
color: #f89633;
}
.create-post-box-2 {
flex: 1;
align-self: stretch;
align-items: center;
max-width: 100%;
margin-top: 20px;
margin-bottom: 10px;
display: flex;
}
.create-post-box-2.create-icon-line {
border-top: 1px solid var(--light-grey-2);
justify-content: flex-end;
align-self: flex-end;
min-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
}
.action-icon-2 {
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.action-icon-2.arrow {
margin-left: 4px;
margin-right: -3px;
font-size: 9px;
position: relative;
bottom: 0;
}
.action-icon-2.arrow.hide {
color: #24385b;
font-family: FontAwesome, sans-serif;
font-size: 12px;
display: block;
}
.action-icon-2.arrow.hide:hover {
color: #f89633;
}
.action-icon-2.arrow.hide.filled-arrow {
align-self: center;
}
.action-icon-2.smaller {
font-size: 14px;
}
.action-icon-2.smaller.hidden {
display: none;
}
.action-icon-2.alt-set {
font-weight: 900;
position: relative;
top: -1px;
}
.action-button-4 {
color: #fff;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #24385b;
border-radius: 8px;
justify-content: center;
align-self: center;
align-items: center;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding: 4px 20px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
box-shadow: 0 0 4px 2px #00000021;
}
.action-button-4:hover {
color: #fff;
background-color: #62799b;
}
.action-button-4.left-align {
align-self: flex-start;
}
.action-button-4.muted {
min-height: auto;
box-shadow: none;
color: #333;
background-color: #0000;
border: 1px #ccc;
border-radius: 3px;
margin-left: 3px;
margin-right: 3px;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.action-button-4.muted:hover {
color: #f89633;
}
.div-block-68 {
justify-content: flex-end;
min-width: 25%;
display: flex;
}
.login-content-wrapper-2 {
color: #515365;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.login-content-wrapper-2.type-of-listing-grid-prop-up-box {
padding-left: 0;
padding-right: 0;
}
.action-button-text-3 {
margin-left: 0;
margin-right: 5px;
}
.action-button-text-3.newsfeed-title-dropdown {
color: #24385b;
font-size: 18px;
}
.page-action-drop-link-4 {
text-align: left;
}
.page-action-drop-link-4:hover {
background-color: #f7f7f7;
}
.dropdown-list-5 {
opacity: 0;
margin-left: -11px;
transition: height .6s;
top: 100%;
}
.dropdown-list-5.w--open {
z-index: 999999;
opacity: 1;
background-color: #f7f7f7;
border-radius: 6px;
min-width: 125px;
height: auto;
margin-top: 5px;
transition: opacity .2s, all .2s;
display: inline-block;
top: 100%;
overflow: hidden;
}
.simple-link-button-2 {
color: #575757;
cursor: pointer;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: relative;
}
.simple-link-button-2:hover {
color: #f89633;
}
.simple-link-button-2.hide {
display: none;
}
.simple-link-button-2.create-search-alert {
background-color: var(--deep-pink);
color: #3b68a7;
border: 1px #000;
width: 330px;
padding-top: 5px;
padding-bottom: 0;
padding-left: 15px;
}
.simple-link-button-2.create-search-alert.hide {
display: none;
}
.grid-box-body-2 {
flex-direction: column;
flex: 1;
align-items: stretch;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
display: flex;
position: relative;
}
.grid-box-body-2.selling-post-body.hide {
display: none;
}
.heading-2 {
color: #62799b;
margin-top: 0;
margin-bottom: 20px;
font-size: 18px;
font-weight: 400;
line-height: 125%;
}
.heading-2.selling-title {
color: #62799b;
min-height: auto;
margin-bottom: 0;
font-weight: 500;
line-height: 125%;
}
.div-block-71 {
border: 1px solid #ccc;
border-radius: 6px;
align-self: flex-start;
align-items: center;
min-width: 100%;
min-height: 35px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-left: 10px;
display: flex;
}
.actions-dropdown-list-4 {
transition: all .2s;
right: 0;
}
.actions-dropdown-list-4.w--open {
text-align: left;
background-color: #fff;
border: 1px solid #e9ecef;
border-radius: 4px;
box-shadow: 0 0 3px #0003;
}
.actions-dropdown-2 {
opacity: 1;
flex: none;
align-self: center;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}
.actions-dropdown-2.post-box-icons {
width: 30px;
height: 30px;
font-size: 16px;
}
.actions-dropdown-2.post-box-image-next-to-text {
display: flex;
}
.fixed-window-content-2 {
background-color: #fff;
border-radius: 6px;
flex-direction: column;
width: 100%;
max-width: 500px;
min-height: 25vh;
margin-top: 138px;
padding: 20px;
display: flex;
position: relative;
box-shadow: 0 0 4px 2px #0000002e;
}
.fixed-window-content-2.selling-popup-content {
min-width: 600px;
max-width: 80vw;
height: 90vh;
margin-top: 110px;
padding-left: 15px;
padding-right: 15px;
position: relative;
inset: 0% 0% auto;
overflow: auto;
}
.fixed-window-header-2 {
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.div-block-69 {
flex: 1;
min-width: 60%;
max-width: 75%;
}
.div-block-72 {
max-width: 95%;
}
.feed-filter-3 {
z-index: 2;
color: #2f3036;
text-transform: uppercase;
cursor: pointer;
background-color: #f7f7f7;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-right: 5px;
padding: 5px 15px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.feed-filter-3:hover {
color: #fff;
background-color: #f89633;
}
.feed-filter-3.w--current {
color: #16706b;
background-color: #eee;
}
.feed-filter-3.current {
color: #fff;
background-color: #f89633;
font-weight: 600;
}
.feed-filter-3.current.feed-filters-hidden, .feed-filter-3.feed-filters-hidden {
display: none;
}
.newsfeed-search-icon {
font-family: FontAwesome, sans-serif;
}
.post-author-box {
flex: 1;
align-self: center;
display: block;
}
.post-author-box.page-title-and-filter-box-header, .post-author-box.current-user-post-box-header {
display: flex;
}
.author-name-2 {
color: #515365;
text-transform: capitalize;
flex: 1;
align-self: center;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 20px;
}
.author-name-2.post-something-title {
display: none;
}
.div-block-70 {
align-self: center;
max-width: 21%;
}
.post-something-box-2 {
background-color: #fff;
border: .5px solid #ccc;
border-radius: 7px;
flex-direction: column;
align-self: stretch;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
overflow: visible;
}
.post-something-box-2.ag-trial-post-box {
border-color: #ccc;
margin-bottom: 15px;
padding-bottom: 0;
box-shadow: 1px 1px 6px #ccc;
}
.post-something-box-2.ag-trial-post-box.title-box-filter {
box-shadow: none;
border-style: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-something-box-2.ag-trial-post-box.ag-trial-page-header-post-combo {
border-color: #ccc;
box-shadow: 1px 1px 6px #ccc;
}
.post-input-2 {
color: #5153655e;
cursor: text;
background-color: #f7f7f7;
border-radius: 7px;
flex: 1;
align-self: center;
margin-bottom: 0;
margin-left: 0;
padding: 10px;
font-family: Poppins, sans-serif;
}
.post-input-2.ag-trial-post-input-white {
color: #515365;
background-color: #f7f7f7;
font-size: 14px;
}
.post-avatar-box-2 {
background-color: #ccc;
border-radius: 100px;
flex: none;
align-self: center;
width: 35px;
height: 35px;
margin-right: 5px;
overflow: hidden;
}
.post-avatar-box-2.post-box-avatar {
border: 2px solid #f89633;
width: 35px;
height: 35px;
}
.post-pop-up {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.post-pop-up.selling-post-pop-up {
display: flex;
top: -50px;
}
.post-pop-up.selling-post-pop-up.hide {
display: none;
}
.listing-popup {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.listing-popup.selling-post-pop-up {
display: flex;
top: -50px;
}
.listing-popup.selling-post-pop-up.hide, .listing-popup.selling-post-pop-up.create-your-profile.hide {
display: none;
}
.post-form {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-self: stretch;
display: flex;
}
.post-text-area {
border: 1px solid var(--grey);
background-color: #fff;
border-radius: 3px;
flex: 1;
min-height: 180px;
margin-bottom: 0;
}
.post-text-area::placeholder {
font-size: 12px;
}
.post-type-button {
min-width: 30px;
min-height: 30px;
box-shadow: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #ececec;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 20px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.post-type-button:hover {
background-color: var(--light-grey);
}
.post-type-button.current {
background-color: var(--orange);
color: #fff;
}
.post-type-buttons {
border-radius: 100px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: none;
overflow: hidden;
}
.post-type-button-text {
text-align: left;
text-transform: capitalize;
white-space: normal;
margin-left: 5px;
font-size: 11px;
line-height: 100%;
}
.custom-select-toggle {
border: 1px solid var(--grey);
min-width: 100%;
min-height: 36px;
box-shadow: none;
color: var(--dim-grey);
cursor: pointer;
background-color: #fff;
border-radius: 4px;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 8px 20px;
display: flex;
position: relative;
}
.custom-select-toggle.hide {
display: none;
}
.add-post-avatar-box {
border: 1px solid var(--orange);
background-color: var(--grey);
border-radius: 100px;
flex: none;
width: 50px;
height: 50px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.post-source-list {
grid-column-gap: 16px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
margin-top: 10px;
margin-bottom: 10px;
display: grid;
}
.added-section-title {
font-size: 14px;
font-weight: 500;
}
.added-section-text {
font-size: 12px;
font-weight: 400;
}
.post-source-link {
color: var(--dim-grey);
cursor: pointer;
border-radius: 6px;
align-self: stretch;
align-items: center;
margin-left: 0;
margin-right: 0;
line-height: 15px;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.post-source-link:hover {
background-color: var(--light-grey);
}
.post-source-icon-wrapper {
border-radius: 100px;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
margin-right: 5px;
display: flex;
position: absolute;
left: 10px;
overflow: hidden;
}
.post-source-icon {
object-fit: cover;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: flex;
}
.post-source-label {
font-size: 13px;
font-weight: 500;
}
.text-area-wrapper {
border-bottom: 1px none var(--light-grey-2);
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 10px;
display: flex;
}
.create-post-footer {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
padding-bottom: 0;
display: grid;
}
.post-privacy-section {
z-index: 9999;
background-color: #fff;
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
transition: left .2s;
display: flex;
position: relative;
inset: 0%;
}
.post-privacy-section.closed {
height: 0;
overflow: hidden;
}
.post-source-description {
font-weight: 400;
}
.add-post-user-name {
flex: 1;
font-size: 14px;
font-weight: 500;
}
.form-section-arrow {
align-self: auto;
margin-left: 5px;
font-family: FontAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 100%;
transition: transform .2s;
position: relative;
}
.form-section-arrow.rotate {
color: var(--darkblue);
padding-right: 5px;
font-size: 18px;
line-height: 125%;
transform: rotate(0);
}
.post-type-title {
color: var(--darkblue);
text-align: center;
cursor: pointer;
flex: 0 auto;
justify-content: center;
align-items: flex-end;
margin-bottom: 0;
margin-right: 5px;
font-family: "Exo 2", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.add-post-type-section {
z-index: 9999;
border-bottom: 1px dashed var(--grey);
background-color: #fff;
flex-direction: column;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
transition: left .2s;
display: flex;
position: relative;
inset: 0%;
}
.add-post-type-section.closed {
border-bottom-style: none;
height: 0;
padding-bottom: 0;
overflow: hidden;
}
.create-a-post-popup {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.create-a-post-popup.ag-trial-version {
top: -20px;
}
.create-a-post-popup.ag-trial-version.hide {
display: none;
}
.title-line-trial {
padding-left: 0;
}
.post-type-image-select {
color: #515365;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.text-block-64 {
color: var(--darkblue);
padding-right: 3px;
font-family: FontAwesome, sans-serif;
font-size: 16px;
line-height: 20px;
}
.div-block-73 {
display: flex;
}
.post-type-grid-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.post-type-grid-box.hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.text-block-65 {
color: #3b68a7;
min-width: 60%;
max-width: 60%;
font-family: "Exo 2", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 24px;
}
.account-overview-title-line {
margin-top: 5px;
display: block;
position: relative;
}
.home-newsfeed {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.home-newsfeed:hover {
color: var(--darkblue);
}
.home-newsfeed.w--current {
color: var(--orange);
}
.home-newsfeed.hide {
display: none;
}
.profile {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.profile:hover {
color: var(--darkblue);
}
.profile.w--current {
color: var(--orange);
}
.my-horses {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.my-horses:hover {
color: var(--darkblue);
}
.my-horses.w--current {
color: var(--orange);
}
.my-contacts {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.my-contacts:hover {
color: var(--darkblue);
}
.my-contacts.w--current {
color: var(--orange);
}
.selling {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.selling:hover {
color: var(--darkblue);
}
.selling.w--current {
color: var(--orange);
}
.settings {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.settings:hover {
color: var(--darkblue);
}
.settings.w--current {
color: var(--orange);
}
.dashboard {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.dashboard:hover {
color: var(--darkblue);
}
.dashboard.w--current {
color: var(--orange);
}
.messages {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.messages:hover {
color: var(--darkblue);
}
.messages.w--current {
color: var(--orange);
}
.my-businesses {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.my-businesses:hover {
color: var(--darkblue);
}
.my-businesses.w--current {
color: var(--orange);
}
.my-calendar-copy {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.my-calendar-copy:hover {
color: var(--darkblue);
}
.my-calendar-copy.w--current {
color: var(--orange);
}
.buying {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.buying:hover {
color: var(--darkblue);
}
.buying.w--current {
color: var(--orange);
}
.text-block-66 {
color: #778ca2;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.my-account-search---nav {
color: #24385bb8;
cursor: pointer;
background-color: #fff;
border-radius: 6px;
padding: 5px 10px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.my-account-search---nav:hover {
color: var(--darkblue);
}
.my-account-search---nav.w--current {
color: var(--orange);
}
.ag-nav-expand-arrow {
z-index: 12;
width: 30px;
height: 30px;
color: var(--orange);
cursor: pointer;
border-radius: 100px;
align-self: stretch;
align-items: center;
margin-bottom: 0;
font-size: 16px;
transition: all .2s;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.ag-nav-expand-arrow:hover {
background-color: var(--orange);
color: #fff;
}
.div-block-74 {
justify-content: flex-end;
display: flex;
}
.text-block-67 {
justify-content: flex-end;
min-width: 40%;
max-width: 40%;
display: flex;
}
.pinned-quick-actions {
flex: 1;
justify-content: space-between;
align-self: stretch;
margin-bottom: 0;
display: flex;
}
.pinned-quick-actions.hide {
flex: 0 auto;
}
.pinned-quick-actions.post-type-buttons {
border-bottom: 1px solid var(--grey);
border-radius: 0;
justify-content: center;
margin: 5px 10px;
padding-bottom: 10px;
display: flex;
}
.pinned-quick-actions.post-type-buttons.hide {
display: none;
}
.heading-4 {
color: #515365;
font-weight: 400;
}
.colorful-icon {
color: #1875f0;
text-align: center;
background-color: #1875f01a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 1em;
display: flex;
}
.colorful-icon.green {
color: #02c908;
background-color: #02c9081a;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.colorful-icon.purple {
color: #a279f9;
background-color: #6a75d81a;
}
.center-label {
text-align: center;
margin-top: 1em;
}
.dash-row {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-left: -1%;
margin-right: -1%;
display: flex;
}
.large-number {
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
font-weight: 400;
line-height: 1.6;
display: inline-block;
}
.box-padding {
padding: 1.6em;
}
.white-box {
color: #333;
background-color: #fff;
border: 1px solid #f3f3f3;
border-radius: 4px;
width: 48%;
margin-bottom: 2%;
margin-left: 1%;
margin-right: 1%;
box-shadow: 11px 11px 15px -5px #0000001a;
}
.white-box.third {
background-color: var(--white);
width: 31%;
}
.white-box.two-third {
width: 64%;
margin-left: 1%;
margin-right: 1%;
}
.overview-stat-icon-2 {
color: #16706b;
text-transform: uppercase;
flex: 1;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 50px;
display: flex;
}
.overview-stat-box-2 {
background-color: #f7f7f7;
border-radius: 6px;
flex: 1;
margin-right: 20px;
padding: 20px;
display: flex;
box-shadow: 0 0 3px #00000061;
}
.overview-stat-box-2.last {
margin-right: 0;
}
.overview-stat-title-2 {
color: #16706b;
text-transform: uppercase;
flex: 0 auto;
align-items: flex-end;
font-size: 16px;
font-weight: 600;
display: flex;
}
.overview-stat-description-2 {
color: #515365;
text-transform: none;
flex: 1;
font-size: 14px;
font-weight: 400;
}
.overview-stat-number-2 {
color: #fff;
text-transform: uppercase;
background-color: #16706b;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 40px;
display: flex;
}
.custom-select-dropdown {
z-index: 9999;
box-shadow: 0 0 4px 0 var(--grey);
background-color: #fff;
border-radius: 4px;
flex-direction: column;
display: flex;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.custom-select-dropdown.closed {
z-index: 99;
height: 0;
overflow: hidden;
}
.post-source-option {
cursor: pointer;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: center;
align-items: flex-start;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 46px;
display: flex;
position: relative;
}
.radio-button-label {
display: none;
}
.custom-select-field {
flex-direction: column;
align-items: stretch;
margin-bottom: 10px;
display: flex;
position: relative;
}
.post-section-toggle-icon {
object-fit: cover;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: flex;
}
.post-section-toggle-icon-wrapper {
justify-content: center;
align-items: center;
width: 30px;
display: flex;
}
.post-section-label {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 4px;
padding-left: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 120%;
}
.privacy-toggle {
background-color: var(--white-smoke-2);
box-shadow: none;
color: var(--dim-grey);
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 10px;
display: flex;
position: relative;
}
.privacy-text {
height: 100%;
color: var(--new-grey);
text-transform: capitalize;
flex: none;
align-self: stretch;
align-items: center;
margin-right: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
display: flex;
}
.fixed-window-overflow {
flex-direction: column;
align-self: stretch;
align-items: center;
width: 100%;
max-width: none;
margin-top: 29px;
margin-bottom: 30px;
padding: 25px 15px 20px;
display: flex;
position: relative;
}
.post-section-profile-switch {
cursor: pointer;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
}
.privacy-toggle-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.widget {
border: 1px solid var(--light-grey-3);
border-radius: 4px;
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 15px;
position: relative;
box-shadow: 0 0 4px #00000026;
}
.widget-toggle {
z-index: 1;
border-bottom: 1px solid var(--light-grey-3);
background-color: var(--white);
min-height: 40px;
box-shadow: none;
color: var(--new-grey);
cursor: pointer;
background-image: none;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
padding: 7px 20px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: visible;
}
.widget-toggle:hover {
background-color: var(--white);
color: var(--new-grey);
background-image: none;
}
.widget-toggle:active {
background-image: none;
}
.widget-toggle.subwidget-toggle {
background-color: var(--white);
min-height: 20px;
box-shadow: none;
border: 1px #000;
padding: 2px 0;
}
.widget-toggle.subwidget-toggle.gray.center {
justify-content: center;
padding-right: 5px;
}
.widget-toggle.white {
background-color: var(--white);
}
.widget-toggle.gray {
background-color: var(--light-grey);
}
.form-section-label {
color: var(--darkblue);
text-transform: capitalize;
text-shadow: none;
flex: 1;
font-size: 16px;
font-weight: 600;
line-height: 120%;
}
.widget-dropdown {
background-color: #fcfcfc;
border-radius: 0 0 4px 4px;
flex-direction: column;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.widget-dropdown.closed {
height: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.basic-data-field-grid {
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
overflow: visible;
}
.post-toggle-locked {
font-family: LineAwesome, sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 100%;
transition: transform .2s;
position: relative;
top: -2px;
}
.input-label {
color: #b1afaf;
text-transform: uppercase;
line-height: 110%;
}
.close-window-button {
z-index: 999;
width: 25px;
height: 25px;
box-shadow: none;
color: var(--new-grey);
cursor: pointer;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: absolute;
top: 5px;
right: 4px;
}
.close-window-button:hover {
color: var(--orange);
}
.form-section-icon {
text-shadow: none;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.add-horse-options {
grid-column-gap: 10px;
grid-row-gap: 16px;
border-bottom: 1px solid #e0e0e0;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
justify-items: start;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: grid;
}
.add-horse-options.hide {
display: none;
}
.add-horse-option {
border: 1px solid var(--grey);
background-color: var(--light-grey);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: -1px;
padding: 0;
display: flex;
position: relative;
}
.add-horse-option.w--current {
background-color: #ffffff30;
border-bottom-style: solid;
border-bottom-color: #fff;
}
.add-horse-option-icon {
color: #f89633;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.add-horse-option-label {
color: var(--darkblue);
font-size: 14px;
font-weight: 500;
}
.add-horse-option-description {
font-weight: 400;
line-height: 100%;
display: block;
}
.add-horse-option-box {
align-items: center;
padding: 10px 20px 10px 15px;
display: flex;
position: relative;
}
.div-block-76 {
flex-direction: column;
display: flex;
}
.basic-image-field {
border: 1px dashed var(--grey);
color: var(--grey);
cursor: pointer;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
transition: background-color .2s, color .2s, border-color .2s;
display: flex;
position: relative;
}
.basic-image-field:hover {
border-color: var(--orange);
color: var(--orange);
background-color: #fff5ea;
}
.basic-image-field-icon {
font-family: LineAwesome, sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 100%;
}
.basic-image-field-wrapper {
height: 100%;
color: var(--grey);
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.basic-image-field-wrapper.hide {
display: none;
}
.add-horse-option-tab {
padding-left: 10px;
padding-right: 10px;
}
.fixed-window-header-dropdown {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
}
.fixed-window-header-toggle {
text-align: left;
border: 1px #000;
border-bottom-width: 0;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 5px;
padding-bottom: 0;
padding-left: 10px;
display: flex;
position: relative;
}
.fixed-window-header-toggle._2 {
align-self: stretch;
}
.fixed-window-header-menu {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.fixed-window-header-menu.closed {
height: 0;
overflow: hidden;
}
.post-pop-up-box-trial {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.post-pop-up-box-trial.closed {
z-index: -9999;
opacity: 0;
transition-duration: .2s, .2s;
display: none;
}
.horse-form-components {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 51px 0% 0%;
}
.horse-form-components.hide {
display: none;
}
.create-listing-wrapper {
display: flex;
}
.create-listing-left {
z-index: 2;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
width: 50%;
display: flex;
position: relative;
box-shadow: 0 0 4px 2px #0003;
}
.create-listing-right {
z-index: 1;
background-color: #e7e7e7;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
padding: 30px;
display: block;
position: relative;
overflow: hidden;
}
.create-listing-right.hide {
display: none;
}
.create-listing-preview {
backface-visibility: hidden;
perspective: none;
transform-origin: 50% 100%;
transform-style: preserve-3d;
flex-direction: column;
justify-content: flex-start;
align-self: center;
display: flex;
transform: translate(0, -20%)scale(.8);
}
.form_componenets {
flex-flow: column;
flex: 1;
align-items: center;
width: auto;
padding-top: 0;
display: block;
}
.hidden-file-upload-wrapper {
z-index: 99;
opacity: 0;
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.form-fields_2column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(200px, 1fr);
grid-auto-flow: row;
align-self: center;
width: 100%;
max-width: 100%;
margin-bottom: 30px;
display: grid;
}
.toggle {
cursor: pointer;
background-color: #e7e7e7;
border: 2px solid #e7e7e7;
border-radius: 100px;
justify-content: center;
width: 45px;
height: 20px;
transition: background-color .2s, border-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.toggle.option-2 {
width: 100px;
}
.toggle.on {
border-width: 1px;
border-color: var(--orange);
background-color: #fcdcbc;
background-image: linear-gradient(141deg, var(--orange), var(--deep-pink));
width: 35px;
}
.toggle-button-wrapper {
border-radius: 100px;
flex: 0 auto;
align-self: stretch;
height: 100%;
margin-left: 0;
margin-right: auto;
padding: 1px 2px;
transition: flex-grow .2s;
position: absolute;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.toggle-button-wrapper.on {
flex: 1;
margin-right: 0;
inset: 0% 0% 0% auto;
}
.toggle-button {
background-color: var(--new-grey);
border-radius: 100px;
align-items: center;
width: 14px;
height: 14px;
transition: background-color .2s;
display: flex;
position: relative;
}
.toggle-button.on {
background-color: var(--white);
}
.select2-field-wrapper {
border-radius: 3px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.select2-field-wrapper.hide {
display: none;
}
.select2-field {
border: 1px solid var(--grey);
background-color: var(--white);
width: 100%;
height: 35px;
min-height: 0;
color: var(--grey);
border-radius: 3px;
margin-bottom: 10px;
font-size: 11px;
}
.toggle-on-text {
color: #bd6f20;
justify-content: center;
align-items: center;
margin-left: 4px;
font-weight: 600;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.toggle-off-text {
color: var(--new-grey);
justify-content: center;
align-self: center;
align-items: center;
margin-right: 12px;
font-weight: 600;
line-height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
}
.toggle-wrapper {
grid-column-gap: 5px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: center;
display: grid;
}
.toggle-wrapper.grow {
justify-content: space-between;
align-self: stretch;
}
.toggle-option {
color: var(--new-grey);
justify-content: center;
align-self: center;
align-items: center;
font-weight: 600;
line-height: 100%;
display: flex;
position: relative;
}
.toggle-question {
font-size: 11px;
line-height: 100%;
}
.radio-wrapper {
flex-direction: row;
justify-content: flex-start;
align-self: stretch;
align-items: center;
margin-bottom: 12px;
padding-left: 0;
display: flex;
}
.radio-wrapper.hide {
display: none;
}
.default-radio-button {
margin-top: 0;
margin-left: 0;
margin-right: 4px;
}
.field-option {
flex-direction: row;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
display: block;
}
.radio-buttons-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.checkbox-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
justify-items: stretch;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0;
display: grid;
}
.checkbox-grid.hide {
display: none;
}
.checkbox-wrapper {
margin-bottom: 3px;
}
.form-components_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
align-self: center;
align-items: stretch;
max-width: 100%;
display: grid;
}
.dropdown-component {
align-self: center;
position: relative;
}
.dropdown-component-toggle {
z-index: 1;
border: 1px solid var(--grey);
color: var(--lightblue);
cursor: pointer;
background-color: #f6f6f6;
border-radius: 3px;
justify-content: flex-start;
align-items: center;
padding: 5px 10px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.form-subsection-icon {
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.form-subsection-label {
color: var(--lightblue);
text-transform: uppercase;
flex: 1;
font-size: 13px;
font-weight: 600;
line-height: 120%;
}
.form-subsection-arrow {
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 100%;
transition: transform .2s;
position: relative;
top: -2px;
}
.form-subsection-arrow.rotate {
transform: rotate(-180deg);
}
.dropdown-component-menu {
border: 0px none var(--white-smoke);
background-color: #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex-direction: column;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
top: -2px;
}
.dropdown-component-menu.closed {
height: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.tabs-2 {
flex: 1;
max-width: 100%;
}
.social-accounts {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
display: grid;
}
.date-input-wrapper {
color: var(--new-grey);
cursor: pointer;
align-items: center;
display: flex;
position: relative;
}
.date-select-icon {
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 900;
display: flex;
position: absolute;
top: 8px;
left: auto;
right: 5px;
}
.color-input-wrapper, .phone-input-wrapper {
color: var(--new-grey);
cursor: pointer;
align-items: center;
display: flex;
position: relative;
}
.phone-input-icon {
text-align: left;
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: flex;
position: absolute;
top: 8px;
right: 10px;
}
.time-input-wrapper {
color: var(--new-grey);
cursor: pointer;
align-items: center;
display: flex;
position: relative;
}
.time-input-icon {
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 900;
display: flex;
position: absolute;
top: 8px;
right: 10px;
}
.tabs-3 {
overflow: visible;
}
.form-title-icon {
color: var(--darkblue);
text-align: center;
cursor: pointer;
flex: 0 auto;
margin-right: 5px;
font-family: "Exo 2", sans-serif;
font-size: 20px;
line-height: 100%;
}
.form-title-icon.horse {
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 600;
display: none;
}
.form-block-7 {
align-self: auto;
margin-bottom: 0;
}
.main-image-horse-form {
border: 1px dashed var(--grey);
width: 100%;
height: 100%;
color: var(--grey);
cursor: pointer;
background-color: #fff;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
transition: background-color .2s, color .2s, border-color .2s;
display: flex;
position: relative;
}
.main-image-horse-form:hover {
border-color: var(--orange);
color: var(--orange);
background-color: #fff5ea;
}
.main-image-horse-form.hide {
display: none;
}
.horse-image-field-icon {
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 100%;
}
.div-block-79 {
text-align: center;
flex-direction: column;
align-self: stretch;
align-items: center;
margin-top: 21px;
display: flex;
}
.text-block-71 {
max-width: 500px;
margin-bottom: 10px;
line-height: 125%;
}
.fixed-window-body-content {
padding-left: 20px;
padding-right: 20px;
}
.fixed-window-body-content.no-padding {
padding-left: 0;
padding-right: 0;
}
.filters-wrapper {
grid-column-gap: 16px;
grid-row-gap: 15px;
border-top: 1px #f0f0f0;
border-radius: 0 0 6px 6px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: grid;
position: relative;
}
.subcat-toggle-results {
text-align: right;
text-transform: capitalize;
border-radius: 3px;
flex: 0 auto;
margin-right: 5px;
padding: 5px;
font-size: 10px;
font-weight: 500;
line-height: 100%;
}
.cat-toggle-image {
object-fit: contain;
object-position: 50% 50%;
background-color: #fff;
border: 1px solid #e9e9e9;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: none;
}
.cat-toggle-image.home {
padding: 3px;
}
.filter-title-2 {
text-transform: capitalize;
align-self: flex-start;
font-size: 12px;
font-weight: 600;
}
.helper-tip-wrapper {
flex: none;
margin-right: 3px;
position: absolute;
top: .5px;
right: 100%;
}
.price-slider-progress {
background-color: var(--orange);
width: 75%;
font-size: 11px;
line-height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.filter-slider-selected-range {
font-size: 11px;
}
.cat-dropdown-text {
cursor: pointer;
flex: 1;
align-self: center;
padding-top: 3px;
padding-bottom: 3px;
font-size: 11px;
transition: color .2s;
}
.price-slider-baseline {
background-color: #acacac;
flex: 1;
align-items: center;
height: 2px;
display: flex;
position: relative;
}
.helper-tip-toggle {
opacity: .29;
color: #333;
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 13px;
min-width: 13px;
max-width: 13px;
height: 13px;
min-height: 13px;
max-height: 13px;
padding-top: 1px;
font-family: LineAwesome, sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 0;
transition: opacity .2s, background-color .2s, color .2s;
display: flex;
}
.helper-tip-toggle:hover {
opacity: 1;
color: #00affa;
border-color: #00affa;
}
.toggle-button-wrapper-2 {
border-radius: 100px;
align-self: stretch;
align-items: center;
width: 14px;
transition: all .2s;
display: flex;
position: absolute;
top: 0;
bottom: 0;
}
.cat-toggle-results {
opacity: .52;
text-align: right;
text-transform: capitalize;
border-radius: 3px;
flex: 0 auto;
margin-right: 5px;
padding: 5px;
font-size: 10px;
font-weight: 600;
line-height: 100%;
}
.cat-toggle {
color: var(--new-grey);
cursor: pointer;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
text-decoration: none;
transition: color .2s;
display: flex;
}
.cat-toggle:hover, .cat-toggle.w--current {
color: var(--orange);
}
.cat-toggle.current {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: var(--orange);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.toggle-button-4 {
background-color: #999;
border-radius: 100px;
align-self: stretch;
width: 14px;
transition: background-color .2s;
position: relative;
}
.dropdown-list-content {
padding-bottom: 7px;
}
.filters-wrapper-header {
border-bottom: 1px dotted #bbb;
justify-content: flex-start;
margin-bottom: 10px;
display: none;
}
.lastcat-toggle-results {
text-align: right;
text-transform: capitalize;
border-radius: 3px;
flex: 0 auto;
margin-right: 10px;
padding: 5px;
font-size: 10px;
font-weight: 500;
line-height: 100%;
}
.cat-toggle-arrow {
width: 10px;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
}
.cat-toggle-arrow.rotate {
transform: rotate(-180deg);
}
.filter-box {
flex-direction: column;
display: flex;
position: relative;
}
.filter-box.hide {
display: none;
}
.filters-header-text {
border-bottom: 1px solid var(--orange);
margin-bottom: -1px;
padding-bottom: 8px;
padding-right: 10px;
font-size: 14px;
}
.price-slider-wrapper {
flex-direction: row;
align-self: stretch;
margin-top: 10px;
margin-bottom: 15px;
display: flex;
}
.toggle-wrapper-2 {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.cat-dropdown-list {
background-image: none;
flex-direction: column;
height: auto;
display: flex;
overflow: hidden;
}
.cat-dropdown-list.closed {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
.categories-box {
border-radius: 6px 6px 0 0;
flex-direction: column;
flex: none;
padding-top: 5px;
padding-bottom: 10px;
display: flex;
overflow: hidden;
}
.categories-box.hide {
display: none;
}
.shop-left-content {
border-radius: 0 0 6px 6px;
flex-direction: column;
flex: none;
align-self: flex-end;
min-width: 280px;
max-width: 280px;
margin-bottom: 0;
padding-right: 0;
transition: opacity .4s cubic-bezier(1, -1.484, 1, -1.087);
display: flex;
position: sticky;
top: 52px;
overflow: auto;
}
.shop-left {
z-index: 11;
flex-direction: column;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-self: stretch;
width: 100%;
min-width: 280px;
max-width: 280px;
height: 100%;
margin-top: 0;
transition: width .2s, max-width .2s;
display: flex;
position: sticky;
top: 80px;
box-shadow: 6px 0 8px -10px #00000085;
}
.shop-left.closed {
min-width: 41px;
max-width: 41px;
}
.shop-left.hide {
display: none;
}
.cat-toggle-text {
flex: 1;
margin-right: 5px;
font-size: 13px;
font-weight: 500;
line-height: 100%;
}
.subcat-link-toggle-text {
cursor: pointer;
flex: 1;
align-self: center;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
font-weight: 500;
line-height: 100%;
transition: color .2s;
}
.toggle-option-2 {
color: #575757;
cursor: pointer;
justify-content: center;
align-self: center;
align-items: center;
font-size: 12px;
font-weight: 500;
line-height: 100%;
display: flex;
position: relative;
}
.subcat-link-list {
flex-direction: column;
display: flex;
}
.subcat-link-list.closed {
height: 0;
overflow: hidden;
}
.subcat-link {
cursor: pointer;
flex-direction: column;
align-self: stretch;
margin-top: 4px;
font-size: 12px;
transition: color .2s;
display: flex;
}
.price-slider-circle {
z-index: 1;
background-color: var(--orange);
cursor: pointer;
border-radius: 100px;
width: 15px;
height: 15px;
position: absolute;
}
.price-slider-circle.max {
width: 20px;
height: 20px;
left: 75%;
}
.price-slider-circle.min {
z-index: 1;
width: 20px;
height: 20px;
left: 0;
}
.cat-dropdown-arrow {
align-self: center;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
position: absolute;
right: 0;
}
.toggle-2 {
cursor: pointer;
background-color: #0000000d;
border: 1px solid #c6c6c6;
border-radius: 100px;
flex: none;
justify-content: flex-end;
align-items: stretch;
width: 45px;
height: 16px;
margin-left: auto;
transition: border-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.subcat-link-toggle {
cursor: pointer;
flex: 1;
align-self: stretch;
align-items: center;
margin-bottom: 3px;
margin-left: 20px;
padding-left: 10px;
font-size: 12px;
transition: color .2s;
display: flex;
position: relative;
}
.subcat-link-toggle:hover {
color: var(--orange);
}
.lastcat-link {
cursor: pointer;
flex-direction: column;
align-self: stretch;
margin-bottom: 3px;
font-size: 12px;
transition: color .2s;
display: flex;
}
.lastcat-link-toggle {
cursor: pointer;
flex: 1;
align-self: stretch;
align-items: center;
margin-left: 50px;
margin-right: 31px;
font-size: 12px;
transition: color .2s;
display: flex;
position: relative;
}
.lastcat-link-toggle:hover {
color: var(--orange);
}
.form-8 {
flex-direction: column;
flex: none;
justify-content: flex-start;
height: 100%;
display: flex;
}
.listing-seller-button {
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.add-product {
color: #333;
background-color: #eaeaea;
background-image: linear-gradient(#0000, #0000);
border-radius: 100px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: center;
height: 30px;
padding: 3px;
font-size: 19px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
}
.add-product:hover {
color: #fff;
background-color: #f89633b3;
}
.product-action-icon {
background-color: var(--orange);
color: #fff;
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 30px;
height: 30px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.add-product-text {
text-align: center;
flex: 0 auto;
align-self: center;
margin-left: 2px;
margin-right: 5px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.form-steps {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: flex;
}
.form-step {
text-align: center;
flex: 1;
justify-content: center;
align-items: center;
line-height: 100%;
display: flex;
}
.form-step.w--current {
background-color: var(--orange);
color: #fff;
font-weight: 600;
}
.form-step-content {
flex: 1;
padding-top: 20px;
}
.form-step-next {
z-index: 2;
background-color: var(--orange);
color: #fff;
text-transform: uppercase;
cursor: pointer;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: auto;
margin-right: 5px;
padding: 10px 15px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.form-step-next:hover {
background-color: var(--orange);
color: var(--white);
}
.form-step-next.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.form-stepper-footer {
border-top: 1px solid var(--grey);
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
padding: 10px 20px;
display: flex;
}
.form-step-back {
z-index: 2;
background-color: var(--orange);
color: #fff;
text-transform: uppercase;
cursor: pointer;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 0;
margin-right: 5px;
padding: 10px 15px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.form-step-back:hover {
background-color: var(--orange);
color: var(--white);
}
.form-step-back.w--current {
color: var(--dark-teal);
background-color: #eee;
}
.marketplace-page-header-icon {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
align-self: center;
margin: 0 5px;
font-family: LineAwesome, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 34px;
display: none;
}
.horse-page-header-icon {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
align-self: center;
margin: 0 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
.create-horse-profile {
margin-left: 0;
}
.add-horse-button-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
}
.create-horse-profile-stepper-modal {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.text-block-73 {
align-self: center;
font-size: 14px;
}
.horse-information-section-title {
text-transform: uppercase;
text-shadow: 1px 1px 1px var(--new-grey);
flex: 1;
font-size: 13px;
font-weight: 500;
line-height: 120%;
}
.horse-form-section-icon {
text-shadow: 1px 1px 1px var(--new-grey);
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.basic-details {
color: var(--lightblue);
text-transform: uppercase;
flex: 1;
font-size: 13px;
font-weight: 600;
line-height: 120%;
}
.full-form-templates {
background-color: var(--white);
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: center;
width: 100%;
max-width: 1000px;
min-height: 25vh;
max-height: 100%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
display: flex;
position: relative;
top: -10px;
overflow: auto;
box-shadow: 0 0 4px 2px #0000002e;
}
.link-13 {
color: var(--orange);
}
.page-header-horsse-management {
height: 50px;
box-shadow: none;
background-color: #0000;
display: none;
}
.action-button-showcase {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: row;
place-content: center;
align-self: stretch;
justify-items: center;
margin-bottom: 0;
display: grid;
}
.window-tabs {
flex-direction: column;
flex: 1;
display: flex;
}
.window-tab-pane {
height: 100%;
}
.split-window-body {
background-color: #fafafa;
flex-direction: column;
height: 100%;
display: flex;
}
.split-window-tabs-mask {
flex: 1;
}
.split-window-right {
background-color: #fffcf8;
flex-direction: column;
flex: 1;
display: flex;
}
.split-window-body-form {
flex-direction: column;
flex: 1;
margin-bottom: 0;
display: flex;
}
.split-window {
flex-direction: row;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.split-window-left {
background-color: var(--darkblue);
color: #fff;
background-image: linear-gradient(#24385beb, #24385beb), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5ebeab3343049861df229d9b_vert-horse.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
width: 300px;
padding: 20px 20px 20px 30px;
display: flex;
}
.split-window-logo {
color: var(--white);
text-transform: uppercase;
white-space: nowrap;
flex: none;
justify-content: flex-start;
align-self: flex-start;
font-family: "Exo 2", sans-serif;
font-style: italic;
font-weight: 400;
text-decoration: none;
display: flex;
}
.split-window-left-body {
flex: 1;
}
.split-window-left-header {
min-height: 20%;
margin-bottom: 20px;
}
.swl-body-title {
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
}
.swl-feature-wrapper {
align-items: center;
margin-bottom: 10px;
display: flex;
}
.swl-feature-text {
font-size: 14px;
}
.swl-feature-icon-wrapper {
color: var(--orange);
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 19px;
font-weight: 900;
}
.swr-title {
color: var(--darkblue);
margin-left: 20px;
margin-right: 20px;
}
.swr-form {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
align-self: stretch;
margin-left: 20px;
margin-right: 20px;
display: grid;
}
.category-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.page-header-search {
flex: 1;
align-self: center;
margin-bottom: 0;
display: flex;
}
.page-header-search.alt {
flex: 1;
align-self: stretch;
margin-top: 10px;
}
.page-header-search-input {
border-radius: 0 6px 6px 0;
align-self: stretch;
height: 40px;
margin-bottom: 0;
font-size: 12px;
}
.page-header-search-input.alt {
border-radius: 0 6px 6px 0;
}
.shop-top {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-around;
align-self: center;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
display: grid;
position: relative;
}
.shop-top.hide {
display: none;
}
.shop-top-box {
background-color: var(--grey);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 200px;
transition: background-color .2s;
display: block;
}
.shop-top-box:hover {
background-color: #e0e0e0;
}
.shop-table-wrapper {
text-align: left;
flex-direction: column;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
font-size: 12px;
display: flex;
}
.profile-name-wrapper {
cursor: pointer;
border-radius: 3px;
flex-direction: column;
justify-content: center;
min-width: 225px;
height: 35px;
margin-left: 150px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.shop-tabs {
flex: 1;
overflow: auto;
}
.text-block-75, .text-block-76 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.module-header-left {
z-index: 2;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(265deg, #ff4391, #ff9f3f);
-webkit-background-clip: text;
background-clip: text;
flex: none;
align-self: center;
align-items: center;
min-width: 280px;
display: flex;
position: relative;
top: 1px;
}
.text-block-81 {
text-transform: uppercase;
font-size: 12px;
line-height: 100%;
display: none;
}
.module-logo-right {
flex-direction: row;
align-self: center;
display: flex;
}
.module-logo-left {
flex: none;
width: 45px;
height: 45px;
display: block;
position: relative;
}
.module-logo-image {
width: 50px;
max-width: none;
margin-top: -1px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.module-logo-image.events {
width: 40px;
margin-right: 6px;
position: relative;
bottom: 2px;
}
.module-logo-image.community {
width: 43px;
margin-right: 3px;
position: relative;
bottom: 4px;
}
.module-header-middle {
flex: 1;
align-self: center;
align-items: center;
max-width: 680px;
padding-left: 30px;
padding-right: 20px;
display: flex;
}
.module-header-middle.hide {
display: none;
}
.dropdown-2 {
flex-direction: column;
align-self: stretch;
padding: 0;
display: flex;
}
.dropdown-toggle-4 {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--grey);
background-color: var(--light-grey);
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
flex: 1;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.header-line {
z-index: 1;
background-image: linear-gradient(264deg, #fe4889, var(--orange));
height: 3px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.action-icon-image {
width: 40px;
}
.marketplace-hero {
border-radius: 6px;
margin-bottom: 15px;
overflow: hidden;
}
.community-wrapper {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-self: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.marketplace-hero-image {
object-fit: cover;
width: 100%;
display: block;
position: relative;
}
.member-header-title-wrapper {
color: var(--darkblue);
text-align: left;
text-transform: uppercase;
flex-direction: row;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
line-height: 34px;
display: flex;
}
.scroll-header-member {
z-index: 10;
background-color: #fff;
background-image: none;
background-position: 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 60px;
margin-left: auto;
margin-right: auto;
padding: 5px 20px;
transition: all .2s;
display: flex;
position: sticky;
top: 48px;
left: 0;
right: 0;
box-shadow: 0 0 1px 2px #3c40434d, 0 0 6px 2px #3c404326;
}
.scroll-header-member.ag-hide-auction-header, .scroll-header-member.ag-hide-marketplace-header, .scroll-header-member.ag-trial-page-header, .scroll-header-member.current-user-trial-page-header {
display: none;
}
.member-header-tabs {
flex-direction: row;
flex: 1;
justify-content: center;
align-self: center;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
}
.member-header-tabs.hide {
display: none;
}
.module-header-right {
flex-direction: row;
flex: 1;
align-self: center;
display: flex;
}
.mhr-top {
flex: 1;
align-items: center;
display: flex;
}
.mhr-bottom {
justify-content: space-between;
display: flex;
}
.filter-label-float {
z-index: 10;
color: var(--new-grey);
letter-spacing: .5px;
text-transform: capitalize;
background-color: #fff;
border-bottom: 2px #a7d500;
flex-direction: column;
padding-left: 5px;
padding-right: 5px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 16px;
display: block;
position: absolute;
top: -4px;
left: 5px;
}
.filter-label-float.hide {
display: none;
}
.category-checkbox-wrapper {
margin-right: 5px;
display: flex;
}
.category-checkbox-wrapper.hide {
display: none;
}
.back-arrow {
margin-left: -15px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
}
.back-arrow.rotate {
transform: rotate(-180deg);
}
.cat-back-toggle {
color: var(--new-grey);
cursor: pointer;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.cat-back-toggle:hover {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: var(--orange);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.cat-back-toggle.w--current, .cat-back-toggle.current {
color: var(--orange);
}
.filter-section-toggle {
cursor: pointer;
align-items: center;
margin-bottom: -1px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition: color .2s;
display: flex;
position: relative;
}
.filter-section-toggle:hover, .filter-section-toggle.active {
color: var(--deep-pink);
}
.filter-section-dropdown {
flex-direction: column;
align-self: stretch;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 15px;
display: flex;
}
.filter-section-dropdown.closed {
height: 0;
margin-bottom: 5px;
overflow: hidden;
}
.filter-section-dropdown.hide {
display: none;
}
.filter-section-toggle-text {
text-transform: uppercase;
flex: 1;
font-size: 13px;
font-weight: 600;
}
.filter-section-toggle-icon {
color: var(--new-grey);
border-bottom: 1px #333;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
padding: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 14px;
transition: transform .2s;
display: flex;
position: absolute;
}
.filter-section-toggle-icon.rotate {
transform: rotate(90deg);
}
.parent-filter-section {
background-color: #fff;
border-bottom: 1px solid #ededed;
flex-direction: column;
align-self: stretch;
align-items: stretch;
margin-bottom: 10px;
display: flex;
}
.parent-filter-section.active {
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
display: flex;
position: relative;
}
.parent-filter-section.hide {
display: block;
}
.custom-prices-wrapper {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.filter-apply-button {
color: var(--orange);
cursor: pointer;
}
.standard-field-icon {
justify-content: center;
align-items: center;
height: auto;
max-height: 100px;
padding-left: 3px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: flex;
position: absolute;
top: 18px;
left: 0;
right: auto;
transform: translate(0, -50%);
}
.standard-field-icon.hide {
display: none;
}
.shop-right {
flex-direction: column;
padding-top: 10px;
display: flex;
}
.shop-right.hide {
display: none;
}
.shop-right-ad-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 300px;
grid-auto-columns: 1fr;
align-content: start;
justify-items: center;
padding-left: 10px;
display: grid;
}
.shop-right-ad-grid.hide {
display: none;
}
._300x600ad {
border: 1px solid var(--grey);
background-color: var(--grey);
min-width: 300px;
min-height: 600px;
color: var(--new-grey);
border-radius: 6px;
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
}
.shop-left-title {
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: center;
height: 45px;
margin-bottom: 4px;
display: flex;
}
.community-header-title {
flex: none;
justify-content: flex-start;
align-items: center;
height: 31px;
display: flex;
}
.shop-flex-wrapper {
align-self: stretch;
width: auto;
padding-top: 0;
display: flex;
}
.listings-grid-row-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-description {
color: #676767;
column-count: 1;
column-rule-width: 0px;
flex: 1;
align-items: flex-start;
max-width: 700px;
max-height: 45px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 11px;
line-height: 140%;
display: flex;
overflow: hidden;
}
.product-description.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
display: block;
}
.product-description.hide {
display: none;
}
.product-tag-bg-wrapper {
width: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.product-feature {
color: #666;
text-align: left;
white-space: normal;
margin-bottom: 3px;
display: flex;
position: relative;
}
.product-feature.green {
color: #07860b;
font-weight: 600;
}
.product-feature.redacted {
background-color: var(--grey);
color: #ccc0;
border-radius: 6px;
}
.tooltip-arrow {
border-bottom: 10px solid #f6f6f6;
border-left: 10px solid #fff0;
height: 10px;
position: absolute;
bottom: 100%;
right: 16px;
}
.tooltip-text {
text-align: center;
font-size: 13px;
}
.add-product-2 {
border: 1px solid var(--grey);
background-color: var(--orange);
min-height: 30px;
color: var(--white);
background-image: linear-gradient(#0000, #0000);
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 5px;
padding: 3px;
font-size: 19px;
font-weight: 400;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.add-product-2:hover {
background-color: var(--orange);
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: #fff;
}
.add-product-2.redacted {
background-color: var(--grey);
color: #ccc0;
}
.add-product-2.preview {
cursor: not-allowed;
}
.product-row-title {
max-width: 700px;
color: var(--darkblue);
text-transform: capitalize;
cursor: pointer;
flex: none;
margin-bottom: 3px;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
transition: color .2s;
}
.product-row-title:hover {
color: var(--deep-pink);
}
.product-row-title.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
font-size: 16px;
line-height: 26px;
}
.product-tag {
color: #fff;
border-top-right-radius: 6px;
justify-content: flex-end;
align-items: flex-start;
width: 30px;
height: 30px;
padding-top: 2px;
padding-right: 4px;
font-size: 17px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.product-tag.hide {
display: block;
}
.listing-row-wrapper {
perspective: 3000px;
cursor: pointer;
background-color: #fff;
border: 1px #f8963300;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
transition: border-color .2s, box-shadow .2s;
display: flex;
position: relative;
overflow: hidden;
transform: none;
box-shadow: 0 0 4px #0000004d;
}
.listing-row-wrapper.hide {
display: none;
}
.listing-row-wrapper.redacted {
cursor: default;
box-shadow: 0 0 8px #0003;
}
.listing-row-wrapper.redacted:hover {
border-color: #f8963300;
}
.listing-row-wrapper.active {
box-shadow: 0 0 8px #f89633e6;
}
.listing-row-wrapper.preview-filler {
opacity: .2;
transform: scale(.9);
}
.listing-row-wrapper.preview-filler.top {
position: absolute;
bottom: 100%;
}
.listing-row-wrapper.preview-filler.bottom {
position: absolute;
top: 100%;
}
.tooltip-box {
z-index: 99;
flex-direction: column;
align-items: center;
display: none;
position: absolute;
top: 100%;
right: -5px;
}
.product-row-category {
color: var(--lightblue);
flex: none;
margin-bottom: 0;
font-family: Oswald, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
}
.product-row-category.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
}
.product-price {
color: var(--orange);
text-align: center;
margin-bottom: 3px;
font-size: 20px;
font-weight: 500;
line-height: 100%;
display: flex;
}
.product-price.redacted {
color: #ccc;
background-color: #ccc;
border-radius: 4px;
}
.product-price-callout-arrow {
border-top: 15px solid #00affa;
border-left: 15px solid #fff0;
margin-top: -4px;
position: absolute;
bottom: -5px;
left: 6px;
}
.product-price-callout-arrow.red {
border-top-color: #e83f32;
}
.product-row-image {
object-fit: cover;
object-position: 50% 50%;
border-radius: 4px;
flex: none;
align-self: stretch;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.product-row-right {
border-left: 1px dotted var(--grey);
flex-direction: column;
justify-content: center;
width: 25%;
max-width: 200px;
margin-left: 15px;
padding-left: 15px;
display: flex;
}
.product-tag-icon {
object-fit: contain;
justify-content: center;
align-items: center;
width: 12px;
height: 15px;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 100%;
display: flex;
position: relative;
top: 2px;
right: 1px;
}
.product-action-icon-2 {
color: #fff;
background-color: #00affa;
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 24px;
height: 24px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.product-feature-icon {
flex: none;
align-self: center;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 100%;
display: flex;
position: relative;
top: -1px;
}
.product-feature-icon.hide {
display: none;
}
.product-row-middle {
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-left: 15px;
display: flex;
}
.product-row-right-content {
flex-direction: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.product-features {
flex-direction: column;
flex: 0 auto;
align-self: stretch;
align-items: center;
display: flex;
}
.product-features.product-row {
align-self: stretch;
display: flex;
}
.tooltip-arrow-shadow {
z-index: -1;
opacity: .63;
background-image: radial-gradient(circle at 50% 60%, #00000057, #fff0 64%);
width: 16px;
height: 14px;
margin-bottom: -2px;
position: absolute;
bottom: -10px;
right: -4px;
}
.product-price-separator {
color: #ccc;
text-align: center;
flex: 1;
font-size: 16px;
font-weight: 400;
}
.product-row-left {
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 230px;
min-height: 170px;
display: flex;
position: relative;
}
.tooltip-content {
color: #333;
background-color: #f6f6f6;
border-radius: 6px;
width: 140px;
padding: 5px 10px;
display: flex;
box-shadow: 0 0 4px #0000007d;
}
.product-price-wrapper {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: center;
margin-top: auto;
margin-bottom: 3px;
padding-top: 19px;
display: flex;
}
.product-price-callout {
background-color: #00affa;
border-radius: 100px;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-bottom: 8px;
padding: 3px 10px 5px;
font-size: 11px;
display: flex;
position: relative;
bottom: 1px;
left: 0;
}
.product-price-callout.option-2 {
color: #3b128d;
background-color: #fff0;
justify-content: space-between;
align-self: stretch;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 11px;
display: flex;
}
.product-price-callout.option-1 {
display: none;
}
.add-product-row-wrapper {
flex: none;
justify-content: flex-end;
align-self: stretch;
align-items: flex-end;
margin: 10px -8px 5px;
display: flex;
position: relative;
}
.product-feature-text {
flex: 0 auto;
font-size: 11px;
line-height: 100%;
}
.product-tag-bg {
border-top: 40px solid var(--orange);
border-left: 40px solid #07860b00;
width: 40px;
transition: border-color .2s;
position: absolute;
inset: 0;
}
.product-tag-bg.redacted {
border-top-color: #e0e0e0;
}
.product-price-text {
text-transform: capitalize;
flex: none;
align-self: flex-start;
font-weight: 500;
line-height: 100%;
position: relative;
}
.product-price-text.red {
color: #e83f32;
}
.add-product-text-2 {
text-align: center;
flex: 1;
align-self: center;
margin-left: 2px;
font-size: 12px;
line-height: 100%;
}
.product-details-wrapper {
color: #929292;
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-bottom: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.product-detail-row {
justify-content: space-between;
line-height: 100%;
display: flex;
}
.product-detail-row.hide {
display: none;
}
.product-detail-attribute {
margin-right: 5px;
font-weight: 600;
display: none;
}
.product-detail-value {
color: var(--new-grey);
text-align: center;
text-transform: none;
align-items: center;
font-family: Roboto Condensed, sans-serif;
display: flex;
}
.product-detail-value.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
align-self: center;
display: block;
}
.product-detail-value.hide {
display: none;
}
.listing-actions-wrapper {
border-top: 1px dotted var(--grey);
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: auto;
padding-top: 10px;
display: flex;
}
.listing-action-icon-wrapper {
color: #333;
cursor: pointer;
justify-content: center;
align-items: center;
transition: color .2s;
display: flex;
}
.listing-action-icon-wrapper:hover {
color: var(--orange);
}
.listing-action-icon-wrapper:active {
color: var(--red);
}
.listing-action-icon-wrapper.featured {
margin-left: -5px;
padding-left: 0;
}
.product-category-wrapper {
justify-content: flex-start;
align-items: center;
line-height: 18px;
display: flex;
}
.category-separator {
color: var(--grey);
text-transform: capitalize;
cursor: pointer;
flex: none;
align-self: center;
margin-left: 3px;
margin-right: 3px;
font-size: 14px;
font-weight: 300;
line-height: 16px;
text-decoration: none;
transition: color .2s;
}
.filter-section-toggle-icon-wrapper {
perspective: 2000px;
transform-origin: 50%;
color: #3330;
justify-content: center;
align-items: center;
width: 21px;
min-width: 21px;
max-width: 21px;
height: 21px;
min-height: 21px;
max-height: 21px;
display: flex;
position: absolute;
right: 10px;
}
.discipline-tag-wrapper {
height: 23px;
color: var(--new-grey);
display: flex;
overflow: hidden;
}
.discipline-tag {
color: var(--orange);
cursor: auto;
background-color: #0000;
border-radius: 2px;
margin-bottom: 5px;
margin-right: 5px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
font-weight: 500;
transition: none;
display: inline-block;
}
.discipline-tag:hover {
color: var(--new-grey);
background-color: #0000;
}
.discipline-tag.redacted {
color: #ccc0;
background-color: #ccc;
}
.discipline-separator {
color: var(--orange);
margin-left: 3px;
margin-right: 3px;
}
.horse-pedigree-wrapper {
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
display: flex;
}
.horse-pedigree-wrapper.hide {
display: none;
}
.horse-pedigree-name {
color: var(--new-grey);
border-radius: 100px;
justify-content: space-between;
font-size: 11px;
font-weight: 500;
line-height: 100%;
display: flex;
}
.horse-pedigree-name.blue {
color: var(--royal-blue);
font-size: 14px;
font-weight: 400;
}
.horse-pedigree-name.pink {
color: var(--deep-pink);
}
.horse-pedigree-name.sire {
color: #575757cc;
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
.horse-pedigree-name.dam {
color: #575757cc;
font-family: Oswald, sans-serif;
font-size: 14px;
font-weight: 400;
}
.horse-pedigree-name.dams-sire {
font-family: Oswald, sans-serif;
font-size: 14px;
font-weight: 400;
}
.horse-pedigree-separator {
border-bottom: 1px none var(--grey);
opacity: 1;
color: #575757cc;
text-align: center;
align-items: center;
width: 5px;
height: 1px;
margin-left: 5px;
margin-right: 5px;
font-family: Oswald, sans-serif;
font-size: 14px;
display: flex;
}
.horse-pedigree-icon {
justify-content: center;
align-items: center;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: none;
}
.horse-pedigree-icon.blue {
color: var(--royal-blue);
}
.horse-pedigree-icon.pink {
color: var(--deep-pink);
}
.listings-results-number {
align-self: center;
margin-right: 4px;
font-weight: 700;
display: inline-block;
}
.tab-pane {
background-color: #0000;
min-height: 75vh;
padding: 10px 15px;
}
.keyword-search-wrapper {
flex: 0 auto;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.redacted-grid-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: .29;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
display: grid;
}
.redacted-span {
background-color: var(--grey);
color: #ccc0;
border-radius: 6px;
}
.proequine-loading-line {
z-index: 9;
background-image: linear-gradient(#fff0, #ffffffba 50%, #fff0 102%);
height: 150px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.apply-filters-button {
z-index: 11;
background-color: var(--orange);
color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-right: 10px;
padding: 10px 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.shop-top-upper-content {
border-bottom: 1px #f1f1f1;
flex-direction: row;
align-items: center;
width: 100%;
max-width: 1927px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.dynamic-results-title-wrapper {
align-items: center;
font-size: 16px;
display: none;
}
.listings-results-title {
font-size: 12px;
font-weight: 400;
line-height: 130%;
display: inline-block;
}
.filter-title-header {
z-index: 9;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #cccccc45;
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: center;
width: 280px;
height: 39px;
font-size: 16px;
font-weight: 500;
transition: color .2s;
display: none;
position: sticky;
top: 141px;
}
.filter-title-header:hover {
color: var(--deep-pink);
}
.filter-title-header.hide {
display: none;
}
.filter-title-icon {
cursor: pointer;
border-radius: 6px;
margin-right: 4px;
padding: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.filter-title-icon:hover {
background-color: #e0e0e0;
}
.filter-title-header-arrow {
margin-right: 15px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
}
.shop-top-paragraph {
color: #959597;
margin-top: 5px;
font-size: 12px;
line-height: 100%;
}
.sort-button {
color: var(--new-grey);
text-align: center;
cursor: pointer;
border-right: 1px solid #e0e0e0;
align-self: stretch;
align-items: center;
margin-top: -2px;
margin-left: -2px;
padding: 5px 14px;
font-weight: 400;
line-height: 100%;
transition: all .2s;
display: flex;
position: relative;
top: 1px;
left: 1px;
}
.sort-button:hover {
z-index: 2;
color: var(--deep-pink);
}
.sort-button.active {
color: var(--orange);
background-color: #f8963382;
font-weight: 600;
text-decoration: underline;
}
.sort-buttons {
border-radius: 3px;
margin-right: 10px;
display: flex;
overflow: hidden;
}
.divider-grow {
flex: 1;
align-self: center;
width: 1px;
height: 30px;
}
.divider-grow.margin-left {
margin-left: 20px;
}
.divider-grow.margin-left.margin-right {
border-right-style: dotted;
margin-left: 10px;
margin-right: 10px;
}
.divider-grow.margin-right {
margin-right: 20px;
}
.apply-filters-button-wrapper {
background-color: #fff;
padding-top: 10px;
position: sticky;
bottom: 0;
box-shadow: 0 -8px 13px -10px #00000045;
}
.apply-filters-button-wrapper.hide {
display: none;
}
.saved-searches-toggle {
border: 1px none var(--grey);
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: #424242;
-webkit-text-fill-color: transparent;
cursor: pointer;
-webkit-background-clip: text;
background-clip: text;
border-radius: 3px;
align-self: flex-start;
align-items: center;
margin-top: 5px;
margin-left: 5px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;
line-height: 100%;
transition: color .2s;
display: flex;
position: relative;
}
.saved-searches-toggle:hover {
border-color: var(--deep-pink);
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.saved-searches-toggle-text {
flex: 1;
margin-left: 5px;
display: flex;
}
.shop-top-right {
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
align-items: center;
padding-top: 0;
display: flex;
}
.saved-searches-toggle-icon {
text-transform: uppercase;
flex: none;
margin-left: 5px;
font-family: FontAwesome, sans-serif;
font-size: 19px;
font-weight: 900;
line-height: 100%;
}
.shop-top-left {
opacity: 1;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
margin-right: 0;
display: flex;
}
.save-this-search-button {
opacity: .47;
text-align: center;
cursor: pointer;
border-radius: 3px;
align-self: flex-start;
align-items: center;
margin-top: 5px;
margin-left: 10px;
padding: 7px 10px 7px 5px;
transition: all .2s;
display: flex;
position: absolute;
right: 35px;
}
.save-this-search-button:hover {
opacity: 1;
color: var(--deep-pink);
}
.new-listings-results-number {
flex: none;
margin-right: 5px;
padding-top: 0;
padding-bottom: 0;
}
.listing-search-actions {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.shop-tabs-wrapper {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
}
.listing-row-part2 {
backface-visibility: visible;
transform-origin: 50% 0;
width: 100%;
height: 100%;
transform-style: preserve-3d;
border-radius: 6px;
flex: none;
justify-content: space-between;
align-items: stretch;
transition: transform .5s ease-out;
display: flex;
position: absolute;
top: 100%;
transform: translate3d(0, 0, -1px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-row-part2.flipstep1 {
z-index: 0;
transform: translate(0);
}
.listing-row-part-front {
z-index: auto;
backface-visibility: hidden;
perspective: 2500px;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 15px;
display: flex;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
}
.listing-row-part-front.flipstep1 {
backface-visibility: hidden;
perspective-origin: 50% 0;
transform-origin: 50% 100%;
transform-style: preserve-3d;
transform: translate3d(0, 0, -3px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-row-part-front.section3 {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.listing-row-part-back {
backface-visibility: hidden;
width: 100%;
height: 100%;
transform-style: preserve-3d;
background-color: #fff;
border-radius: 6px;
flex: none;
justify-content: space-between;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-row-part-back.flipstep1 {
backface-visibility: hidden;
perspective-origin: 50% 0;
transform-origin: 50% 100%;
transform-style: preserve-3d;
transform: translate3d(0, 0, -3px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-row-part-back.section3 {
background-color: #ececec;
}
.listing-row-part1 {
perspective-origin: 50% 0;
transform-origin: 50% 100%;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: center;
min-height: 210px;
transition: transform .2s;
display: flex;
position: absolute;
inset: 0%;
}
.listing-row-part1.flipstep1 {
backface-visibility: hidden;
perspective-origin: 50% 0;
transform-origin: 50% 100%;
transform-style: preserve-3d;
transform: translate3d(0, 0, -3px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-open-header {
z-index: 2;
background-color: var(--deep-pink);
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
flex: none;
align-self: stretch;
align-items: center;
height: 25px;
padding-left: 10px;
padding-right: 10px;
transition: height .2s, opacity .2s cubic-bezier(0, 2.071, 0, 1.545);
display: flex;
position: relative;
top: 0;
left: 0;
right: 0;
overflow: hidden;
box-shadow: 0 7px 11px -10px #0000008c;
}
.listing-open-header.closed {
height: 0;
}
.listing-close-button {
color: #fff;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
transition: transform .2s;
position: absolute;
right: 4px;
transform: rotate(45deg);
}
.listing-close-button.closed {
font-size: 14px;
line-height: 16px;
transform: rotate(0);
}
.listing-close-button.redacted {
color: #e0e0e0;
}
.loh-name {
font-size: 13px;
font-weight: 600;
display: none;
}
.listing-row-part3 {
backface-visibility: visible;
transform-origin: 50% 0;
width: 100%;
height: 100%;
transform-style: preserve-3d;
border-radius: 6px;
flex: none;
justify-content: space-between;
align-items: stretch;
transition: transform .5s ease-out;
display: flex;
position: absolute;
top: 100%;
transform: translate3d(0, 0, -1px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.listing-row-part3.flipstep1 {
z-index: 7;
transform: translate(0);
}
.listing-row-part3.flipstep2 {
transform: translate(0);
}
.listing-row-part4 {
z-index: auto;
perspective-origin: 50% 0;
transform-origin: 50% 100%;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
min-height: 210px;
transition: transform .2s;
display: flex;
position: absolute;
inset: 0%;
}
.listing-row-part4.flipstep1 {
backface-visibility: hidden;
perspective-origin: 50% 0;
transform-origin: 50% 100%;
transform-style: preserve-3d;
transform: translate3d(0, 0, -3px)rotateX(180deg)rotateY(0)rotateZ(0);
}
.action-icon-3 {
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 400;
display: inline-block;
}
.action-icon-3.arrow {
font-size: 8px;
position: relative;
bottom: 0;
}
.pagination-size {
z-index: 1;
margin-left: 0;
margin-right: 0;
}
.page-size-button {
color: var(--orange);
cursor: pointer;
border-radius: 3px;
align-items: center;
margin-left: 3px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: relative;
}
.page-size-button:hover {
color: var(--deep-pink);
}
.breadcrumb-2 {
opacity: .4;
cursor: pointer;
font-size: 11px;
line-height: 100%;
transition: color .2s, opacity .2s;
}
.pagination-link {
cursor: pointer;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 3px;
justify-content: center;
align-items: center;
min-width: 25px;
min-height: 20px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
transition: border-color .2s, background-color .2s, color .2s;
display: flex;
}
.pagination-link:hover {
border-color: var(--deep-pink);
color: var(--deep-pink);
}
.pagination-link.active {
border-color: var(--orange);
color: var(--orange);
text-transform: capitalize;
background-color: #f896331a;
font-weight: 600;
}
.pagination-link.disabled {
opacity: .4;
cursor: not-allowed;
}
.dropdown-link-3 {
text-align: left;
min-width: 125px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 12px;
line-height: 100%;
transition: all .2s;
}
.dropdown-link-3:hover {
color: #00affa;
}
.dropdown-link-3.align-right {
text-align: right;
}
.pagination-size-list {
opacity: 0;
transition: height .6s;
top: 100%;
left: 0;
}
.pagination-size-list.w--open {
z-index: 999999;
opacity: 1;
background-color: #f7f7f7;
border-radius: 6px;
height: auto;
transition: opacity .2s, all .2s;
display: inline-block;
top: 100%;
overflow: hidden;
box-shadow: 0 0 4px #0003;
}
.pagination-arrow {
font-family: LineAwesome, sans-serif;
font-size: 8px;
font-weight: 600;
}
.pagination-size-text {
margin-left: 3px;
margin-right: 0;
font-family: Poppins, sans-serif;
font-size: 11px;
line-height: 100%;
}
.shop-pagination-wrapper {
z-index: 9;
min-height: 69px;
box-shadow: none;
background-color: #fff;
justify-content: flex-end;
align-items: center;
padding-bottom: 0;
padding-left: 15px;
display: flex;
position: relative;
}
.shop-pagination-wrapper.hide {
display: none;
}
.pagination-size-toggle {
z-index: 1;
border-radius: 6px;
flex-direction: row;
flex: none;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 5px 10px 5px 0;
display: flex;
}
.shop-pagination {
opacity: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
margin-left: 5px;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.search-collections-wrapper {
z-index: 1;
background-color: #f8f8f8;
border-radius: 2px;
align-self: stretch;
height: 100vh;
max-height: 150px;
margin-left: -25px;
margin-right: -15px;
transition: max-height .2s;
position: relative;
box-shadow: inset 60px 0 30px -40px #fff, inset -59px 11px 30px -40px #fff, inset 0 0 10px #0000001a;
}
.search-collections-wrapper.closed {
max-height: 0;
box-shadow: 0 10px 10px -10px #0003, inset 0 0 10px #0000001a;
}
.listing-search-top {
align-self: stretch;
display: flex;
}
.div-block-80 {
flex: 1;
}
.my-dashboard-link {
cursor: pointer;
background-color: #ffffff17;
border-radius: 6px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 49px;
margin-left: 15px;
padding: 10px 20px;
text-decoration: none;
transition: background-color .2s, border-color .2s;
display: flex;
position: relative;
}
.my-dashboard-link:hover, .my-dashboard-link.w--current {
background-color: #ffffff21;
}
.my-dashboard-link.home {
min-width: auto;
padding-left: 3px;
padding-right: 3px;
display: flex;
}
.listing-inner-wrapper {
width: 100%;
height: 100%;
padding: 10px;
display: flex;
position: relative;
}
.listing-row-bg {
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
box-shadow: 0 0 6px 1px #0003;
}
.listing-row-bg.flipstep1 {
height: 200%;
}
.listing-row-bg.flipstep1.flipstep3 {
height: 300%;
}
.text-block-82 {
background-color: var(--deep-pink);
color: #000;
position: relative;
}
.listing-row-body {
flex-direction: column;
flex: none;
height: 1000vh;
max-height: 485px;
padding-left: 15px;
padding-right: 15px;
transition: all .2s;
display: flex;
overflow: hidden;
}
.listing-row-body.closed {
max-height: 0;
padding-left: 15px;
padding-right: 15px;
}
.listing-row-body-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-height: 420px;
padding-left: 0;
padding-right: 0;
display: block;
overflow: auto;
}
.pedigree-line-horizontal-listing {
border-top: 1px solid #ccccccbf;
border-top-left-radius: 0;
height: 1px;
padding-left: 98%;
position: absolute;
left: 0;
}
.pedigree-line-horizontal-listing.end {
padding-left: 0%;
padding-right: 50%;
left: 0;
}
.pedigree-line-vertical-listing {
z-index: 1;
border-left: 1px solid #ccccccbf;
flex: none;
align-self: auto;
width: 1px;
max-width: 1px;
height: 100%;
position: absolute;
top: 50%;
left: 0;
}
.google-ad-wrapper {
border-radius: 4px;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.google-ad-wrapper.hide {
display: none;
}
.ad-loading-indicator {
max-width: 42px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ad-loading-indicator-wrapper {
background-color: var(--light-grey);
position: absolute;
inset: 0%;
}
.results-top-ad {
width: 100%;
max-width: 775px;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
position: relative;
}
._728x90ad {
border: 1px solid var(--grey);
background-color: var(--grey);
min-width: 728px;
max-width: 728px;
min-height: 90px;
max-height: 90px;
color: var(--new-grey);
border-radius: 6px;
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
overflow: hidden;
}
.pagination-direction {
cursor: pointer;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 3px;
justify-content: center;
align-items: center;
min-width: 25px;
min-height: 20px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
transition: border-color .2s, background-color .2s, color .2s;
display: flex;
}
.pagination-direction:hover {
border-color: var(--deep-pink);
color: var(--deep-pink);
}
.pagination-direction.active {
border-color: var(--orange);
color: var(--orange);
text-transform: capitalize;
background-color: #f896331a;
font-weight: 600;
}
.pagination-direction.disabled {
opacity: .4;
cursor: not-allowed;
}
.text-block-83 {
align-self: center;
}
.right-sidebar-content {
flex-direction: column;
flex: 1;
align-self: flex-start;
width: 360px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.right-sidebar-body {
flex: 1;
position: relative;
}
.right-sidebar-loading-wrapper {
background-color: #fff;
position: absolute;
inset: 0%;
}
.right-sidebar-loading-icon {
max-width: 60px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.saved-search-wrapper {
border: 1px solid var(--grey);
background-color: var(--light-grey);
border-radius: 6px;
min-height: 75px;
margin-bottom: 15px;
display: flex;
}
.saved-search-left {
flex-direction: column;
flex: 1;
justify-content: center;
padding-left: 14px;
display: flex;
}
.saved-search-right {
justify-content: flex-end;
align-items: center;
min-width: 50px;
margin-left: 15px;
padding-right: 15px;
display: flex;
}
.saved-search-name {
color: var(--orange);
cursor: pointer;
margin-bottom: 3px;
font-size: 13px;
font-weight: 500;
line-height: 100%;
transition: color .2s;
}
.saved-search-name:hover {
color: var(--deep-pink);
}
.saved-search-parameters {
font-size: 11px;
line-height: 100%;
}
.saved-search-delete {
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 19px;
font-weight: 600;
transition: color .2s;
}
.saved-search-delete:hover {
color: var(--deep-pink);
}
.create-listing-body {
z-index: 2;
border-radius: 0;
flex-direction: row;
flex: 1;
align-self: stretch;
align-items: flex-start;
width: 830px;
max-width: 1200px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
display: flex;
position: relative;
}
.creat-listing-left {
z-index: 99;
background-color: var(--white);
flex-direction: column;
width: 0;
height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
box-shadow: -10px 0 10px -10px #0006;
}
.create-listing-left-content {
border-radius: 0;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
max-height: 100%;
display: flex;
position: relative;
}
.create-listing-header {
box-shadow: none;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 20px 47px 15px;
display: flex;
position: relative;
top: 0;
}
.create-listing-title {
text-align: left;
flex: 1;
align-self: center;
font-size: 16px;
font-weight: 500;
line-height: 125%;
display: block;
}
.create-listing-left-body {
background-color: #f9f9f9;
flex-direction: column;
flex: 1;
display: flex;
position: relative;
overflow: auto;
}
.create-listing-option {
border: 1px solid var(--grey);
background-color: var(--white);
cursor: pointer;
border-radius: 6px;
min-height: 75px;
margin-bottom: 10px;
transition: all .2s;
display: flex;
}
.create-listing-option:hover {
border-color: var(--orange);
background-color: #f896331f;
}
.listing-preview-wrapper {
flex-direction: column;
flex: 1;
max-width: 775px;
margin-top: -50px;
display: flex;
position: relative;
}
.create-listing-option-right {
flex-direction: column;
flex: 1;
justify-content: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.create-listing-option-name {
color: var(--orange);
margin-bottom: 5px;
font-size: 13px;
font-weight: 500;
line-height: 100%;
}
.create-listing-option-desc {
font-size: 11px;
line-height: 100%;
}
.div-block-81 {
color: #fff;
background-color: #0000004f;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 800px;
margin-left: 20px;
margin-right: 20px;
padding: 20px;
font-size: 13px;
font-weight: 500;
display: flex;
position: absolute;
top: 20px;
}
.create-listing-field-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tabs-4 {
flex: 1;
}
.create-listing-tabs {
flex-direction: column;
flex: 1;
max-height: 100%;
display: flex;
}
.create-listing-tabs-content {
flex-direction: column;
flex: none;
max-height: 100%;
display: flex;
}
.create-listings-tab-pane {
height: 100%;
}
.tab-pane-inner {
border-top: 1px solid var(--grey);
flex-direction: column;
height: 100%;
max-height: 100%;
padding: 10px 20px 62px;
display: flex;
position: relative;
overflow: auto;
}
.create-listing-nav-wrapper {
border-style: solid none none;
border-width: 1px;
border-color: var(--grey);
box-shadow: none;
background-color: #fff;
flex-direction: column;
flex: none;
justify-content: flex-end;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
padding: 10px 38px 10px 30px;
display: flex;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.create-listing-nav-links {
justify-content: space-between;
display: flex;
}
.form-nav-link {
background-color: var(--white);
min-height: 35px;
color: var(--orange);
cursor: pointer;
background-image: none;
border: 1px solid #e2e2e2;
border-radius: 6px;
align-items: center;
margin-left: 5px;
padding: 5px 15px 5px 10px;
font-size: 14px;
font-weight: 500;
transition: color .2s;
display: flex;
position: relative;
}
.form-nav-link:hover {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.form-nav-link.disabled {
border-color: var(--orange);
opacity: .45;
cursor: not-allowed;
justify-content: flex-end;
margin-left: 5px;
margin-right: 0;
}
.form-nav-link.disabled:hover {
background-image: linear-gradient(#333, #333);
}
.form-nav-link.primary-action {
background-color: var(--orange);
color: var(--white);
background-image: none;
margin-left: 5px;
}
.form-nav-link-icon {
text-transform: uppercase;
flex: none;
margin-left: 0;
font-family: FontAwesome, sans-serif;
font-weight: 900;
}
.form-nav-link-icon.hide {
display: none;
}
.form-nav-link-text {
flex: 1;
margin-left: 5px;
}
.cancel-create-icon {
color: #333;
font-size: 20px;
text-decoration: none;
}
.cancel-create-icon:hover {
color: var(--deep-pink);
}
.pages-total {
opacity: .4;
text-align: center;
cursor: pointer;
align-self: center;
margin-right: 5px;
padding-top: 0;
font-size: 11px;
line-height: 125%;
transition: color .2s, opacity .2s;
}
.listing-results-container {
opacity: 1;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-right: 20px;
display: flex;
}
.sorted-by {
z-index: 1;
opacity: 0;
margin-left: 0;
margin-right: 0;
display: none;
}
.sorted-by-toggle {
z-index: 1;
border-radius: 6px;
flex-direction: row;
flex: none;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 5px 10px 5px 0;
display: flex;
}
.sorted-by-button {
color: var(--orange);
cursor: pointer;
border-radius: 3px;
align-items: center;
margin-left: 3px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: relative;
}
.sorted-by-button:hover {
color: var(--deep-pink);
}
.sorted-by-text {
margin-left: 3px;
margin-right: 0;
font-family: Poppins, sans-serif;
font-size: 11px;
line-height: 100%;
}
.filter-header-sticky {
z-index: 2;
background-color: #fff;
justify-content: flex-end;
margin-bottom: 15px;
padding-top: 25px;
padding-bottom: 20px;
padding-right: 15px;
transition: all .2s;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 10px 10px -10px #0003;
}
.filter-header-sticky.hide {
display: none;
}
.filters-header-title {
text-align: left;
flex: 1;
align-self: flex-start;
font-size: 18px;
font-weight: 500;
line-height: 125%;
display: block;
}
.hide-filters-button {
z-index: 99;
color: #333;
cursor: pointer;
background-color: #f7f7f7;
border: 1px solid #e2e2e2;
border-radius: 4px;
margin-top: -5px;
padding: 4px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
transition: all .2s;
display: none;
position: absolute;
right: 15px;
}
.hide-filters-button:hover {
border-color: var(--deep-pink);
color: var(--deep-pink);
}
.shop-top-lower-content {
align-items: center;
display: none;
}
.save-search-bar {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-left: 15px;
font-size: 11px;
display: flex;
}
.save-search-bar.hide {
margin-top: 10px;
padding-left: 15px;
display: none;
}
.save-this-search-text {
float: right;
color: var(--orange);
flex: 1;
margin-left: 5px;
display: none;
}
.save-this-search-icon {
float: left;
text-transform: uppercase;
flex: none;
margin-left: 5px;
font-family: FontAwesome, sans-serif;
font-size: 18px;
font-weight: 900;
line-height: 100%;
}
.horse-profile-highlights {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.price-descriptors {
flex-direction: column;
flex: none;
align-items: flex-start;
display: flex;
}
.horse-profile-wrapper {
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
display: flex;
}
.tools-sidebar {
flex-direction: column;
flex: none;
align-items: flex-start;
min-width: 70px;
max-width: 70px;
padding-top: 15px;
display: none;
position: relative;
box-shadow: -17px 0 14px -17px #0003;
}
.toolbar-action-wrapper {
cursor: pointer;
flex-direction: column;
margin-bottom: 15px;
display: flex;
}
.toolbar-action-logo-wrapper {
border: 1px solid var(--grey);
background-color: #e8e8e8;
border-radius: 100px;
align-self: center;
width: 50px;
height: 50px;
}
.toolbar-action-text {
text-align: center;
align-self: stretch;
margin-top: 4px;
line-height: 100%;
}
.toolbar-actions {
flex-direction: column;
justify-content: flex-start;
padding-left: 15px;
display: flex;
position: sticky;
top: 72px;
}
.master-search-container {
z-index: 2;
background-color: #23375a;
flex-direction: column;
justify-content: center;
padding-bottom: 2px;
display: none;
position: absolute;
inset: 0;
}
.master-search-wrapper {
align-items: center;
margin-bottom: 0;
display: flex;
}
.master-search-input {
color: #fff;
background-color: #fff0;
border: 1px #000;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.master-search-icon {
color: #ffffff5e;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
position: absolute;
left: 0;
}
.master-search-close {
color: #ffffff5e;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: all .2s;
position: absolute;
right: 0;
}
.master-search-close:hover {
color: #fff;
}
.pagination-wrapper {
justify-content: space-between;
align-items: center;
min-height: 26px;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
display: flex;
}
.pagination-wrapper.hide {
display: none;
}
.cleartags {
padding-top: 1px;
padding-bottom: 1px;
}
.thin {
font-weight: 200;
}
.module-divider {
background-color: var(--grey);
opacity: .87;
color: var(--grey);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin-left: 2px;
margin-right: 2px;
font-weight: 200;
}
.sortby {
align-self: center;
margin-right: 5px;
padding-top: 0;
}
.italic-text, .italic-text-2, .italic-text-3 {
display: none;
}
.shop-top-copy {
z-index: 3;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-around;
align-self: center;
width: 100%;
margin-top: 6px;
margin-bottom: 6px;
display: flex;
position: relative;
}
.shop-left-content-wrapper {
padding-top: 30px;
}
.filter-section-toggle-icon-2 {
color: #000;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
padding: 0;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 900;
transition: transform .2s;
display: flex;
position: absolute;
transform: rotate(-90deg);
}
.filter-section-toggle-icon-2.rotate {
transform: rotate(0);
}
.checkbox-grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 100%;
margin-top: 7px;
margin-bottom: 7px;
margin-right: 25px;
display: block;
}
.parent-filter-section-2 {
border-bottom: 1px solid #ededed;
flex-direction: column;
align-self: stretch;
align-items: stretch;
margin-bottom: 10px;
display: flex;
}
.filter-section-toggle-2 {
cursor: pointer;
align-items: center;
padding: 15px;
transition: color .2s;
display: flex;
position: relative;
}
.filter-section-toggle-2:hover {
color: #ff4c89;
}
.filter-section-dropdown-2 {
flex-direction: column;
align-self: stretch;
margin-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.divider-3 {
border-right: 1px dotted #0000001a;
flex: none;
align-self: center;
width: 1px;
min-height: 20px;
}
.divider-3.margin-left {
flex-direction: row;
margin-left: 5px;
margin-right: 5px;
display: block;
}
.divider-3.margin-left.margin-right {
border-right-style: dotted;
border-right-color: #00000047;
margin-left: 10px;
margin-right: 10px;
}
.filter-section-toggle-icon-wrapper-2 {
perspective: 2000px;
transform-origin: 50%;
color: #3330;
justify-content: center;
align-items: center;
width: 21px;
min-width: 21px;
max-width: 21px;
height: 21px;
min-height: 21px;
max-height: 21px;
display: flex;
position: absolute;
right: 15px;
}
.my-saved-searches-title {
text-align: left;
text-transform: capitalize;
flex: 1;
font-size: 13px;
font-weight: 500;
}
.div-block-84 {
justify-content: space-between;
align-items: center;
display: flex;
}
.link-14 {
color: #0257ff;
font-size: 12px;
}
.add-product-icon {
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.listing-location-wrapper-2 {
color: #9d9d9d;
flex: none;
align-items: center;
margin-top: 10px;
padding-top: 4px;
padding-right: 20px;
font-size: 13px;
display: flex;
}
.listing-location-icon {
flex: none;
align-self: center;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 100%;
display: flex;
position: relative;
top: -1px;
}
.listing-search-wrapper-2 {
z-index: 8;
max-width: 300px;
box-shadow: none;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
position: relative;
}
.listing-search-wrapper-2.hide {
margin-bottom: 15px;
margin-left: 14px;
margin-right: 14px;
}
.keyword-search-wrapper-2 {
flex: 1;
align-self: stretch;
align-items: flex-start;
font-size: 12px;
display: flex;
}
.search-4 {
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 4px;
flex-direction: column;
flex: 1;
align-content: center;
align-self: stretch;
align-items: baseline;
min-height: 35px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.html-embed-4 {
flex: 1;
}
.slideup-window {
z-index: 9;
background-color: #fafafa;
flex-direction: column;
flex: none;
align-items: center;
height: auto;
margin-top: auto;
margin-left: 0;
margin-right: 0;
display: flex;
position: fixed;
inset: 92px 0 0;
overflow: hidden;
}
.slideup-window.closed {
height: 0;
}
.integrations-grid {
grid-column-gap: 15px;
grid-row-gap: 0px;
border-radius: 6px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 20px;
display: grid;
}
.image-6 {
object-fit: cover;
border: 1px solid #ccc;
border-radius: 6px;
align-self: stretch;
max-height: 200px;
margin-bottom: 10px;
}
.slideup-window-header {
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
align-items: center;
padding: 20px 40px;
display: flex;
position: relative;
}
.close-popup-window {
border-left: 1px solid var(--grey);
cursor: pointer;
align-items: center;
margin-left: -37px;
padding: 10px 16px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: all .2s;
display: flex;
position: absolute;
right: 0;
}
.close-popup-window:hover {
color: #7958bd;
}
.widget-box {
cursor: pointer;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 100%;
min-height: 280px;
margin-bottom: 15px;
padding: 30px 20px 20px;
font-size: 12px;
transition: box-shadow .2s;
display: flex;
position: relative;
box-shadow: 0 0 4px 2px #dadada;
}
.widget-box:hover {
box-shadow: 0 0 4px 2px #4405995e;
}
.slideup-tabs-menu {
grid-column-gap: 5px;
grid-row-gap: 16px;
border-bottom: 1px none var(--grey);
grid-template-rows: auto;
grid-template-columns: .5fr .5fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.slideup-window-inner-wrapper {
border: 1px solid var(--grey);
background-color: #fff;
border-radius: 4px;
flex-direction: column;
flex: 1;
width: 100%;
max-width: 1000px;
margin-top: 20px;
margin-bottom: 40px;
display: flex;
overflow: hidden;
box-shadow: 0 0 6px #00000045;
}
.slideup-window-tabs {
flex-direction: column;
flex: 1;
display: flex;
overflow: auto;
}
.slideup-tab-pane {
padding: 0;
}
.slideup-tab-link {
text-align: center;
cursor: pointer;
background-color: #fff0;
border-bottom: 2px solid #3b128d00;
padding-left: 5px;
padding-right: 5px;
font-family: Roboto Condensed, sans-serif;
line-height: 100%;
display: block;
}
.slideup-tab-link.w--current {
border-bottom-style: none;
border-bottom-color: var(--orange);
color: var(--orange);
background-color: #fff0;
font-weight: 500;
text-decoration: none;
}
.text-block-92 {
align-self: center;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
line-height: 130%;
}
.action-button-text-4 {
flex: 1;
margin-left: 5px;
margin-right: 5px;
line-height: 100%;
position: relative;
bottom: -1px;
}
.action-icon-4 {
cursor: pointer;
justify-content: center;
align-self: stretch;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 12%;
display: flex;
position: relative;
}
.action-icon-4.smaller {
font-size: 12px;
line-height: 100%;
}
.action-icon-4.arrow {
font-size: 8px;
position: relative;
bottom: 0;
}
.popup-window-header {
font-size: 18px;
font-weight: 600;
}
.button {
color: var(--new-grey);
text-align: center;
cursor: pointer;
background-color: #0000;
border: 1px #00affa;
border-radius: 3px;
align-self: center;
align-items: center;
padding: 7px 10px;
font-size: 12px;
line-height: 100%;
transition: color .2s, background-color .2s;
display: flex;
}
.button:hover {
border-style: solid;
border-color: var(--orange);
color: var(--orange);
background-color: #f896331c;
}
.slideup-tabs-content {
background-color: #fff;
flex: 1;
overflow: auto;
}
.dev-notes {
z-index: 999;
position: fixed;
top: 0;
bottom: 0;
right: 0;
}
.dev-notes-button {
z-index: 2;
border: 1px solid var(--new-grey);
white-space: nowrap;
cursor: pointer;
background-color: #f1f1f1;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 5px;
line-height: 100%;
display: flex;
position: absolute;
bottom: 9px;
right: 9px;
}
.dev-notes-button.hide {
display: none;
}
.dev-notes-window {
z-index: 9999;
background-color: #fff;
flex-direction: column;
width: 340px;
transition: right .2s;
display: flex;
position: fixed;
inset: 51px 0 0% auto;
overflow: auto;
box-shadow: -9px 1px 10px -10px #000000a8;
}
.dev-notes-window.closed {
transition-duration: .2s;
right: -100%;
}
.dev-notes-window-header {
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
align-items: center;
padding: 20px 40px;
display: flex;
position: relative;
}
.icon-list-wrapper {
background-color: var(--light-grey);
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.image-7 {
object-fit: contain;
width: 35px;
height: 35px;
}
.image-8 {
width: 16px;
height: 16px;
}
.div-block-85 {
grid-column-gap: 5px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-93 {
font-family: Oswald, sans-serif;
font-size: 10px;
}
.text-block-94 {
color: #575757cc;
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
.div-block-86 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-95, .text-block-96, .text-block-97 {
font-family: Roboto Condensed, sans-serif;
}
.tab-link-forms {
background-color: var(--white);
}
.fixed-top {
z-index: 9;
background-color: #fff;
flex-direction: column;
flex: none;
transition: height .2s;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
box-shadow: 0 0 4px 1px #00000057;
}
.supplier-name {
cursor: pointer;
flex: none;
max-width: 700px;
font-size: 15px;
font-weight: 500;
line-height: 120%;
transition: color .2s;
}
.supplier-name:hover {
color: #00affa;
}
.supplier-window-tabs {
border-bottom: 1px solid var(--dodger-blue);
flex: 1;
align-items: flex-end;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 0;
display: flex;
}
.supplier-window-loader {
z-index: 99;
background-color: #ffffffa6;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.action-icon-5 {
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 12%;
display: inline-block;
position: relative;
}
.action-icon-5.arrow {
font-size: 8px;
position: relative;
bottom: 0;
}
.action-icon-5.smaller {
font-size: 12px;
line-height: 100%;
}
.product-feature-2 {
color: #666;
text-align: left;
white-space: normal;
align-self: stretch;
margin-top: 7px;
display: flex;
position: relative;
}
.product-feature-2.green {
color: #07860b;
font-weight: 600;
}
.sponsored-product-image-wrapper {
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.read-more-button-icon {
margin-left: 2px;
font-family: LineAwesome, sans-serif;
font-size: 8px;
font-weight: 400;
}
.star-icon-2 {
color: #ffb310;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 500;
}
.star-icon-2.full {
font-weight: 400;
}
.sponsored-product-top {
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-bottom: 10px;
display: flex;
}
.product-tag-2 {
color: #fff;
border-top-right-radius: 6px;
justify-content: flex-end;
align-items: flex-start;
width: 30px;
height: 30px;
padding-top: 2px;
padding-right: 4px;
font-size: 17px;
display: flex;
position: absolute;
top: -1px;
right: -1px;
}
.product-availability-text {
text-transform: capitalize;
flex: none;
align-self: flex-start;
font-weight: 500;
line-height: 100%;
position: relative;
}
.sponsored-product-price {
font-size: 25px;
font-weight: 500;
line-height: 100%;
}
.supplier-option-left-2 {
flex: 0 auto;
justify-content: center;
align-items: flex-start;
min-width: 100px;
display: flex;
position: relative;
}
.read-more-box {
background-image: linear-gradient(#fff0, #fff 42%);
justify-content: flex-start;
margin-top: -14px;
padding-top: 18px;
display: flex;
position: relative;
}
.review-author-name-tag {
color: #07860b;
font-size: 11px;
}
.loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.button-text {
text-align: center;
white-space: nowrap;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 2px;
line-height: 100%;
display: flex;
}
.supplier-option-image {
object-fit: contain;
object-position: 50% 0%;
flex: none;
align-self: stretch;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sponsor-logo {
object-fit: contain;
align-self: flex-start;
max-height: 40px;
}
.sort-dropdown-toggle {
z-index: 1;
border-radius: 6px;
flex-direction: column;
flex: none;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
display: flex;
}
.product-price-detail {
margin-top: 2px;
margin-bottom: 2px;
}
.sponsored-tag-bg-wrapper {
border-top-right-radius: 6px;
width: 100px;
position: absolute;
inset: 0;
overflow: hidden;
}
.sponsor-product-description {
color: #676767;
column-count: 1;
column-rule-width: 0px;
flex: none;
max-width: 700px;
font-size: 12px;
}
.sponsor-product-features {
flex-direction: column;
display: flex;
}
.author-image-tag-mask {
background-color: #00affa;
border: 2px solid #fff;
border-radius: 100px;
width: 18px;
height: 18px;
position: absolute;
bottom: -1px;
right: -3px;
}
.sponsored-product-price-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.add-to-cart-wrapper {
flex: none;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: 10px;
display: flex;
position: relative;
}
.sponsored-product-bottom {
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.supplier-options-header-left {
flex-direction: column;
flex: 1;
display: flex;
}
.sponsored-product-tag-icon {
object-fit: contain;
flex: none;
margin-bottom: 7px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
display: none;
}
.product-tag-icon-2 {
object-fit: contain;
width: 12px;
height: 15px;
font-family: LineAwesome, sans-serif;
position: relative;
right: -1px;
}
.product-tag-icon-2.lock {
object-fit: fill;
width: 11px;
height: 12px;
top: 0;
right: 0;
}
.supplier-options-title {
font-size: 15px;
font-weight: 500;
}
.supplier-option-left-content {
flex-direction: column;
align-self: stretch;
display: flex;
}
.review-author-image {
object-fit: cover;
border-radius: 100px;
position: absolute;
inset: 0%;
}
.review-author-image.anonymous {
object-fit: contain;
background-color: #ccc;
padding: 6px;
}
.product-feature-icon-2 {
flex: none;
align-self: center;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
display: flex;
position: relative;
top: -1px;
}
.product-row-column {
flex-direction: column;
flex: 1;
display: flex;
}
.supplier-window {
background-color: #fff;
border-radius: 6px;
flex-direction: column;
align-self: stretch;
align-items: center;
width: 100%;
max-width: 820px;
margin: 50px 20px;
transition: top .2s;
display: flex;
position: absolute;
top: 0;
bottom: 0;
overflow: auto;
box-shadow: 0 0 4px 2px #00000030;
}
.supplier-window.closed {
box-shadow: none;
transition-duration: .2s;
}
.sponsored-tag-text-box {
text-transform: uppercase;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
display: flex;
position: absolute;
top: 17px;
left: 5px;
transform: rotate(-31deg);
}
.tab-separator {
flex: 1;
height: 1px;
}
.supplier-window-wrapper {
z-index: 999;
justify-content: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.supplier-window-wrapper.closed {
justify-content: center;
align-items: stretch;
height: 0;
display: flex;
bottom: auto;
}
.grid-box-button {
cursor: pointer;
background-color: #fff;
border: .5px solid #ccc;
border-radius: 6px;
padding: 5px 15px;
font-size: 12px;
transition: color .2s, background-color .2s;
display: flex;
}
.grid-box-button:hover {
color: #fff;
background-color: #00affa;
}
.add-to-cart-button {
color: #fff;
background-color: #7958bd;
background-image: linear-gradient(to right, #00000026, #fff0);
border: 1px solid #ccc;
border-left-style: none;
border-radius: 0 6px 6px 0;
flex: none;
justify-content: flex-start;
align-items: center;
padding: 3px 10px;
font-size: 19px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
}
.add-to-cart-button:hover {
color: #fff;
background-color: #7958bd;
background-image: linear-gradient(to right, #00affa57, #3b128d3b);
}
.tab-link-text {
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
}
.review-rating-box {
margin-bottom: 10px;
display: flex;
}
.review-wrapper {
border-bottom: 1px solid #ccc;
flex-direction: column;
padding: 20px;
display: flex;
}
.sort-dropdown {
z-index: auto;
flex-direction: column;
flex: none;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.close-window {
z-index: 10;
color: #000;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 23px;
position: absolute;
top: 13px;
right: 3px;
}
.supplier-option-wrapper {
cursor: pointer;
background-color: #fff;
border: 1px #ccc;
border-bottom-style: solid;
justify-content: space-between;
min-height: 110px;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.supplier-product-image {
object-fit: contain;
object-position: 50% 0%;
flex: none;
align-self: stretch;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.review-author-image-mask {
border-radius: 100px;
width: 40px;
height: 40px;
margin-right: 10px;
position: relative;
}
.review-author-box {
align-items: center;
margin-bottom: 5px;
display: flex;
}
.sponsored-supplier {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
cursor: pointer;
border-bottom: 3px solid #00affa;
flex: none;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
min-height: 110px;
padding: 20px 20px 0;
display: grid;
position: relative;
}
.supplier-window-bg {
opacity: 1;
background-color: #00000059;
transition: opacity .2s;
position: fixed;
inset: 0%;
}
.supplier-window-bg.closed {
opacity: 0;
height: 0;
}
.add-to-cart-form {
flex-direction: column;
display: flex;
}
.review-content-text {
max-height: 80px;
font-size: 12px;
overflow: hidden;
}
.add-to-cart-icon {
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 24px;
height: 24px;
margin-bottom: 1px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
display: flex;
}
.supplier-options-header {
z-index: 2;
border-bottom: 1px solid #ccc;
justify-content: space-between;
align-items: center;
min-height: 50px;
padding: 20px;
display: flex;
position: relative;
}
.supplier-option-left-1 {
flex-direction: column;
flex: 0 auto;
justify-content: center;
display: flex;
}
.supplier-window-content {
background-color: #fff;
border-radius: 6px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
display: flex;
}
.review-title {
font-weight: 600;
}
.supplier-option-middle {
flex-direction: column;
flex: 1;
justify-content: center;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.supplier-window-tab {
background-color: var(--white);
color: #333;
cursor: pointer;
border: 1px solid #ccc;
border-bottom-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
justify-content: center;
align-items: center;
min-height: 30px;
margin-bottom: 0;
margin-right: 2px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
transition: color .2s, border-color .2s, background-color .2s, margin .2s, height .2s;
display: flex;
position: relative;
}
.supplier-window-tab:hover {
color: #00affa;
border-style: solid solid none;
border-color: #198df7;
}
.supplier-window-tab:active {
color: var(--white);
background-color: #00affa;
}
.supplier-window-tab.active {
z-index: 1;
border-width: 1px;
border-color: var(--dodger-blue);
min-height: 30px;
color: var(--white);
background-color: #00affa;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: -1px;
margin-right: 2px;
padding-top: 4px;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
position: relative;
}
.supplier-window-tab.supplier-button {
background-color: #e7e7e700;
border-style: solid;
border-color: #ccc;
border-radius: 4px;
margin-bottom: 2px;
}
.simple-link-button-3 {
color: #575757;
cursor: pointer;
align-items: center;
margin-left: 3px;
margin-right: 3px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: relative;
}
.simple-link-button-3:hover {
color: #00affa;
}
.product-feature-text-2 {
flex: 1;
font-size: 11px;
line-height: 100%;
}
.author-image-tag {
object-fit: contain;
width: 100%;
height: 100%;
padding: 2px;
position: absolute;
inset: 0%;
}
.hide-2 {
opacity: 0;
border: 1px #000;
display: none;
}
.sponsored-product-tag-bg {
border-top: 60px solid #fabc00;
border-right: 100px solid #0000;
position: absolute;
inset: 0;
}
.simple-dropdown-list {
opacity: 0;
margin-left: -11px;
transition: height .6s;
top: 100%;
}
.simple-dropdown-list.w--open {
z-index: 999999;
opacity: 1;
background-color: #f7f7f7;
border-radius: 6px;
height: auto;
transition: opacity .2s, all .2s;
display: inline-block;
top: 100%;
overflow: hidden;
box-shadow: 0 0 4px #0003;
}
.simple-dropdown-list.align-right {
z-index: 99;
}
.simple-dropdown-list.align-right.w--open {
text-align: right;
right: 0;
}
.product-tag-bg-2 {
border-top: 30px solid #3b128d;
border-left: 30px solid #07860b00;
width: 30px;
position: absolute;
inset: 0;
}
.product-tag-bg-2.alt-color {
border-top-color: #00affa;
}
.button-icon {
align-self: center;
margin-top: 1px;
margin-left: 3px;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
}
.read-more-button {
color: #00affa;
cursor: pointer;
align-items: center;
font-size: 12px;
display: flex;
}
.sort-toggle-text {
margin-left: 3px;
margin-right: 5px;
font-family: Poppins, sans-serif;
}
.review-author-name {
margin-right: 10px;
display: flex;
}
.sponsored-product-tag {
z-index: 1;
color: #fff;
border-top-right-radius: 6px;
justify-content: flex-end;
align-items: flex-start;
width: 100px;
height: 100px;
padding-top: 2px;
padding-right: 4px;
font-size: 17px;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.sponsor-product-title {
cursor: pointer;
flex: none;
max-width: 700px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 500;
line-height: 120%;
transition: color .2s;
}
.sponsor-product-title:hover {
color: #00affa;
}
.supplier-tag-bg-wrap {
width: 30px;
position: absolute;
inset: 0;
overflow: hidden;
}
.sponsored-product-bottom-content {
flex-direction: column;
align-self: stretch;
min-width: 180px;
display: flex;
}
.add-to-cart-input-field {
border-right: 1px #000;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
min-width: 110px;
height: 40px;
margin-bottom: 0;
font-size: 12px;
}
.add-to-cart-text {
text-align: center;
flex: 1;
align-self: center;
margin-left: 2px;
margin-right: 10px;
font-size: 12px;
font-weight: 400;
line-height: 11px;
}
.product-price-details {
border-left: 1px solid #ccc;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: flex-start;
margin-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 11px;
line-height: 100%;
display: flex;
}
.star-review-grid {
grid-column-gap: 3px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
margin-right: 10px;
display: grid;
}
.product-availability {
color: #fff;
background-color: #07860b;
border-radius: 100px;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-bottom: 8px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 11px;
display: flex;
position: relative;
bottom: 1px;
left: 0;
}
.product-availability.hide {
display: none;
}
.footer-right-links {
grid-column-gap: 10px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: end;
margin-left: 20px;
display: grid;
}
.main-footer {
z-index: 9;
background-color: #fafafa;
background-image: none;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 49px;
padding-bottom: 0;
padding-right: 30px;
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.app-switch-link-icon {
color: #3b128d;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
}
.app-switcher {
color: #0000002e;
flex-direction: column;
flex: 0 auto;
transition: color .2s;
display: flex;
}
.app-switcher:hover {
color: #3b128d;
}
.app-switch-link {
color: #333;
cursor: pointer;
border-top: 1px solid #e3e3e3;
border-left: 1px #e3e3e3;
border-right: 1px solid #e3e3e3;
align-items: center;
min-width: 250px;
padding: 10px 20px;
transition: color .2s;
display: flex;
}
.app-switch-link:hover {
color: #3b128d;
}
.app-switch-link.function {
color: #797979;
font-size: 12px;
}
.footer-logo-wrapper {
color: #0000002e;
cursor: pointer;
flex: 0 auto;
align-self: center;
align-items: center;
height: 100%;
margin-left: 20px;
display: flex;
position: relative;
}
.footer-logo-wrapper:hover {
color: #3b128d;
}
.footer-logo-text {
margin-right: 5px;
font-size: 12px;
font-weight: 500;
transition: color .2s;
}
.footer-link {
color: #00000040;
text-transform: uppercase;
cursor: pointer;
font-size: 10px;
font-weight: 500;
line-height: 100%;
transition: color .2s;
}
.footer-link:hover {
color: #3b128d;
}
.app-switcher-toggle {
cursor: pointer;
border-right: 1px solid #ececec;
align-self: stretch;
width: 50px;
height: 50px;
padding: 14px;
}
.app-switcher-menu {
background-color: #fff;
position: absolute;
bottom: 100%;
overflow: hidden;
}
.app-switcher-menu.closed {
height: 0;
}
.footer-svg-embed {
flex: none;
width: 90px;
}
.app-switcher-menu-content {
border-bottom: 1px solid #e3e3e3;
flex-direction: column;
display: flex;
}
.version-number {
color: #00000040;
text-transform: uppercase;
cursor: pointer;
flex: none;
align-items: center;
margin-left: 10px;
font-size: 11px;
font-weight: 600;
line-height: 100%;
transition: color .2s;
display: block;
}
.version-number:hover {
color: #3b128d;
}
.text-block-98 {
font-family: Poppins, sans-serif;
font-weight: 300;
}
.image-9 {
width: 30px;
height: 30px;
}
.sign-up-title {
max-width: none;
color: var(--new-grey);
text-align: center;
flex: 1;
align-self: center;
margin-top: 0;
margin-bottom: 3px;
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 125%;
display: block;
}
.div-block-87 {
background-color: #cccccc4d;
justify-content: center;
align-items: center;
height: 30px;
margin: 8px 0 0;
padding-bottom: 0;
font-size: 11px;
font-weight: 400;
display: flex;
}
.sign-up-text {
background-color: var(--lightblue);
white-space: nowrap;
border-radius: 3px;
margin-right: 5px;
padding: 7px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
display: flex;
}
.sign-up-text.login-button {
background-color: #62799b00;
}
.sign-up-now-link {
color: var(--orange);
font-weight: 500;
}
.form-block-8 {
margin-top: 10px;
padding-top: 10px;
}
.sign-up-benefits {
text-align: center;
text-transform: uppercase;
flex: 1;
align-self: center;
margin-bottom: 0;
font-family: Oswald, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 125%;
display: block;
}
.text-block-99 {
color: var(--white);
margin-right: 10px;
}
.div-block-88 {
font-size: 12px;
display: flex;
}
.dont-have-an-account {
margin-right: 3px;
font-size: 12px;
}
.keep-me-signed-in {
align-self: stretch;
}
.text-block-100 {
color: var(--lightblue);
text-align: right;
margin-top: -12px;
margin-bottom: 5px;
font-weight: 500;
}
.sign-up-header-link {
color: var(--white);
margin-right: 10px;
}
.text-block-101 {
margin-right: 3px;
font-size: 12px;
}
.text-block-102 {
font-size: 12px;
}
.add-a-horse-popup {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 51px 0% 0%;
}
.add-a-horse-popup.hide {
display: none;
}
.body-2 {
margin-left: auto;
}
.ms-pp-product-description-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 5px;
font-size: 13px;
display: flex;
}
.ms-pp-product-description-wrapper.hide {
display: none;
}
.ms-pp-product-line-value {
text-align: right;
flex: 0 auto;
}
.portlet-body {
border-radius: 6px;
flex-direction: column;
flex: 1;
height: auto;
display: flex;
overflow: visible;
}
.ms-pp-product-line-title {
flex: 1;
margin-right: 10px;
font-weight: 600;
}
.ms-pp-top-middle-content {
grid-column-gap: 16px;
grid-row-gap: 3px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-size: 13px;
display: grid;
position: sticky;
top: 10px;
}
.ms-product-page-top {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 210px 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
display: grid;
}
.portlet-action-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center end;
align-self: stretch;
place-items: center;
display: grid;
}
.portlet {
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 6px;
flex-direction: column;
justify-content: center;
width: 1000px;
min-width: 0;
display: flex;
}
.ms-pp-gallery-wrapper {
grid-column-gap: 16px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-height: 200px;
display: grid;
position: sticky;
top: 10px;
}
.portlet-header {
text-transform: uppercase;
flex: 0 auto;
align-items: center;
margin-right: 10px;
font-size: 14px;
font-weight: 700;
display: flex;
}
.ms-pp-product-line-description {
text-align: left;
flex: 1;
margin-top: 5px;
}
.ms-pp-top-middle {
border-radius: 6px;
flex: 1;
padding-bottom: 20px;
padding-left: 20px;
}
.portlet-header-wrapper {
z-index: 2;
background-color: #fafafa;
border-radius: 6px;
align-items: center;
padding: 20px;
display: flex;
position: relative;
}
.portlet-expand {
opacity: .6;
cursor: pointer;
justify-content: center;
align-items: center;
width: 13px;
height: 15px;
padding-bottom: 0;
transition: opacity .2s;
display: flex;
position: relative;
}
.portlet-expand:hover {
opacity: 1;
}
.ms-pp-tag {
cursor: pointer;
background-color: #eaeaea;
border-radius: 4px;
margin-bottom: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 12px;
transition: all .2s;
display: inline-block;
}
.ms-pp-product-line {
justify-content: flex-start;
align-items: center;
min-height: 24px;
font-size: 13px;
transition: background-color .2s;
display: flex;
position: relative;
}
.ms-pp-product-line:hover {
background-color: #ffffff57;
}
.ms-pp-product-line.ms-vertical {
flex-direction: column;
align-items: flex-start;
}
.ms-pp-product-line.ms-vertical.hide {
display: none;
}
.ms-pp-gallery-main-wrapper {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
width: 100%;
height: 200px;
max-height: 200px;
font-size: 30px;
transition: box-shadow .2s, border-color .2s;
position: relative;
overflow: hidden;
}
.ms-pp-gallery-main-wrapper:hover {
border-color: #00affa;
box-shadow: 0 0 6px #00affa59;
}
.ms-pp-top-left {
flex: 0 auto;
width: 100%;
max-width: 210px;
max-height: 200px;
}
.ms-pp-gallery-main-image {
object-fit: contain;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.ms-pp-gallery-main-lightbox {
position: absolute;
inset: 0%;
}
.ms-pp-product-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
line-height: 100%;
}
.ms-pp-gallery-hover {
z-index: 1;
opacity: 0;
color: #00affa;
background-color: #00affa00;
border-radius: 6px;
justify-content: flex-end;
align-items: flex-end;
padding: 12px;
font-family: LineAwesome, sans-serif;
font-weight: 400;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.ms-pp-gallery-hover:hover {
opacity: 1;
}
.portlet-expand-line {
border-bottom: 1px solid #383838;
width: 11px;
height: 1px;
transition: transform .2s;
position: absolute;
}
.portlet-expand-line.rotate {
margin-right: -1px;
transform: rotate(90deg);
}
.ms-pp-gallery-main-image-blur {
filter: blur(10px);
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.portlet-body-tabs {
flex-direction: column;
flex: 1;
margin-bottom: -1px;
margin-left: -1px;
margin-right: -1px;
display: flex;
}
.qa-author-image-mask {
border-radius: 100px;
width: 40px;
height: 40px;
margin-right: 10px;
position: relative;
}
.ms-pp-spec-line-title {
flex: 1;
margin-right: 10px;
}
.question-input {
border-radius: 6px;
min-height: 100px;
margin-top: 20px;
}
.ms-pp-specification-table {
grid-column-gap: 16px;
grid-row-gap: 0px;
border-top: 1px solid #e2e2e2;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
font-size: 13px;
display: grid;
}
.ms-pp-spec-line-value {
flex: 1;
}
.table-wrapper-2 {
background-color: #fff;
border-radius: 4px;
flex-direction: column;
display: flex;
overflow: auto;
}
.ms-pp-specification-line {
border-bottom: 1px solid #e2e2e2;
justify-content: flex-start;
align-items: center;
min-height: 24px;
font-size: 13px;
transition: background-color .2s;
display: flex;
position: relative;
}
.ms-pp-specification-line:hover {
background-color: #ffffff57;
}
.table-header-actions {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
display: grid;
}
.ms-pp-tabs-menu {
z-index: 1;
flex-wrap: wrap-reverse;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-self: flex-start;
margin-bottom: -1px;
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
display: flex;
position: relative;
}
.product-info-table-sorter {
z-index: 2;
background-color: #ecf2f9;
border-radius: 6px;
justify-content: space-between;
align-items: center;
min-height: 50px;
margin-bottom: 10px;
padding: 20px;
display: flex;
position: relative;
}
.table-header-2 {
background-color: #e7e7e7;
border: 1px solid #d4d4d4;
border-bottom-style: none;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
display: flex;
}
.qa-wrapper {
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-bottom: 10px;
padding: 20px;
display: flex;
box-shadow: 0 0 4px 2px #ed41410f;
}
.ms-pp-tab-link {
text-align: center;
background-color: #e7e7e7;
border: 1px solid #ccc;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
justify-content: center;
align-items: center;
min-height: 100%;
margin-top: 0;
margin-bottom: -1px;
margin-left: -1px;
padding-bottom: 9px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
}
.ms-pp-tab-link.w--current {
background-color: #fafafa;
border-bottom-color: #fafafa;
font-weight: 600;
}
.button-4 {
color: #00affa;
text-align: center;
cursor: pointer;
background-color: #fff;
border: 1px solid #00affa;
border-radius: 100px;
align-self: center;
align-items: center;
padding: 7px 10px;
font-size: 12px;
line-height: 100%;
transition: color .2s, background-color .2s;
display: flex;
}
.button-4:hover {
color: #3b128d;
background-color: #3b128d17;
border-color: #3b128d;
}
.ms-pp-specification-section {
flex-direction: column;
display: flex;
}
.ms-pp-spec-left {
background-color: #ececec;
flex-direction: column;
flex: 1;
align-self: stretch;
padding: 10px 15px;
display: flex;
}
.ms-pp-tab-icon {
float: left;
height: 12px;
margin-right: 3px;
}
.qa-content-text {
font-size: 14px;
line-height: 120%;
overflow: hidden;
}
.ms-pp-spec-section-title {
border-bottom: 1px solid #ccc;
flex: none;
margin-bottom: 10px;
padding-bottom: 5px;
font-size: 14px;
font-weight: 500;
display: flex;
}
.ms-pp-product-tab-pane {
flex: 1;
min-height: 100%;
padding: 25px;
}
.qa-author-box {
align-items: center;
margin-bottom: 5px;
display: none;
}
.ms-pp-spec-right {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
padding: 10px 15px;
display: flex;
}
.ms-pp-tab-link-text {
float: left;
}
.portlet-action {
opacity: 1;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 100%;
transition: opacity .2s;
}
.portlet-action:hover {
opacity: 1;
}
.portlet-action.move {
opacity: 0;
cursor: grab;
}
.ms-pp-product-tabs-content {
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 0 0 6px 6px;
flex-direction: column;
flex: 1;
display: flex;
}
.ms-pp-specifications-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 100%;
display: grid;
}
.page-title-wrapper {
border: 1px solid #000;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
max-width: 1920px;
margin-bottom: 0;
padding-top: 20px;
padding-left: 15px;
display: flex;
}
.page-title-wrapper.hide {
display: none;
}
.page-title-2 {
text-transform: capitalize;
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
flex: none;
align-self: flex-start;
margin-bottom: 5px;
margin-right: 3px;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.page-title-2.small {
white-space: nowrap;
align-self: center;
margin-bottom: 0;
margin-left: 9px;
margin-right: 10px;
font-size: 18px;
line-height: 27px;
}
.divider-grow-2 {
flex: 1;
align-self: center;
width: 1px;
height: 30px;
}
.table-options {
opacity: .75;
cursor: pointer;
border-radius: 4px;
align-self: center;
align-items: center;
width: auto;
margin-left: 5px;
font-size: 12px;
font-weight: 500;
transition: all .2s;
display: flex;
}
.table-options:hover {
opacity: 1;
color: #fe4889;
border-color: #fe4889;
}
.table-options-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
}
.results-category-title-2 {
color: #24385b;
text-align: left;
text-transform: capitalize;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 35px;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
display: flex;
position: relative;
}
.results-category-text-2 {
color: #24385b;
text-align: left;
text-transform: capitalize;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
margin-right: 3px;
font-family: "Exo 2", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 34px;
}
.action-button-icon-2 {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
}
.action-button-icon-2.no-margin {
margin-right: 0;
}
.title-line-accent-3 {
background-color: #f89633;
background-image: linear-gradient(-270deg, var(--orange), #fad961);
width: 75px;
height: 1px;
color: var(--darkblue);
margin-bottom: -1px;
padding-left: 15px;
position: absolute;
bottom: 0;
left: 0;
}
.div-block-89 {
font-size: 24px;
display: flex;
}
.results-category-text-3 {
color: #24385b;
text-align: left;
text-transform: capitalize;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
font-family: "Exo 2", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 34px;
}
.tags-wrapper-2 {
flex: 1;
align-items: center;
min-height: 22px;
line-height: 14px;
display: flex;
}
.search-parameter-box-2 {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 6px;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
display: flex;
}
.action-icon-6 {
cursor: pointer;
max-height: 20px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: inline-block;
}
.action-icon-6.alt-set {
font-size: 18px;
font-weight: 900;
position: relative;
top: -1px;
}
.quick-filters {
background-color: #f8f8f8;
border: 1px solid #ccc;
border-radius: 3px;
min-height: 20px;
margin-right: 5px;
font-size: 13px;
line-height: 14px;
}
.quick-filters.pressed.ag {
background-color: #fb8e0d73;
border-color: #f89633cc;
border-radius: 3px;
min-height: 20px;
}
.quick-filter-tag-text {
flex: none;
align-items: center;
margin: 4px 3px;
padding-left: 5px;
padding-right: 5px;
font-weight: 500;
display: flex;
}
.quick-filter-tag-text.pressed {
margin-top: 4px;
margin-bottom: 4px;
font-size: 13px;
line-height: 14px;
}
.action-button-text-5 {
margin-left: 5px;
margin-right: 5px;
font-family: Lato, sans-serif;
font-size: 14px;
}
.listings-save-search-wrapper-2 {
z-index: 9;
background-color: #ffffffe0;
border-radius: 20px;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
padding-top: 0;
padding-left: 10px;
display: flex;
position: static;
top: 192px;
}
.search-parameter-box-3 {
border-top: 1px none var(--grey);
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 0;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
display: flex;
}
.clear-filters-2 {
color: #fb8e0d;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
text-decoration: underline;
transition: color .2s;
}
.clear-filters-2:hover {
color: #575757;
}
.filter-tag-2 {
background-color: #f896331f;
border: .5px solid #f89633cc;
border-radius: 12px;
flex: 0 auto;
justify-content: space-between;
align-self: center;
max-height: 31px;
margin-right: 5px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 14px;
display: flex;
}
.filter-tag-text-2 {
flex: none;
justify-content: flex-start;
align-items: center;
margin: 4px 3px;
padding-left: 5px;
padding-right: 5px;
font-weight: 600;
display: flex;
}
.filter-tag-remove-2 {
color: var(--black);
cursor: pointer;
align-self: center;
align-items: center;
margin-left: 2px;
margin-right: 3px;
padding-left: 3px;
padding-right: 5px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 14px;
display: flex;
}
.listing-results {
flex: 1;
padding-top: 0;
}
.field-multistate-wrapper {
min-width: 0;
max-width: 100%;
padding-top: 0;
position: relative;
overflow: visible;
}
.field-multistate-wrapper.first-position {
padding-top: 0;
}
.field-state-read {
flex-direction: column;
padding: 7px 0;
display: flex;
}
.field-state-read.first-position {
max-width: 100%;
padding-top: 30px;
padding-bottom: 7px;
position: relative;
}
.field-state-write {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
border: 1px #000;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 20px 0;
display: grid;
}
.field-state-write.first-position {
padding-top: 30px;
position: relative;
}
.field-state-write.closed {
display: none;
}
.field-read-only-text {
color: var(--darkblue);
margin-bottom: 0;
margin-right: 3px;
font-size: 15px;
font-weight: 500;
line-height: 130%;
display: block;
}
.field-read-only-wrapper {
justify-content: flex-start;
align-items: center;
padding-right: 0;
display: flex;
}
.field-read-only-toggle {
opacity: .52;
color: #0000;
cursor: pointer;
padding: 4px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
position: static;
right: 0;
}
.field-read-only-toggle:hover {
opacity: 1;
color: var(--link-blue);
}
.field-write-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: .25fr .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: flex-end;
display: grid;
}
.right-arrow-2 {
opacity: .2;
cursor: pointer;
width: 40px;
font-size: 19px;
transition: opacity .2s;
}
.right-arrow-2:hover {
opacity: 1;
}
.slide-wrapper {
height: 100%;
position: relative;
}
.grid-box-title {
flex: 1;
font-size: 16px;
font-weight: 500;
}
.cal-day-of-week {
color: #a2a2a2;
text-align: center;
text-transform: uppercase;
margin-bottom: 2px;
font-size: 11px;
}
.grid-column {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
width: auto;
display: grid;
}
.cal-event-color {
background-color: #ff6a00;
border-radius: 100px;
flex: none;
width: 6px;
min-width: 6px;
max-width: 6px;
height: 6px;
min-height: 6px;
max-height: 6px;
margin-right: 5px;
}
.pup-media-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.grid-box-change-icon {
margin-left: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 400;
}
.remove-stat {
opacity: 0;
cursor: pointer;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
transition: opacity .2s;
position: absolute;
inset: 5px 5px auto auto;
}
.remove-stat:hover {
opacity: 1;
}
.grid-box-stat-bottom {
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
margin-top: 5px;
display: flex;
}
.activity-feed-item {
display: flex;
}
.grid-box-chart {
align-self: stretch;
margin-top: 10px;
}
.feed-action {
font-size: 12px;
line-height: 14px;
}
.activity-feed-item-avatar {
object-fit: cover;
border-radius: 100px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.grid-box-stat {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/61c0cab66cd130a491eda92a_mainstem-leaf-grey.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 80px;
border: 1px solid #ccc;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 20px;
transition: opacity .2s;
display: flex;
position: relative;
}
.grid-box-stat.add {
opacity: .16;
cursor: pointer;
background-color: #fff0;
background-image: none;
border: 1px dashed #333;
display: none;
}
.grid-box-stat.add:hover {
opacity: 1;
color: #3b128d;
background-color: #00affa12;
border-color: #3b128d;
}
.grid-box-stat-top {
text-align: center;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.week-switcher {
align-self: center;
align-items: center;
display: flex;
}
.slide-nav {
font-size: 8px;
}
.change-week {
cursor: pointer;
border: 1px solid #ccc;
align-self: center;
margin-right: 10px;
padding: 3px;
font-family: LineAwesome, sans-serif;
transition: all .2s;
}
.change-week:hover {
color: #3b128d;
background-color: #3b128d17;
border-color: #3b128d;
}
.activity-feed-item-left {
margin-right: 10px;
}
.portlet-body-inner {
flex-direction: column;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-span-11 {
text-transform: capitalize;
margin-right: 4px;
font-weight: 400;
}
.grid-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
align-items: start;
display: grid;
}
.cal-day {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
flex-direction: column;
min-height: 175px;
margin-right: -1px;
padding: 7px;
display: flex;
overflow: hidden;
}
.cal-day.past {
background-color: #00000008;
}
.cal-event-time {
margin-right: 3px;
font-size: 11px;
font-weight: 300;
line-height: 100%;
}
.grid-box-quantifier {
flex: 0 auto;
margin-right: 5px;
font-size: 30px;
font-weight: 600;
line-height: 100%;
}
.grid-box-change {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
padding-top: 10px;
display: flex;
}
.grid-box-change.green {
color: #09ca0f;
}
.feed-title {
font-size: 13px;
font-weight: 600;
line-height: 15px;
}
.text-block-103 {
opacity: 1;
text-align: center;
flex: 1;
justify-content: center;
align-items: center;
font-family: LineAwesome, sans-serif;
font-size: 29px;
font-weight: 400;
display: flex;
}
.add-portlet {
opacity: .18;
cursor: pointer;
background-color: #fff0;
border: 1px dashed #333;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 20px;
transition: opacity .2s;
display: none;
position: relative;
}
.add-portlet:hover {
opacity: 1;
}
.cael-event-title-wrapper {
white-space: nowrap;
flex: 1;
justify-content: flex-start;
align-self: center;
align-items: center;
display: flex;
overflow: hidden;
}
.slide-image {
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.slide-image-background {
filter: blur(16px);
object-fit: cover;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 0%;
}
.slide-nav-2 {
display: flex;
}
.activity-feed-grid {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.portlet-body-2 {
background-color: #fafafa;
border-radius: 6px;
flex-direction: column;
flex: 1;
height: auto;
display: flex;
overflow: visible;
}
.portlet-body-2.closed {
display: none;
}
.slider {
background-color: #ddd0;
}
.calendar-week {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
height: 175px;
transition: height .2s;
display: grid;
overflow: hidden;
}
.calendar-week.closed {
flex: none;
height: 0;
}
.calendar-wrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.activity-item-avatar-wrapper {
width: 30px;
max-width: 30px;
height: 30px;
max-height: 30px;
position: relative;
}
.pup-media-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.feed-time {
opacity: .6;
font-size: 11px;
}
.ms-gallery-thumbnail-image {
object-fit: cover;
object-position: 50% 50%;
border-radius: 6px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.activity-feed-item-right {
flex: 1;
}
.ms-gallery-thumbnail-lightbox {
position: absolute;
inset: 0%;
}
.gallery-slider {
background-color: #ddd0;
border: 1px #000;
font-size: 13px;
line-height: 122%;
}
.cal-event-title {
font-size: 11px;
font-weight: 500;
line-height: 15px;
}
.cal-event {
cursor: pointer;
border-radius: 6px;
align-items: center;
margin-top: 3px;
padding: 2px 5px;
transition: background-color .2s;
display: flex;
}
.cal-event:hover {
background-color: #0000000f;
}
.mask-3 {
background-color: #0000;
border-radius: 6px;
}
.cal-day-date {
cursor: pointer;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
min-width: 23px;
margin-bottom: 5px;
padding: 5px;
font-size: 12px;
line-height: 15px;
transition: all .2s;
display: flex;
}
.cal-day-date:hover {
background-color: #0000000d;
}
.cal-day-date.today {
color: #fff;
background-color: #00affa;
}
.ms-gallery-thumbnail-wrapper {
border: 1px solid #ccc;
border-radius: 6px;
width: 100%;
height: 100%;
padding-top: 100%;
font-size: 18px;
transition: box-shadow .2s, border-color .2s;
position: relative;
}
.ms-gallery-thumbnail-wrapper:hover {
border-color: #00affa;
box-shadow: 0 0 6px #00affa59;
}
.left-arrow-2 {
opacity: .2;
cursor: pointer;
width: 40px;
font-size: 19px;
transition: opacity .2s;
}
.left-arrow-2:hover {
opacity: 1;
}
.left-nav-toggle-bg {
opacity: 0;
background-color: #3b128d1a;
position: absolute;
inset: 0;
}
.left-nav-dropdown-content {
border-bottom: 1px #ececec;
flex-direction: column;
padding-top: 15px;
padding-bottom: 20px;
display: flex;
}
.main-footer-2 {
z-index: 9;
background-color: #fafafa;
background-image: none;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 49px;
padding-bottom: 0;
padding-right: 30px;
display: flex;
position: absolute;
bottom: 1px;
left: 0;
right: 0;
}
.left-nav-wrapper {
border-top: 1px #000;
flex-direction: column;
flex: none;
align-self: flex-start;
align-items: flex-end;
padding-bottom: 10px;
transition: all .2s;
display: flex;
position: absolute;
inset: 0;
}
.left-nav-navigator-bg {
opacity: 1;
background-color: #00affa1c;
border-top-right-radius: 10px;
border-bottom-right-radius: 100px;
position: absolute;
inset: 0 15px 0 0;
}
.left-nav-toggle-arrow-wrapper {
justify-content: center;
align-items: center;
width: 30px;
margin-right: 15px;
display: flex;
position: relative;
}
.breadcrumb-divider {
opacity: .41;
text-transform: uppercase;
margin-left: 5px;
margin-right: 5px;
font-size: 9px;
}
.page-description {
margin-top: 5px;
font-size: 12px;
font-style: italic;
line-height: 100%;
display: none;
}
.left-nav-dropdown {
opacity: 1;
background-color: #0000001c;
flex-direction: column;
align-self: stretch;
width: 240px;
height: auto;
font-size: 12px;
font-weight: 400;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
}
.left-nav-dropdown.w--open {
opacity: 1;
background-color: #0000;
height: auto;
margin-bottom: 0;
transition-property: all;
transition-duration: .2s;
display: block;
}
.left-nav-dropdown.closed {
width: 240px;
height: 0;
display: flex;
}
.alert-link {
text-align: center;
text-transform: capitalize;
white-space: nowrap;
cursor: pointer;
border-radius: 6px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
font-size: 12px;
text-decoration: underline;
}
.row {
align-self: center;
width: 100%;
max-width: 1300px;
padding-left: 30px;
padding-right: 30px;
}
.page-title-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 28px;
font-weight: 600;
line-height: 100%;
}
.left-nav-link-toggle {
color: #fff;
cursor: pointer;
background-color: #fff0;
flex: 1;
align-self: stretch;
min-height: 50px;
transition: width .2s;
display: flex;
position: relative;
}
.left-nav-link-toggle:hover {
background-color: #0000000a;
}
.left-nav-link-toggle.w--current {
background-color: #00000036;
font-weight: 500;
}
.main-2 {
z-index: 8;
background-color: #ecf2f9;
flex: 1;
display: flex;
position: relative;
}
.back-button-icon {
justify-content: center;
align-self: center;
align-items: center;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
line-height: 100%;
display: flex;
}
.left-nav-icon-2 {
z-index: 9;
text-align: center;
background-color: #0000;
border-bottom: 1px solid #0000;
border-radius: 0;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 400;
}
.alert-message {
flex: 1;
font-size: 13px;
line-height: 100%;
}
.left-nav-icon-wrapper {
z-index: 1;
justify-content: center;
align-self: center;
align-items: center;
width: 55px;
min-width: 55px;
display: flex;
position: relative;
}
.breadcrumb-3 {
opacity: .4;
text-transform: uppercase;
cursor: pointer;
font-size: 11px;
transition: color .2s, opacity .2s;
}
.breadcrumb-3.base {
opacity: 1;
font-weight: 500;
}
.left-nav-navigator-line {
z-index: 99;
opacity: 1;
background-color: #00affa;
border-radius: 0 4px 4px 0;
align-self: stretch;
width: 5px;
min-width: 5px;
transition: all .2s;
}
.left-nav-toggle-line-3 {
z-index: 99;
opacity: 0;
background-color: #e89619;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
align-self: stretch;
width: 5px;
min-width: 5px;
transition: all .2s;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.edit-page {
cursor: pointer;
align-self: flex-start;
margin-top: 6px;
margin-left: 5px;
font-family: LineAwesome, sans-serif;
font-size: 21px;
transition: color .2s;
display: none;
}
.edit-page:hover {
color: #3b128d;
}
.page-actions-2 {
grid-column-gap: 10px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: end;
display: grid;
}
.toggle-text-wrapper {
z-index: auto;
opacity: 1;
cursor: pointer;
flex: 1;
align-self: stretch;
align-items: center;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: relative;
}
.toggle-text-wrapper:hover {
z-index: 1;
}
.alert {
background-color: #f5b6660d;
border: 1px solid #facb8d;
border-radius: 6px;
align-items: center;
margin-bottom: 15px;
padding: 15px 20px;
display: flex;
}
.alert.red {
color: #e41212;
background-color: #fff2f2;
border-color: #e41212;
}
.left-nav-toggle-arrow {
text-align: center;
flex: 1;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 400;
transition: transform .2s;
}
.left-nav-link-tooltip {
z-index: -1;
opacity: 1;
border-radius: 4px;
flex: none;
max-width: 140px;
margin-left: 5px;
transition: left .2s, opacity .2s;
display: flex;
position: absolute;
top: 50%;
left: 100%;
transform: translate(0, -50%);
}
.left-nav-link-tooltip.closed {
opacity: 0;
display: none;
left: -200%;
}
.main-content-wrapper {
opacity: 1;
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: center;
padding-bottom: 20px;
display: flex;
position: absolute;
inset: 0% 0% 49px;
overflow: auto;
}
.left-nav-sub-icon-wrapper {
z-index: 1;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 52px;
margin-right: 3px;
display: flex;
}
.left-navigation {
z-index: 12;
color: #fff;
background-color: #00a5e3;
background-image: none;
flex-direction: column;
flex: none;
align-self: stretch;
width: 240px;
font-size: 13px;
transition: width .2s;
display: block;
position: relative;
top: 0;
overflow: visible;
box-shadow: 0 0 12px -3px #00000082;
}
.page-action-2 {
cursor: pointer;
align-self: flex-start;
font-family: LineAwesome, sans-serif;
font-size: 21px;
transition: color .2s;
}
.page-action-2:hover {
color: #3b128d;
}
.left-nav-toggle-text-2 {
white-space: nowrap;
flex: 1;
font-size: 13px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
}
.main-content {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
}
.left-nav-link {
z-index: 99;
background-color: #fafafa00;
flex-direction: column;
align-self: stretch;
width: 240px;
text-decoration: none;
transition: width .2s, color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.left-nav-link:hover {
opacity: 1;
}
.left-nav-link.w--current {
color: #f89633;
}
.left-nav-menu-arrow-2 {
margin-right: 37px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
display: none;
}
.breadcrumbs {
flex: 1;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
display: flex;
}
.page-title-wrapper-2 {
flex-direction: row;
align-self: center;
align-items: center;
display: flex;
}
.back-button-2 {
color: #7958bd;
cursor: pointer;
border: .5px solid #7958bd;
border-radius: 2px;
flex: none;
justify-content: flex-start;
align-items: center;
width: 80px;
margin-right: 10px;
padding: 3px 5px;
font-size: 12px;
transition: width .2s, color .2s, background-color .2s;
display: flex;
overflow: hidden;
}
.back-button-2:hover {
color: #3b128d;
background-color: #3b128d30;
border-color: #3b128d;
width: 80px;
}
.back-button-2.hide {
display: none;
}
.left-nav-sub-icon {
z-index: 9;
text-align: center;
background-color: #0000;
border-bottom: 1px solid #0000;
border-radius: 0;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 400;
}
.page-loader {
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.left-nav-links {
flex-direction: column;
flex: none;
align-items: flex-start;
transition: width .2s;
display: flex;
position: relative;
overflow: hidden;
}
.left-nav-navigator {
min-height: 50px;
display: none;
position: absolute;
left: 0;
right: 0;
}
.page-header-2 {
align-self: stretch;
padding-top: 10px;
padding-bottom: 10px;
}
.left-nav-dropdown-link-3 {
color: #fff;
border-left: 2px solid #00affa00;
border-radius: 2px;
height: auto;
padding-top: 6px;
padding-bottom: 6px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.left-nav-dropdown-link-3:hover {
color: #ffd28e;
}
.left-nav-dropdown-link-3.w--current {
color: #00affa;
border-left-color: #00affa;
font-weight: 500;
}
.save-button {
border: 1px solid var(--orange);
background-color: var(--orange);
color: var(--white);
text-align: center;
cursor: pointer;
border-radius: 3px;
align-self: center;
align-items: center;
padding: 7px 10px;
font-size: 12px;
line-height: 100%;
transition: color .2s, background-color .2s;
display: flex;
}
.save-button:hover {
border-color: var(--orange);
background-color: var(--orange);
color: var(--white);
}
.div-block-90 {
justify-content: space-between;
display: flex;
}
.text-block-104 {
color: var(--darkblue);
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.text-block-104:hover {
color: var(--orange);
}
.div-block-91 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.portlet-2 {
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 6px;
flex-direction: column;
min-width: 0;
display: flex;
}
.section-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
min-width: 0;
margin-left: 0;
margin-right: 0;
display: grid;
}
.div-block-92 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 0;
display: grid;
}
.div-block-93 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
min-width: 0;
display: grid;
}
.widget-dropdown-inner {
background-color: var(--white);
border-top: 1px solid #cccccc24;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 10px 20px;
display: flex;
}
.widget-dropdown-inner.subwidget-dropdown-inner {
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.create-listing-window {
z-index: 999;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-top: 50px;
padding-top: 0;
display: flex;
position: fixed;
inset: 0%;
}
.create-listing-window.closed {
display: none;
}
.create-listing-bg {
z-index: 1;
background-color: var(--white);
margin-top: 50px;
padding-top: 10px;
position: fixed;
inset: 0%;
}
.close-create-listing {
z-index: 99;
border-left: 1px none var(--grey);
background-color: var(--grey);
color: #333;
cursor: pointer;
border-radius: 20px;
margin-left: 0;
margin-right: 16px;
padding: 8px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: all .2s;
display: inline-block;
position: absolute;
right: 0;
}
.close-create-listing:hover {
color: var(--deep-pink);
}
.create-listing-category-section, .create-listing-title-section {
border-bottom: 1px solid #cccccc80;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.create-listing-detail-section {
border-bottom: 1px solid #cccccc80;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.create-listing-photos {
border-bottom: 1px #cccccc80;
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
}
.create-listing-description-section, .create-listing-tags-section, .create-listing-price-section, .create-listing-condition-section, .create-listing-shipping-section, .create-listing-payments-section {
border-bottom: 1px solid #cccccc80;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.section-label {
color: var(--black-2);
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.div-block-94 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.div-block-94.hide {
display: none;
}
.section-header {
flex-direction: column;
margin-bottom: 10px;
display: flex;
}
.section-header.hide {
display: none;
}
.section-description {
color: var(--new-grey);
padding-top: 3px;
padding-bottom: 0;
padding-left: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 13px;
}
.text-block-105 {
color: var(--new-grey);
font-weight: 400;
}
.text-block-106 {
text-align: center;
font-weight: 500;
}
.div-block-95 {
text-align: center;
}
.div-block-96 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
display: grid;
}
.div-block-96.hide {
display: none;
}
.text-block-107 {
font-style: italic;
font-weight: 400;
line-height: 12px;
}
.listing-section-tip-box {
border: 1px solid var(--grey);
background-color: var(--light-grey);
border-radius: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
box-shadow: 0 6px 6px -10px #000000a8;
}
.listing-section-tip-box.hide {
display: none;
}
.text-block-108 {
color: #f89633;
text-align: center;
align-items: center;
width: 100%;
height: 100%;
font-family: LineAwesome, sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 30px;
display: flex;
}
.div-block-99 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-98 {
align-items: center;
height: 100%;
margin-right: 5px;
padding-left: 5px;
padding-right: 10px;
display: flex;
}
.text-block-109 {
font-size: 14px;
font-weight: 600;
}
.create-listing-section-description {
margin-left: 0;
font-size: 12px;
line-height: 18px;
}
.div-block-100 {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.text-block-111 {
text-align: left;
align-items: center;
width: 100%;
max-width: 225px;
font-size: 12px;
display: flex;
}
.div-block-101 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-102 {
padding-left: 20px;
}
.div-block-103 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
display: grid;
}
.div-block-104 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-112 {
padding-left: 12px;
font-weight: 400;
}
.input-field-wrapper-no-label {
flex-direction: column;
align-self: stretch;
margin-left: 0;
display: flex;
position: relative;
}
.input-field-wrapper-no-label.horizontal {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
}
.div-block-105 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.div-block-106 {
height: 30px;
}
.create-listing-contact-section {
border-bottom: 1px solid #cccccc80;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.simple-dropdown-form {
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 8px;
position: relative;
}
.simple-form-section-toggle {
z-index: 1;
border: 1px none var(--grey);
background-color: var(--white);
min-height: 40px;
color: var(--new-grey);
cursor: pointer;
background-image: none;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
padding: 5px 10px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: visible;
}
.simple-form-section-toggle:hover {
background-color: var(--white);
color: var(--new-grey);
background-image: none;
}
.simple-form-section-toggle:active {
background-image: none;
}
.form-section-dropdown-copy {
border-style: none solid solid;
border-width: 1px;
border-color: var(--grey);
background-color: #fff;
border-radius: 4px;
flex-direction: column;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
top: -8px;
overflow: hidden;
}
.form-section-dropdown-copy.closed {
height: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.div-block-107 {
flex-direction: row;
display: flex;
}
.checkbox-grid---horizontal {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0;
display: grid;
}
.checkbox-grid---vertical {
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 25px;
display: grid;
}
.buy-it-now-price-block {
flex-direction: column;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0;
padding-right: 25px;
display: flex;
}
.buy-it-now-price-block.hide {
display: none;
}
.price-trend-block {
border-left: 1px solid #5757574f;
flex-direction: column;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.listing-section-price-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--light-grey);
border-radius: 3px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
display: grid;
}
.listing-section-price-block.hide {
display: none;
}
.div-block-108 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 100px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 100px;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-109 {
width: auto;
height: auto;
}
.div-block-110 {
border: 1px solid var(--grey);
width: 125px;
height: 110px;
}
.widget-toggle-checkbox-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.multi-image-field-wrapper {
height: 300px;
color: var(--grey);
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.multi-image-field-wrapper.hide {
display: none;
}
.widget-toggle-title-wrapper {
flex-direction: column;
flex: 1;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.div-block-111 {
margin-top: 0;
}
.create-listing-videos {
border: 1px #000;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.subwidget {
box-shadow: none;
border-style: none;
margin-bottom: 5px;
}
.form-section-label-copy {
text-transform: uppercase;
text-shadow: none;
flex: 1;
font-size: 13px;
font-weight: 500;
line-height: 120%;
}
.form-subsection-label-2 {
text-transform: capitalize;
text-shadow: none;
flex-direction: column;
flex: 1;
margin-left: 5px;
font-size: 12px;
font-weight: 600;
line-height: 20px;
display: flex;
}
.div-block-112 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
display: grid;
}
.div-block-113 {
padding-left: 0;
}
.div-block-114, .div-block-115 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-116 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-117 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-118 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 20px;
display: grid;
}
.div-block-119 {
grid-column-gap: 10px;
grid-row-gap: 0px;
border: 1px solid var(--grey);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-120 {
border-bottom: 1px solid var(--grey);
width: 100%;
height: 150px;
}
.video {
width: 100%;
height: 150px;
}
.text-block-113 {
text-align: center;
}
.attachments-div-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 20px;
display: grid;
}
.div-block-121 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-122 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.div-block-123 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-124 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-125 {
padding-right: 20px;
}
.div-block-105-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.documents-div-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.div-block-124-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-125-copy {
padding-left: 0;
padding-right: 0;
}
.section-partition-line {
border-bottom: 1px dotted #ccc;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.divider-line {
border-style: none none solid;
border-width: 1px;
border-color: var(--light-grey-3);
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.div-block-126 {
background-color: var(--white);
}
.div-block-127 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 50px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
}
.div-block-128 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.account-widget {
border: 1px solid var(--light-grey-3);
border-radius: 4px;
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 0;
position: relative;
box-shadow: 0 0 2px #00000026;
}
.account-widget-toggle {
z-index: 1;
background-color: var(--white);
max-width: 100%;
min-height: 40px;
color: var(--new-grey);
cursor: pointer;
background-image: none;
border-bottom: 1px #cccccc57;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
padding: 7px 20px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: visible;
box-shadow: 3px 3px 10px -10px #000;
}
.account-widget-toggle:hover {
background-color: var(--white);
color: var(--new-grey);
background-image: none;
}
.account-widget-toggle:active {
background-image: none;
}
.account-widget-toggle.subwidget-toggle {
background-color: var(--white);
min-height: 20px;
box-shadow: none;
padding: 2px 0;
}
.account-widget-toggle.white {
background-color: var(--white);
}
.account-widget-toggle.gray {
background-color: var(--light-grey);
}
.account-widget-dropdown-inner {
background-color: var(--white);
border: 1px #000;
border-top: 1px solid #cccccc24;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
display: flex;
position: relative;
}
.account-widget-dropdown-inner.subwidget-dropdown-inner {
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.div-block-129 {
grid-column-gap: 10px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.account-widget-toggle-toggle {
border: 1px solid var(--light-grey-3);
border-radius: 4px;
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 0;
position: relative;
box-shadow: 0 0 4px #00000026;
}
.add-horse-listing {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 75px 0% 0%;
}
.add-horse-listing.hide, .add-horse-listing.closed {
display: none;
}
.add-horse-listing-pop-up {
padding-left: 20px;
padding-right: 20px;
}
.div-block-130 {
margin-top: 10px;
}
.submit-button-4 {
background-color: var(--orange);
width: 100%;
}
.div-block-131 {
justify-content: flex-end;
margin-bottom: 0;
display: flex;
}
.create-listing-bg-copy {
z-index: 1;
background-color: #0000003b;
position: fixed;
inset: 0%;
}
.add-stallion-at-stud-listing {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 75px 0% 0%;
}
.add-stallion-at-stud-listing.hide, .add-stallion-at-stud-listing.closed {
display: none;
}
.div-block-132 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.field-label-prompt {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 600;
line-height: 120%;
}
.image-10 {
background-color: var(--darkblue);
border-radius: 20px;
width: 30px;
height: 35px;
}
.listing-pedigree-editor {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.listing-pedigree-editor-small {
grid-column-gap: 5px;
grid-row-gap: 3px;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
max-width: 100%;
margin-top: 10px;
margin-bottom: 20px;
display: grid;
}
.listing-pedigree-editor-small.simple {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
align-content: start;
}
.listing-pedigree-editor-small.hide {
display: none;
}
.listing-pedigree-editor-small.smaller {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
align-content: start;
}
.pedigree-input-field {
border: 1px solid var(--grey);
background-color: var(--white);
border-radius: 3px;
width: 100%;
height: 35px;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 400;
}
.pedigree-input-field:hover {
background-color: var(--white);
}
.pedigree-input-field::placeholder {
color: #575757a3;
font-size: 12px;
font-style: italic;
}
.pedigree-input-field.sires-line:hover {
color: var(--new-grey);
background-color: #edf3fc;
}
.pedigree-input-field.dam-line:hover {
background-color: #ff4c8917;
}
.input-field-2 {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
height: 35px;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 400;
}
.input-field-2::placeholder {
color: #ccc;
font-size: 12px;
font-style: italic;
}
.filter-section-dropdown-3 {
flex-direction: column;
align-self: stretch;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-133 {
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
display: flex;
}
.text-block-91 {
color: #115eff;
cursor: pointer;
font-size: 12px;
font-weight: 500;
}
.standard-field-wrapper-2 {
flex-direction: column;
align-self: stretch;
margin-bottom: 0;
padding-bottom: 0;
font-size: 12px;
display: block;
position: relative;
}
.standard-field-wrapper-2.align-left {
align-self: flex-start;
}
.location-search-wrapper {
flex: 1;
align-self: stretch;
align-items: flex-start;
margin-bottom: 10px;
font-size: 12px;
display: flex;
position: relative;
}
.floating-label-1 {
z-index: 8;
color: #333;
background-color: #fff;
align-self: flex-start;
margin-bottom: 2px;
padding-left: 8px;
padding-right: 6px;
font-size: 11px;
font-weight: 500;
display: inline-block;
position: absolute;
top: -10px;
left: 6px;
}
.div-block-134 {
grid-column-gap: 10px;
grid-row-gap: 3px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.div-block-135 {
position: static;
}
.div-block-136 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
margin-bottom: 10px;
display: grid;
}
.pedigree-line-horizontal {
border-top: 1px solid var(--orange);
height: 1px;
padding-left: 100%;
position: absolute;
}
.pedigree-line-horizontal.end {
padding-left: 0%;
padding-right: 50%;
left: 0;
}
.text-block-114 {
color: #575757cc;
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
}
.create-listing-links, .create-listing-documents {
border: 1px #000;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.horizontal-filters-wrapper {
flex: 0 auto;
}
.dam-sire-comma-separator {
border-bottom: 1px none var(--grey);
opacity: 1;
text-align: center;
align-items: center;
width: 5px;
height: 1px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.text-block-115 {
justify-content: center;
align-items: center;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 12px;
display: flex;
}
.dams-sire-comma-separator {
color: #575757cc;
padding-left: 0;
padding-right: 0;
font-family: Oswald, sans-serif;
font-size: 14px;
}
.product-detail-row-card-view {
justify-content: space-between;
font-size: 13px;
line-height: 100%;
display: flex;
}
.product-details-wrapper-card-view {
color: #929292;
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-bottom: 2px;
font-family: Oswald, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.text-block-116, .text-block-117, .text-block-118 {
color: var(--orange);
}
.div-block-137 {
grid-column-gap: 10px;
grid-row-gap: 16px;
object-fit: fill;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
width: 100%;
min-width: 0;
height: 100%;
display: grid;
}
.div-block-138 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.listing-section-description {
flex-flow: wrap;
display: flex;
}
.listing-section-tips-tools {
flex-direction: column;
margin-left: 3px;
display: flex;
}
.listing-section-tips-tools.hide {
display: none;
}
.listing-section-title {
align-items: center;
display: flex;
}
.text-block-119 {
margin-left: 3px;
font-size: 10px;
line-height: 32px;
}
.section-performance-tip {
margin-left: 3px;
font-size: 12px;
font-style: italic;
line-height: 18px;
}
.div-block-139 {
margin-right: 0;
display: flex;
}
.div-block-140 {
position: sticky;
top: 20px;
}
.div-block-141 {
display: flex;
}
.collection-list-wrapper {
flex: 1;
}
.div-block-142 {
display: flex;
}
.slider-2 {
flex: none;
width: 100%;
height: 100%;
}
.slide-nav-5 {
background-color: #0009;
font-size: 5px;
}
.div-block-143 {
display: flex;
}
.owner-state {
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
line-height: 130%;
}
.image-11 {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 100%;
}
.listing-state {
text-transform: capitalize;
}
.text-block-120 {
color: var(--black);
align-self: auto;
padding-top: 0;
font-size: 20px;
font-weight: 600;
}
.text-block-121 {
color: var(--black);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 0;
}
.listing-birth-year {
padding-right: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-style: italic;
}
.listing-breed {
padding-left: 0;
padding-right: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-style: italic;
}
.listing-color, .listing-gender {
padding-left: 0;
padding-right: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
}
.profile-listing-details {
flex-wrap: wrap;
font-size: 14px;
font-style: italic;
display: flex;
}
.range_values {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: .5rem;
display: flex;
}
.sort_field {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.sort_field.w--current {
color: #3c7c43;
background-color: #f4f9f4;
}
.filter_reset {
color: #6e6e6e;
border-bottom: 1px solid #dae4d8;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_empty-icon {
width: 5rem;
margin-bottom: .5rem;
}
.text-link {
color: #3c7c43;
border-bottom: 1px solid #90c396;
text-decoration: none;
display: inline-block;
}
.page-padding {
padding-left: 3rem;
padding-right: 3rem;
}
.radio_button {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.radio_button.w--redirected-checked {
background-color: #3c7c43;
background-image: none;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.radio_button.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.padding-vertical, .padding-vertical.padding-xlarge {
padding-left: 0;
padding-right: 0;
}
.filter-block-label {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.filter_options {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.filter_tag {
color: #fff;
background-color: #3c7c43;
border-radius: 0;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.filter_sort-by {
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.filter_block-header {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.filter_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.heading-small {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.filter_search-field {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/6222b18be4cfbe768c9f04dc_search.svg");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
min-height: 4.4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.filter_select {
cursor: pointer;
border: 1px #000;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.rangeslider_input {
display: none;
}
.dropdown_icon {
margin-right: 1.2rem;
font-size: 1rem;
}
.filter_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rangeslider_track {
background-color: #ececec;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.rangeslider_handle {
z-index: 1;
cursor: grab;
background-color: #90c396;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle:focus {
background-color: #3c7c43;
}
.rangeslider_fill {
background-color: #90c396;
width: 20%;
height: 100%;
position: absolute;
}
.filter_tags-wrapper {
flex-flow: wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: start;
align-items: center;
margin-right: 1rem;
display: flex;
}
.filter_tags-text {
color: #8f8f8f;
margin-right: 1rem;
}
.radio_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.nav_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.filter_column {
background-color: #fff;
border: 1px solid #dfdfdf;
border-bottom-style: none;
}
.filter_empty {
background-color: #fff;
border: 1px solid #dfdfdf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
display: flex;
}
.hide-3 {
display: none;
}
.filter_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.option-results {
color: #3c7c43;
display: none;
}
.nav_logo {
width: 10rem;
}
.filter_results-text {
font-weight: 400;
}
.filter_header {
background-color: #fff;
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.dropdown {
margin-left: 0;
margin-right: 0;
}
.rangeslider_wrapper {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.filter_wrapper {
background-color: #f6f7f1;
}
.text-color-green {
color: #3c7c43;
}
.radio_label {
margin-bottom: 0;
margin-right: .5rem;
}
.dropdown_list.w--open {
background-color: #fff;
}
.filter_reset-all {
border-bottom: 1px solid #3c7c43;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_form-wrapper {
margin-bottom: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.filter_tag-remove {
opacity: .5;
filter: invert();
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.5rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.content_collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-header {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.content_card-list-wrapper {
width: 100%;
}
.content_card-info {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-title {
color: var(--black);
font-size: 1.2rem;
}
.content_card-info-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.content_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
background-color: #fff;
border: 1px solid #dae4d8;
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
text-decoration: none;
display: grid;
}
.content_card-date {
color: #3c7c43;
}
.content_card-info-text {
background-color: #dae4d866;
width: 100%;
padding: .5rem 1rem;
font-size: .875rem;
}
.content_card-price {
font-size: 1.75rem;
font-weight: 600;
}
.content_card-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding: 1.5rem 1.5rem 1.5rem .75rem;
display: grid;
}
.content_card-info-label {
font-size: .875rem;
font-weight: 500;
}
.list {
border-radius: 4px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
.list-item {
height: 20px;
}
.text-block-122 {
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
}
.text-block-122.listing-highlight-text {
font-family: Lato, sans-serif;
}
.text-block-123 {
margin-left: -5px;
padding-left: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
font-style: italic;
}
.div-block-145 {
outline-offset: 0px;
background-color: #abc6e24d;
outline: 0 #0000;
}
.horse-listing-header {
color: var(--black-2);
}
.profile-name-header {
color: var(--darkblue);
text-align: left;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 500;
}
.profile-name-header.large {
letter-spacing: 1px;
color: var(--black);
letter-spacing: 0;
text-transform: uppercase;
text-shadow: 0 0 0 var(--grey);
margin-top: 0;
margin-bottom: 3px;
font-family: Oswald, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 110%;
}
.profile-name-header.sticky {
letter-spacing: 0;
align-items: center;
margin-bottom: 0;
font-family: Lora, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 110%;
display: flex;
}
.profile-listing-details-header {
flex-wrap: wrap;
font-size: 14px;
font-style: italic;
display: flex;
}
.text-block-124 {
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 900;
}
.paragraph-3 {
padding-left: 5px;
font-family: Poppins, sans-serif;
font-style: normal;
}
.button-text-2 {
white-space: nowrap;
flex: 1;
align-self: center;
align-items: center;
margin-top: 2px;
line-height: 100%;
display: flex;
}
.page-title-wrapper-3 {
flex-direction: column;
align-self: center;
align-items: flex-start;
display: flex;
}
.margin-small {
margin: 1rem;
}
.overflow-scroll {
overflow: scroll;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.show-mobile-portrait {
display: none;
}
.margin-xxsmall {
margin: .25rem;
}
.show {
display: block;
}
.padding-small {
padding: 1rem;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-large {
margin: 3rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.overflow-auto {
overflow: auto;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.padding-medium {
padding: 2rem;
}
.margin-xsmall {
margin: .5rem;
}
.padding-xhuge {
padding: 8rem;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-tiny {
padding: .125rem;
}
.padding-xxlarge {
padding: 5rem;
}
.padding-huge {
padding: 6rem;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.show-mobile-landscape {
display: none;
}
.margin-tiny {
margin: .125rem;
}
.padding-xxhuge {
padding: 12rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-large {
padding: 3rem;
}
.padding-0 {
padding: 0;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.z-1 {
z-index: 1;
position: relative;
}
.padding-xlarge {
padding: 4rem;
}
.show-tablet {
display: none;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-huge {
margin: 6rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-xlarge {
margin: 4rem;
}
.pe-styleguide_classes {
display: block;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.z-2 {
z-index: 2;
position: relative;
}
.page-padding-2 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.max-width-full {
width: 100%;
max-width: none;
}
.margin-medium {
margin: 2rem;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.margin-0 {
margin: 0;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.overflow-hidden {
overflow: hidden;
}
.margin-xhuge {
margin: 8rem;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.margin-xxhuge {
margin: 12rem;
}
.padding-xxsmall {
padding: .25rem;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.price-slider-oval {
z-index: 1;
background-color: var(--orange);
cursor: pointer;
border-radius: 100px;
width: 15px;
height: 15px;
position: absolute;
}
.price-slider-oval.max {
width: 20px;
height: 20px;
left: 75%;
}
.price-slider-oval.min {
z-index: 1;
border-radius: 11px;
width: 20px;
height: 20px;
left: 0;
}
.text-slider-oval {
z-index: 1;
border: 2px solid var(--orange);
background-color: var(--white);
color: var(--orange);
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
font-size: 13px;
position: absolute;
inset: auto auto auto 0;
}
.text-slider-oval.min {
color: var(--orange);
font-weight: 600;
}
.text-slider-oval.max {
left: 75%;
}
.text-block-125 {
background-color: var(--orange);
justify-content: flex-start;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.listing-status {
border: 1px solid var(--orange);
color: var(--orange);
text-align: left;
text-transform: capitalize;
border-radius: 4px;
padding: 3px 7px;
font-family: Oswald, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
.listing-status.large {
letter-spacing: 1px;
color: var(--black);
letter-spacing: 0;
text-transform: uppercase;
text-shadow: 0 0 0 var(--grey);
margin-top: 0;
margin-bottom: 3px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 110%;
}
.listing-status.sticky {
letter-spacing: 0;
align-items: center;
margin-bottom: 0;
font-family: Lora, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 110%;
display: flex;
}
.div-block-146 {
display: flex;
}
.shop-top-sticky-info {
flex: 0 auto;
align-self: stretch;
align-items: center;
width: auto;
max-width: 0;
margin-right: 10px;
transition: all .2s;
display: flex;
overflow: hidden;
}
.action-button-5 {
min-height: 30px;
box-shadow: none;
color: #f89633;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #fff4e9;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 5px 13px 5px 10px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
}
.action-button-5:hover {
color: #fff;
background-color: #ff4c89;
}
.action-button-5.alt-cta {
color: #fff;
background-color: #ffdce8;
background-image: linear-gradient(to right, #fb8e0d, #f4364c);
border-radius: 100px;
padding-left: 15px;
padding-right: 18px;
}
.action-button-5.muted {
min-height: auto;
box-shadow: none;
color: #9b9b9b;
background-color: #fff0;
border: 1px solid #e6e6e6;
border-radius: 3px;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.action-button-5.muted:hover {
color: #ff4c89;
}
.profile-title-info-copy {
opacity: 1;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #f89633, #e4106d);
-webkit-background-clip: text;
background-clip: text;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
margin-left: 9px;
margin-right: 20px;
transition: all .2s;
display: flex;
}
.sort-buttons-2 {
flex: 1;
justify-content: flex-start;
margin-right: 10px;
display: flex;
}
.shop-top-topic-logo-wrapper {
color: #fb8e0d;
background-color: #f89633;
background-image: radial-gradient(circle closest-side, #fff 94%, #fff0), linear-gradient(#e4106d, #ff9200);
border-radius: 100px;
flex: none;
align-items: center;
width: 70px;
height: 70px;
display: flex;
position: relative;
}
.topic-logo {
object-fit: contain;
border: 1px #000;
width: 50px;
height: 50px;
margin-right: 15px;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.topic-logo.small {
width: 25px;
height: 25px;
}
.action-button-text-6 {
color: #9b9b9b;
margin-left: 5px;
padding-top: 1px;
font-weight: 500;
}
.sticky-topic-logo-wrapper {
background-color: #fff;
background-image: radial-gradient(circle closest-side, #fff 91%, #fff0), linear-gradient(#fe4889, #f89633);
border-radius: 100px;
flex: none;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
}
.shop-top-2 {
z-index: 3;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-around;
align-self: center;
align-items: center;
width: 100%;
max-width: 1920px;
display: flex;
position: relative;
}
.shop-top-right-2 {
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
align-self: stretch;
align-items: stretch;
padding-top: 0;
display: flex;
}
.action-buttons-3 {
grid-column-gap: 10px;
grid-row-gap: 16px;
background-color: #0000;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center end;
align-self: stretch;
place-items: center end;
margin-bottom: 0;
display: grid;
}
.page-subtitle-info-wrapper {
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: stretch;
display: grid;
}
.action-button-icon-3 {
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 125%;
font-weight: 900;
}
.action-button-icon-3.like {
font-weight: 400;
}
.page-subtitle {
color: #9d9d9d;
width: 100%;
font-size: 13px;
line-height: 120%;
}
.shop-top-lower-content-2 {
border-top: 1px solid #cccccc4f;
border-bottom: 1px solid #cccccc4f;
align-items: center;
width: 100%;
min-height: 59px;
padding-left: 20px;
padding-right: 15px;
display: flex;
box-shadow: 0 10px 10px -10px #0003;
}
.sort-button-2 {
grid-column-gap: 5px;
grid-row-gap: 0px;
color: #9d9d9d;
text-align: center;
text-transform: capitalize;
cursor: pointer;
background-image: none;
flex: none;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-self: stretch;
align-items: center;
min-height: 40px;
margin-right: 10px;
padding: 10px;
font-size: 13px;
font-weight: 400;
line-height: 100%;
transition: all .2s;
display: grid;
position: relative;
}
.sort-button-2:hover {
z-index: 2;
color: #ff4c89;
}
.sort-button-2.w--current {
color: #f89633;
font-weight: 600;
}
.sort-button-2.active {
color: #333;
font-weight: 600;
}
.sort-button-icon {
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 125%;
font-weight: 900;
}
.sort-button-icon.video {
font-weight: 100;
}
.shop-top-upper-content-2 {
border-bottom: 1px #f1f1f1;
flex-direction: row;
align-items: center;
width: 100%;
max-width: 1927px;
min-height: 80px;
padding: 8px 20px 8px 25px;
transition: all .2s;
display: flex;
overflow: hidden;
}
.bold-text-7, .bold-text-8, .bold-text-9 {
font-weight: 600;
}
.text-block-126 {
font-weight: 500;
}
.text-block-127 {
color: var(--grey);
font-weight: 500;
}
.div-block-147 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
display: grid;
}
.text-block-128 {
padding-right: 3px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 600;
}
.div-block-148 {
margin-right: 10px;
display: flex;
}
.text-block-129 {
padding-right: 3px;
}
.profile-navigation-wrapper-copy {
border: 1px #000;
border-top: 1px solid #cccccc85;
border-radius: 0;
justify-content: flex-start;
min-width: auto;
min-height: 40px;
margin: 10px 20px 0;
display: flex;
}
.section-5 {
background-color: #0000;
}
.text-color-grey {
color: #0b0b1fa8;
}
.nav1_logo {
height: 100%;
max-height: 1.5rem;
}
.text-color-primary {
color: #302dd7;
}
.margin-medium-2 {
margin: 2rem;
}
.success-message {
text-align: left;
background-color: #e9f0f1;
padding: .5rem 1.5rem;
font-size: .875rem;
font-weight: 600;
}
.success-message.large {
padding: 1.5rem 2rem;
font-size: .9375rem;
}
.heading-medium {
font-size: 2.25rem;
line-height: 1.5;
}
.fs-styleguide-nav-background {
height: 4.75rem;
}
.margin-huge-2 {
margin: 6rem;
}
.nav1_icon {
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
}
.checkbox-button {
cursor: pointer;
background-color: #fff;
border-width: 2px;
border-color: #e9f0f1;
border-radius: 0;
width: 1.375rem;
height: 1.375rem;
margin: .125rem 0 0 -1.75rem;
transition: border-color .25s;
}
.checkbox-button:hover {
border-color: #e1e9eb;
}
.checkbox-button.w--redirected-checked {
background-color: #82e5ce;
background-size: 14px 14px;
border-color: #82e5ce;
}
.checkbox-button.w--redirected-focus {
box-shadow: none;
}
.fs-styleguide-icons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto auto;
grid-auto-columns: auto;
margin-top: 1rem;
display: grid;
}
.padding-xlarge-2 {
padding: 4rem;
}
.fs-styleguide-space-wrapper {
background-color: #e9f0f1;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
display: inline-block;
}
.icon-1x1-small {
width: 1rem;
height: 1rem;
}
.text-weight-bold {
font-weight: 700;
}
.text-style-quote {
color: #0b0b1f;
text-align: left;
border-left: .125rem solid #0b0b1f;
margin-bottom: 1rem;
padding: 1rem 1.5rem;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.7;
}
.margin-xlarge-2 {
margin: 4rem;
}
.max-width-large-2 {
max-width: 80rem;
}
.color {
width: 100%;
height: 5rem;
margin-bottom: .5rem;
}
.color.is-white {
background-color: #fff;
}
.color.is-red {
background-color: #e72f3c;
}
.color.is-turquoise {
background-color: #82e5ce;
}
.color.is-primary {
background-color: #302dd7;
}
.color.is-primary-hover {
background-color: #211fb9;
}
.color.is-lightgrey {
background-color: #e9f0f1;
}
.color.is-black {
background-color: #0b0b1f;
}
.max-width-small-2 {
max-width: 40rem;
}
.radio-label {
margin-bottom: .25rem;
font-weight: 500;
}
.fs-styleguide-nav {
z-index: 99999999;
}
.radio-wrapper-2 {
margin-bottom: 0;
padding-left: 1.75rem;
font-size: .875rem;
}
.padding-huge-2 {
padding: 6rem;
}
.button-text-3 {
color: #302dd7;
background-color: #fff0;
padding: .75rem 2rem;
font-weight: 600;
transition: color .25s;
}
.button-text-3:hover {
color: #211fb9;
}
.max-width-xlarge-2 {
max-width: 90rem;
}
.padding-0-all, .padding-0-2 {
padding: 0;
}
.fs-styleguide-icon-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.radio-button {
border: .125rem solid #e9f0f1;
width: 1.25rem;
height: 1.25rem;
margin-top: .25rem;
margin-left: -1.75rem;
}
.clickable-off-2 {
cursor: none;
}
.nav1_dropdown-toggle {
padding: .5rem 2.25rem .5rem 1rem;
}
.fs-styleguide-button-div {
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.text-style-italic {
font-style: italic;
}
.margin-xxhuge-2 {
margin: 12rem;
}
.max-width-medium-2 {
max-width: 48rem;
}
.icon-small {
height: 1rem;
}
.max-width-xxsmall-2 {
max-width: 24rem;
}
.line-divider {
background-color: #e9f0f1;
width: 100%;
height: 1px;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.button-black {
color: #fff;
background-color: #0b0b1f;
padding: .75rem 2rem;
font-weight: 600;
transition: background-color .25s;
}
.button-black:hover {
color: #fff;
background-color: #302dd7;
}
.footer1_grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: max-content auto auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.text-weight-light {
font-weight: 300;
}
.text-style-allcaps {
text-transform: uppercase;
}
.padding-xxlarge-2 {
padding: 5rem;
}
.social-icon-2 {
width: 1rem;
line-height: 0;
}
.footer1_logo {
max-height: 1.5rem;
}
.nav1_button-wrapper {
margin-left: 1rem;
}
.overflow-auto-2 {
overflow: visible;
}
.text-size-small {
font-size: .875rem;
}
.text-size-small.text-weight-semibold.text-inline {
display: inline;
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem;
}
.text-style-link {
color: #302dd7;
font-weight: 600;
}
.text-style-link:hover {
color: #211fb9;
}
.max-width-xsmall-2 {
max-width: 32rem;
}
.text-size-large {
font-size: 1.5rem;
}
.margin-xhuge-2 {
margin: 8rem;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.max-width-full-2 {
max-width: none;
}
.footer1_bottom-text-link {
transition: color .25s;
}
.footer1_bottom-text-link:hover {
color: #302dd7;
}
.margin-large-2 {
margin: 3rem;
}
.form-input {
border: 1px solid var(--grey);
color: #0b0b1f;
background-color: #fff;
border-radius: 3px;
height: auto;
min-height: 36px;
margin-bottom: 0;
padding: 8px 12px;
font-size: 1rem;
transition: background-color .25s, border-color .25s;
}
.form-input:hover {
border-color: var(--orange);
}
.form-input:focus {
border-color: #dae5e7;
}
.form-input::placeholder {
color: var(--dim-grey-2);
font-size: 12px;
font-style: normal;
}
.form-input.is-message {
height: 7.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
}
.form-input.text-area {
min-height: 200px;
}
.form-input.image-field {
border-style: dashed;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
margin-bottom: 0;
padding: 0;
display: flex;
position: relative;
inset: 0%;
}
.form-input.filled {
background-color: var(--light-grey-2);
}
.form-input.disabled {
background-color: #efefef;
}
.form-input.disabled:hover {
border-color: var(--grey);
}
.form-input.disabled::placeholder {
color: var(--grey);
}
.form-input.dashed {
border-style: dashed;
}
.form-input.hover-sample {
border-color: var(--orange);
}
.form-input.active-sample {
border-color: var(--orange);
box-shadow: 0 0 3px 0 var(--orange);
}
.form-input.dotted {
border-style: dotted;
}
.form-input.is-gray {
background-color: var(--light-grey-2);
}
.form-input.focus-ring {
box-shadow: 1px 0 3px #00000040;
}
.form-input.active {
border-color: var(--orange);
box-shadow: 1px 0 3px 0 var(--orange);
}
.form-input.is-success {
box-shadow: 1px 0 3px #00000040;
}
.button-outline {
color: #302dd7;
background-color: #fff0;
border: .125rem solid #302dd7;
padding: .625rem 1.875rem;
font-weight: 600;
transition: color .25s, background-color .25s;
}
.button-outline:hover {
color: #fff;
background-color: #302dd7;
}
.margin-xxlarge-2 {
margin: 5rem;
}
.button-white {
color: #0b0b1f;
background-color: #fff;
padding: .75rem 2rem;
font-weight: 600;
transition: color .25s, background-color .25s;
}
.button-white:hover {
color: #fff;
background-color: #302dd7;
}
.padding-xxhuge-2 {
padding: 12rem;
}
.text-align-left {
text-align: left;
}
.heading-xsmall {
font-size: 1.25rem;
line-height: 1.5;
}
.error-message-2 {
color: #e72f3c;
background-color: #e72f3c1a;
border-left: .125rem solid #e72f3c;
margin-top: .5rem;
padding: .5rem 1.5rem;
font-size: .875rem;
font-weight: 600;
}
.text-color-black {
color: #0b0b1f;
}
.fs-styleguide-form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-align-center {
text-align: center;
}
.heading-large {
font-size: 3rem;
line-height: 1.35;
}
.fs-styleguide-button-padding {
padding-bottom: 1rem;
padding-right: 1rem;
}
.nav1_link {
padding: .5rem 1rem;
transition: color .25s;
}
.nav1_link:hover {
color: #302dd7;
}
.nav1_link.w--current {
color: #0b0b1f;
}
.nav1_link.w--current:hover {
color: #302dd7;
}
.padding-medium-2 {
padding: 2rem;
}
.fs-styleguide-header {
color: #fff;
text-align: center;
background-color: #0b0b1f;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 6rem 2.5rem;
display: flex;
}
.icon-medium {
height: 2rem;
}
.nav1_menu {
align-content: space-between;
align-items: center;
font-weight: 600;
display: flex;
}
.padding-xhuge-2 {
padding: 8rem;
}
.footer1_left {
max-width: 22.5rem;
margin-right: 2.5rem;
}
.fs-styleguide-box-shadow {
box-shadow: 0 0 24px #eff4f5;
}
.fs-styleguide_text-color-wrapper {
width: 100%;
}
.footer1_form {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
display: grid;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.checkbox-label-2 {
margin-bottom: .25rem;
font-weight: 500;
}
.nav1_component {
background-color: #fff;
padding-top: .75rem;
padding-bottom: .75rem;
}
.layer-2 {
position: absolute;
inset: 0%;
}
.footer1_link {
padding-top: .5rem;
padding-bottom: .5rem;
transition: color .25s;
}
.footer1_link:hover {
color: #302dd7;
}
.background-color-primary {
background-color: #302dd7;
}
.text-weight-semibold {
font-size: 1rem;
font-weight: 600;
line-height: 1.2rem;
}
.text-style-nowrap {
white-space: nowrap;
}
.margin-0-all {
margin: 0;
}
.heading-xlarge {
font-size: 4rem;
line-height: 1.25;
}
.padding-large-2 {
padding: 3rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.button-lightgrey {
color: #0b0b1f;
background-color: #e9f0f1;
padding: .75rem 2rem;
font-weight: 600;
transition: color .25s, background-color .25s;
}
.button-lightgrey:hover {
color: #fff;
background-color: #0b0b1f;
}
.text-weight-xbold {
font-weight: 800;
}
.fs-styleguide-color-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-1x1-medium {
width: 2rem;
height: 2rem;
}
.icon-large {
height: 2.5rem;
}
.nav1_dropdown-list {
background-color: #e9f0f1;
padding-top: .25rem;
padding-bottom: .25rem;
}
.clickable-on-2 {
cursor: auto;
}
.text-weight-medium {
font-weight: 500;
}
.nav1_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-weight-normal {
font-weight: 400;
}
.fs-styleguide-color {
width: 100%;
}
.text-size-tiny {
font-size: .75rem;
}
.fs-styleguide-relative {
height: 5rem;
position: relative;
}
.text-size-medium {
font-size: 1.25rem;
}
.fs-styleguide-grid-right {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.background-color-lightgrey {
background-color: #e9f0f1;
}
.fs-styleguide-space-label {
color: #fff;
letter-spacing: 1px;
background-color: #0b0b1f;
align-items: center;
height: 1.75rem;
padding: .25rem .75rem .25rem .5rem;
font-size: .75rem;
font-weight: 600;
line-height: 1.6;
display: block;
}
.checkbox-wrapper-2 {
margin-bottom: 0;
padding-left: 1.75rem;
font-size: .875rem;
}
.footer1_column {
flex-direction: column;
align-items: flex-start;
font-weight: 600;
display: flex;
}
.background-color-black {
background-color: #0b0b1f;
}
.fs-styleguide-grid {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 16rem 1fr;
margin-bottom: 5rem;
display: flex;
}
.fs-styleguide-grid.fs-styleguide-grid-last {
margin-bottom: 0;
}
.text-align-right {
text-align: right;
}
.heading-small-3 {
background-color: var(--grey);
font-size: 1.75rem;
line-height: 1.5;
}
.fs-styleguide-icon-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.max-width-xxlarge-2 {
max-width: 98rem;
}
.button-5 {
color: #fff;
background-color: #302dd7;
flex: none;
padding: .75rem 2rem;
font-weight: 600;
transition: background-color .25s;
}
.button-5:hover {
color: #fff;
background-color: #211fb9;
}
.footer1_form-wrapper {
margin-bottom: 0;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.nav1_logo-link {
line-height: 0;
}
.fs-styleguide-nav-fixed {
z-index: 1001;
position: fixed;
inset: 0% 0% auto;
}
.menu-icon {
line-height: 1;
}
.text-color-white {
color: #fff;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.text-style-muted {
opacity: .4;
}
.field-label---bold {
width: 150px;
color: var(--darkblue);
text-transform: none;
margin-top: 0;
margin-bottom: 3px;
margin-right: 6px;
padding-left: 3px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 110%;
display: inline-block;
position: relative;
top: 0;
}
.field-label---bold.hide {
display: none;
}
.div-block-149 {
display: flex;
}
.field-read-only-toggle-text {
color: var(--link-blue);
font-size: 14px;
}
.form-section---horizontal {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 2.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.site-search-nav-link {
color: #fff;
cursor: pointer;
flex-direction: column;
align-self: stretch;
transition: border-color .2s;
display: flex;
overflow: hidden;
}
.site-search-nav-link:hover {
color: #02ccff;
border-bottom-color: #62799b;
}
.site-search-nav-link.active {
color: #02ccff;
}
.site-nav-link-icon-2 {
object-fit: contain;
object-position: 50% 50%;
flex: none;
justify-content: center;
align-items: center;
max-width: 30px;
height: 24px;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 900;
display: flex;
}
.site-search-heading {
margin-top: -7px;
margin-bottom: 16px;
font-family: Bitter, serif;
font-size: 22px;
font-weight: 400;
}
.site-search-heading.hide {
display: none;
}
.site-search-box {
z-index: 9;
aspect-ratio: auto;
background-color: var(--darkblue);
width: 100%;
max-width: 1200px;
color: var(--deep-sky-blue);
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-self: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 20px;
display: flex;
position: absolute;
bottom: -120px;
left: 0;
right: 0;
}
.site-search-box.hide {
display: none;
}
.radio-wrapper-3 {
flex-direction: row;
justify-content: flex-start;
align-self: stretch;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.radio-wrapper-3.hide {
display: none;
}
.text-block-88 {
color: #fff;
cursor: pointer;
background-color: #0000;
background-image: none;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
margin-bottom: 0;
padding-top: 1px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 900;
transition: all .2s;
display: flex;
}
.text-block-88:hover {
transform: scale(1.05);
}
.field-option-2 {
white-space: nowrap;
font-size: 12px;
font-weight: 500;
}
.site-search-nav-text {
text-align: center;
flex: none;
margin-left: 5px;
font-size: 10px;
line-height: 100%;
transition: height .2s;
display: flex;
}
.radio-buttons-grid-2 {
grid-column-gap: 20px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
margin-bottom: 20px;
display: grid;
}
.select2-field-2 {
background-color: #fff;
border-radius: 3px;
width: 100%;
min-height: 40px;
margin-bottom: 0;
font-size: 11px;
}
.select2-field-wrapper-2 {
border-radius: 3px;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.input-field-3 {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
height: 40px;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
font-size: 11px;
}
.input-field-3::placeholder {
color: #ccc;
font-size: 12px;
font-style: italic;
}
.div-block-83 {
grid-column-gap: 10px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 120px 150px 75px 75px;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: end;
max-width: 100%;
display: grid;
}
.site-search-nav-toggle {
cursor: pointer;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 3px 15px 16px;
text-decoration: none;
transition: max-width .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.site-search-nav-toggle.w--current {
color: #fff;
background-color: #ffffff21;
max-width: 500px;
}
.form-9 {
background-color: #ededed00;
flex-direction: column;
margin-bottom: 0;
padding: 15px 30px 30px;
font-size: 13px;
display: flex;
}
.site-search-nav-triangle {
border-bottom: 5px solid #fff;
border-left: 5px solid #0000;
border-right: 5px solid #0000;
flex: none;
align-self: center;
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
}
.form-block-9 {
background-color: #fff;
border-radius: 6px;
margin-bottom: 0;
}
.nav-top-icon-container-2 {
justify-content: center;
align-items: center;
height: 28px;
display: flex;
position: relative;
}
.site-search-nav-wrapper {
z-index: 1;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
flex: none;
justify-content: space-between;
align-self: flex-start;
align-items: stretch;
display: flex;
position: relative;
}
.listing-category-icon-2 {
color: #24385b;
max-height: 15px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-image-footer-2 {
color: #fff;
border-radius: 6px 6px 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.listing-detail-2 {
color: #575757;
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-price-2 {
color: #575757;
text-transform: none;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.listing-description-2 {
opacity: .68;
color: #575757;
text-align: left;
flex: 1;
align-items: center;
height: 100%;
font-size: 11px;
font-style: italic;
line-height: 110%;
display: flex;
overflow: hidden;
}
.product-action-icon-3 {
color: #fff;
background-color: #f89633;
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 24px;
height: 24px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.listing-grid-wrapper-2 {
grid-column-gap: 10px;
grid-row-gap: 20px;
flex: 1;
grid-template-rows: 1fr;
grid-template-columns: minmax(49%, 1fr) 49% 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 32%;
place-content: start space-between;
min-height: 100vh;
margin-bottom: 10px;
display: grid;
}
.listing-title-wrapper-2 {
background-color: #fff;
border-bottom: 1px #ccc;
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: flex-start;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
display: flex;
position: relative;
}
.listing-horse-name-2 {
color: #575757;
text-transform: capitalize;
padding-top: 8px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
}
.seller-avatar-wrapper-2 {
background-color: #ccc;
border-radius: 100px;
width: 30px;
height: 30px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.listing-footer-wrapper-2 {
background-color: #fff;
border: 0 solid #000;
border-top: 1px solid #ccc;
justify-content: center;
align-self: stretch;
margin-top: auto;
margin-bottom: 10px;
padding: 12px 15px 1px 10px;
display: flex;
}
.listing-seller-button-2 {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.listing-footer-icon-number-2 {
opacity: .6;
font-size: 10px;
line-height: 13px;
display: flex;
}
.listing-footer-icon-2 {
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-footer-icon-2:hover {
color: #f89633;
}
.listing-footer-icon-2.like-icon {
margin-right: 1px;
font-weight: 400;
}
.listing-pedigree-2 {
color: #575757;
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 3px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-details-2 {
align-self: stretch;
display: flex;
}
.price-type-2 {
color: #575757;
text-align: left;
letter-spacing: 0;
text-transform: uppercase;
cursor: pointer;
border-radius: 3px;
padding-top: 3px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
display: flex;
}
.price-type-2.highest {
color: #24385b;
margin-right: 0;
}
.price-type-2.for-sale {
color: #167437;
}
.listing-footer-icon-wrapper-2 {
color: #6c6c6c;
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: 10px;
transition: none;
display: flex;
}
.listing-footer-icon-wrapper-2:hover {
color: #f89633;
}
.listing-subtitle-2 {
color: #575757;
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
font-weight: 400;
line-height: 120%;
}
.listing-wrapper-2 {
width: 100%;
box-shadow: none;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
overflow: hidden;
}
.dollars-2 {
align-self: stretch;
align-items: flex-start;
padding-top: 4px;
font-size: 12px;
line-height: 12%;
display: flex;
}
.listing-price-right-2 {
color: #575757;
text-align: right;
text-transform: capitalize;
flex-direction: column;
flex: 0 auto;
align-self: flex-end;
align-items: flex-end;
margin-left: 5px;
font-size: 10px;
display: flex;
}
.listing-image-front-2 {
object-fit: cover;
object-position: 50% 50%;
border-radius: 6px;
align-self: stretch;
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
}
.listing-pedigrees-2 {
justify-content: flex-start;
align-self: stretch;
display: flex;
}
.listing-price-button-2 {
color: #fff;
cursor: pointer;
background-color: #f89633;
border-radius: 6px;
align-self: flex-end;
margin-bottom: 6px;
padding: 3px 10px;
font-size: 11px;
display: none;
}
.add-product-text-3 {
text-align: center;
flex: 1;
align-self: center;
margin-left: 2px;
margin-right: 20px;
font-size: 12px;
font-weight: 400;
line-height: 11px;
}
.listing-image-header-2 {
cursor: pointer;
background-color: #fff;
flex-direction: column;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
height: 200px;
display: flex;
position: relative;
overflow: hidden;
}
.product-bottom {
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.product-image {
object-fit: cover;
background-color: #0000;
border-radius: 3px;
align-self: flex-end;
width: 100%;
height: 100%;
max-height: 100%;
position: static;
bottom: 0;
left: 0;
right: 0;
}
.product-image:hover {
background-color: #0000;
border-radius: 3px;
}
.product-tag-bg-wrapper-2 {
border-top-right-radius: 6px;
width: 30px;
position: absolute;
inset: 0;
overflow: hidden;
}
.grid-ad-tag-bg {
border-top: 40px solid #fabc00;
border-right: 40px solid #0000;
position: absolute;
inset: 0;
}
.product-shell {
width: 100%;
height: 100%;
position: static;
}
.grid-ad-tag {
z-index: 1;
color: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 0;
justify-content: flex-end;
align-items: flex-start;
width: 40px;
height: 40px;
padding-top: 0;
font-size: 17px;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.grid-ad-tag-bg-wrapper {
border-top-left-radius: 6px;
border-top-right-radius: 0;
width: 40px;
position: absolute;
inset: -1px 0 0;
overflow: hidden;
}
.order-action-wrapper {
color: #333;
background-color: #dcdbdb;
background-image: linear-gradient(#0000, #0000);
border-radius: 100px;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 30px;
height: 30px;
padding: 3px;
font-size: 19px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
}
.order-action-wrapper:hover {
color: #fff;
background-color: #7958bd;
background-image: linear-gradient(to right, #00affa57, #3b128d3b);
}
.order-action-wrapper.out-of-stock {
background-color: #ffe3e3;
}
.order-action-wrapper.out-of-stock:hover {
background-image: linear-gradient(to right, #f88282, #d31010);
}
.product-hover-action-message {
color: #00affa;
text-align: center;
text-shadow: 0 0 11px #fff, 0 0 9px #fff;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
font-size: 12px;
font-weight: 500;
display: none;
position: absolute;
bottom: auto;
}
.product-price-2 {
font-size: 14px;
font-weight: 500;
}
.grid-ad-wrapper {
cursor: pointer;
background-color: #ebf2f9;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 300px;
min-height: 350px;
padding: 20px 25px;
transition: all .2s;
display: flex;
position: relative;
transform: scale(.9);
box-shadow: inset 0 0 0 7px #fff, 0 0 7px #00000026;
}
.grid-ad-wrapper:hover {
transform: scale(1);
}
.grid-ad-wrapper.hide {
display: none;
}
.products-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex: 1;
grid-template: ". . ."
". Area Area"
/ minmax(200px, 1fr) 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: stretch;
min-height: 100vh;
padding-top: 10px;
padding-bottom: 10px;
display: grid;
position: relative;
}
.add-product-wrapper {
cursor: pointer;
justify-content: flex-end;
align-items: center;
min-width: 170px;
margin-top: 10px;
margin-left: -8px;
margin-right: -8px;
display: flex;
position: relative;
}
.product-action-icon-4 {
color: #fff;
background-color: #00affa;
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 24px;
height: 24px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 400;
display: flex;
}
.product-action-icon-4.out-of-stock {
background-color: #e41212;
}
.grid-ad-tag-icon {
object-fit: contain;
flex: none;
margin-bottom: 7px;
font-family: LineAwesome, sans-serif;
font-size: 22px;
font-weight: 400;
display: none;
}
.add-product-text-4 {
text-align: center;
flex: 1;
align-self: center;
margin-left: 2px;
font-size: 12px;
line-height: 11px;
position: relative;
top: 1px;
}
.product-hover-action {
border: 1px solid var(--white);
width: 30px;
height: 30px;
color: var(--white);
cursor: pointer;
background-color: #0000;
border-radius: 100px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: background-color .2s, color .2s;
display: flex;
box-shadow: 0 0 4px 2px #00000021;
}
.product-hover-action:hover {
color: #fff;
background-color: #0000;
}
.product-features-2 {
flex-direction: column;
flex: none;
min-height: 55px;
display: flex;
}
.product-hover-actions {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
display: none;
position: relative;
bottom: auto;
}
.product-price-wrapper-2 {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product-title-2 {
cursor: pointer;
flex: none;
margin-bottom: 10px;
font-size: 13px;
font-weight: 500;
line-height: 110%;
transition: color .2s;
}
.product-title-2:hover {
color: #00affa;
}
.product-category {
color: #656565;
cursor: pointer;
flex: none;
align-self: flex-start;
margin-bottom: 10px;
font-size: 11px;
text-decoration: none;
transition: color .2s;
}
.product-category:hover {
color: #00affa;
}
._300x250ad-2 {
min-width: 300px;
min-height: 250px;
}
.product-price-unit {
color: #707070;
flex: 0 auto;
margin-left: 3px;
font-size: 11px;
font-weight: 500;
display: none;
}
.grid-ad-tag-text-box {
text-transform: uppercase;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 11px;
font-weight: 700;
display: flex;
position: absolute;
top: 5px;
left: 4px;
transform: rotate(-45deg);
}
.product-grid-wrapper {
cursor: pointer;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 350px;
padding: 25px 25px 15px;
transition: border-color .2s;
display: flex;
position: relative;
}
.product-grid-wrapper:hover {
border-color: #00affa;
}
.product-image-wrapper {
object-fit: cover;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 0;
display: flex;
position: static;
}
.management-flex {
justify-content: space-between;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.management-body {
flex-direction: column;
width: 100%;
max-width: 100%;
padding-left: 15px;
display: flex;
}
.quick-action-menu---component {
z-index: 13;
background-color: var(--white);
border-radius: 8px;
width: 500px;
height: 83vh;
transition: height .2s;
display: flex;
position: static;
top: 40px;
left: 79%;
overflow: visible;
box-shadow: 0 0 4px #00000057;
}
.quick-action-menu---component.closed {
width: 0;
overflow: hidden;
}
.left-sidebar-wrapper---horse {
z-index: 9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
flex-direction: column;
flex: none;
align-self: flex-start;
align-items: stretch;
width: 100%;
margin-left: 0;
padding-bottom: 45px;
transition: top .2s, right .2s, left .2s;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.left-sidebar-wrapper---horse.listings {
border-right: 1px solid var(--grey);
box-shadow: none;
}
.left-sidebar-wrapper---horse.hideleft {
transition: right .2s, left .2s;
display: block;
left: 0;
right: 100%;
}
.text-block-130 {
font-size: 12px;
}
.text-block-131 {
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.div-block-151 {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.parent-submenu-section {
background-color: #fff;
border-bottom: 1px solid #ededed;
flex-direction: column;
align-self: stretch;
align-items: stretch;
margin-bottom: 10px;
display: flex;
}
.parent-submenu-section.active {
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
display: flex;
position: relative;
}
.parent-submenu-section.hide {
display: none;
}
.filter-section-toggle-copy {
cursor: pointer;
align-items: center;
margin-bottom: -1px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition: color .2s;
display: flex;
position: relative;
}
.filter-section-toggle-copy:hover, .filter-section-toggle-copy.active {
color: var(--deep-pink);
}
.bottom-header---manager {
z-index: 12;
background-color: var(--white);
min-height: 52px;
box-shadow: none;
color: #fff;
flex-wrap: wrap;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: -1px;
padding-bottom: 4px;
display: flex;
position: sticky;
top: -1px;
left: 0;
right: 0;
}
.bottom-header---manager.webapp {
z-index: 10;
border-bottom: 1px solid var(--grey);
background-color: var(--white);
justify-content: flex-start;
box-shadow: 0 4px 5px -2px #0000;
}
.text-block-132 {
font-size: 12px;
}
.newsfeed-profile-avatar {
object-fit: cover;
object-position: 50% 50%;
width: 105%;
height: 105%;
}
.newsfeed-avatar-box {
border: 2px solid var(--grey);
background-color: var(--grey);
border-radius: 100px;
flex: none;
align-self: center;
width: 60px;
height: 60px;
margin-top: 0;
margin-right: 12px;
overflow: hidden;
}
.author-post-badge {
border-style: none none dotted;
border-width: 1px;
border-color: var(--deep-sky-blue);
color: var(--deep-sky-blue);
text-transform: uppercase;
background-color: #0000;
border-radius: 0;
justify-content: center;
align-self: center;
align-items: center;
margin-right: 5px;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.post-box-activities {
display: flex;
}
.post-box-activities.hide {
display: none;
}
.text-block-133 {
color: var(--dim-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 12px;
}
.post-comment-avatar {
border: 1px solid var(--grey);
object-fit: cover;
object-position: 50% 50%;
border-radius: 100px;
width: 35px;
height: 35px;
margin-bottom: 5px;
}
.post-comment-avatar-box {
background-color: var(--grey);
border-radius: 100px;
flex: none;
align-self: center;
width: 35px;
height: 35px;
margin-right: 5px;
overflow: hidden;
}
.reaction-buttons {
grid-column-gap: 10px;
grid-row-gap: 16px;
background-color: #0000;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center end;
align-self: stretch;
place-items: center end;
margin-bottom: 0;
display: grid;
}
.reaction-buttons.margin-top {
align-self: auto;
margin-top: 35px;
}
.reaction-buttons.space-between {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
}
.reaction-buttons.grow {
flex: 1;
justify-content: start;
padding-left: 10px;
padding-right: 10px;
}
.reaction-buttons.grow.justify {
justify-content: space-between;
}
.reaction-buttons.grow.hide {
display: flex;
}
.reaction-buttons.right-aligned {
z-index: 2;
margin-left: auto;
position: relative;
}
.reaction-buttons.center {
justify-content: center;
}
.reaction-buttons.stretch {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: stretch;
}
.post-actions {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid var(--white-smoke);
border-bottom: 1px solid var(--white-smoke);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
min-height: 30px;
padding: 0;
display: grid;
}
.div-block-152 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.post-action-block {
justify-content: center;
align-items: center;
min-width: 100%;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.post-action-block:hover {
background-color: var(--light-grey);
font-weight: 400;
text-decoration: none;
}
.post-action-block-text {
width: auto;
height: auto;
color: var(--new-grey);
align-self: center;
margin-left: 5px;
margin-right: 0;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.reaction-stats {
background-color: var(--white);
width: 30px;
height: 30px;
min-height: auto;
box-shadow: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 0;
font-size: 17px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.reaction-stats:hover {
background-color: var(--light-grey);
}
.reaction-stats.active {
color: #fff;
background-color: #0000;
width: 20px;
height: 20px;
}
.div-block-153 {
flex: 1;
display: flex;
}
.image-12 {
text-align: center;
align-self: center;
width: 14px;
height: 14px;
margin-right: 3px;
font-size: 14px;
}
.div-block-154 {
height: 100%;
}
.post-comment {
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: stretch;
display: flex;
}
.post-comment.comment {
border-top: 1px none var(--white-smoke);
flex-direction: row;
margin-top: 0;
padding: 0 15px;
}
.post-comment-header {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
min-height: 35px;
margin-bottom: 5px;
display: flex;
}
.post-comment-author-box {
flex-direction: column;
flex: 1;
align-self: center;
display: flex;
}
.post-comment-author {
color: var(--dark-gray);
text-transform: capitalize;
flex: 0 auto;
align-self: center;
margin-right: 5px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.comment---right {
flex-direction: column;
display: flex;
}
.comment-actions {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.div-block-155 {
margin-right: 5px;
display: flex;
}
.text-block-135 {
color: var(--new-grey);
margin-right: 5px;
font-weight: 500;
}
.counter {
margin-right: 3px;
}
.text-block-137 {
color: var(--link-blue);
text-transform: capitalize;
}
.text-block-138 {
background-color: var(--black-2);
color: var(--white);
font-size: 12px;
}
.reaction-text {
display: none;
}
.div-block-156 {
display: flex;
}
.reaction-buttons {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: start;
align-self: flex-start;
justify-items: start;
display: grid;
overflow: hidden;
}
.reaction-pop-up-box {
border-radius: 6px;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 0;
max-width: 250px;
margin-left: 15px;
padding: 5px;
display: flex;
overflow: visible;
box-shadow: 0 1px 2px #0000004d;
}
.reaction-pop-up-box.hide {
align-items: stretch;
width: auto;
min-width: 0;
max-width: 225px;
display: none;
overflow: visible;
}
.image-13 {
object-fit: fill;
}
.image-13.xtra-padding {
padding: 2px;
}
.div-block-157 {
justify-content: center;
align-items: center;
display: flex;
}
.comment-text {
margin-bottom: 3px;
}
.comment-replies {
margin-top: 8px;
}
.post-comment-reply {
display: flex;
}
.post-comment-reply-header {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.post-comment-sorting {
justify-content: space-between;
align-self: stretch;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-158 {
justify-content: flex-end;
display: flex;
}
.div-block-159 {
background-color: var(--light-grey);
border-radius: 4px;
width: 100%;
height: 50px;
display: flex;
}
.members-grid---sidebar {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 320px;
grid-auto-columns: 1fr;
justify-items: center;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.featured-member-wrapper {
cursor: pointer;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
display: flex;
}
.featured-member-wrapper.first-position {
margin-top: 0;
}
.featured-member-image {
object-fit: cover;
border-radius: 100px;
width: 48px;
height: 48px;
}
.featured-member-content {
flex-direction: column;
flex: 1;
justify-content: center;
margin-left: 10px;
font-size: 14px;
line-height: 100%;
display: flex;
}
.featured-member-name {
color: var(--new-grey);
margin-right: 5px;
font-family: Oswald, sans-serif;
font-weight: 400;
line-height: 125%;
}
.featured-member-info {
color: var(--light-slate-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
}
.featured-member-title-line {
display: flex;
}
.featured-member-location {
color: var(--new-grey);
font-size: 12px;
font-weight: 500;
}
.div-block-160 {
justify-content: flex-end;
display: flex;
}
.grid-block-header-text-icon {
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.text-block-141 {
border: 1px solid var(--deep-pink);
background-color: var(--white);
color: var(--deep-pink);
border-radius: 10px;
padding: 0 8px;
font-weight: 500;
line-height: 20px;
}
.text-block-141:hover {
background-color: var(--deep-pink);
color: var(--white);
}
.search-container-2 {
flex: 0 auto;
align-self: stretch;
align-items: center;
margin-top: 13px;
margin-bottom: 13px;
margin-right: 10px;
display: flex;
}
.search-5 {
cursor: pointer;
justify-content: flex-end;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.author-title-box {
justify-content: flex-start;
align-items: center;
display: flex;
}
.author-post-badge---sidebar {
border-style: none none dotted;
border-width: 1px;
border-color: var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
text-transform: uppercase;
border-radius: 0;
justify-content: center;
align-self: center;
align-items: center;
margin-right: 5px;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 100%;
display: block;
}
.create-box {
border: .5px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
align-self: stretch;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
overflow: visible;
box-shadow: 0 0 4px #0000004d;
}
.create-box.hide {
display: none;
}
.image-14 {
width: 40px;
height: 40px;
}
.div-block-161 {
outline-offset: 0px;
outline: 3px solid #333;
}
.alt-listing-form {
background-color: var(--white);
display: flex;
}
.alt-listing-form.hide {
display: none;
}
.text-block-142 {
color: var(--black-2);
border-radius: 3px;
font-size: 16px;
}
.link-block {
border: 1px solid var(--black-2);
border-radius: 3px;
}
.link-block-2 {
color: var(--black-2);
}
.action-button-outline {
background-color: var(--white);
min-height: auto;
box-shadow: none;
color: var(--black-2);
text-align: center;
white-space: nowrap;
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.action-button-outline:hover {
background-color: var(--deep-pink);
color: var(--white);
}
.action-button-outline.white {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: auto;
box-shadow: none;
color: #333;
background-image: none;
border-radius: 3px;
padding: 5px 10px;
font-size: 11px;
line-height: 16px;
text-decoration: none;
position: relative;
}
.action-button-outline.white:hover {
border-color: var(--darkblue);
background-color: var(--darkblue);
color: var(--white);
box-shadow: 0 0 0 7px #ffffff52;
}
.action-button-outline.white.icon {
width: 50px;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.action-button-outline.white.icon:hover {
background-color: var(--light-grey);
color: #333;
}
.action-button-outline.white.small {
border-radius: 2px;
align-self: center;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
padding: 5px 10px;
top: 0;
box-shadow: 0 0 3px 1px #00000021;
}
.action-button-outline.white.big {
text-transform: uppercase;
text-shadow: none;
border-radius: 3px;
padding: 10px 20px;
font-size: 12px;
font-weight: 500;
}
.action-button-outline.white.big:hover {
background-color: var(--lightblue);
text-shadow: 1px 1px 3px #000;
border-radius: 0;
box-shadow: 0 0 0 7px #0000;
}
.action-button-outline.sidebar {
margin-top: 0;
margin-right: 10px;
}
.action-button-outline.webapp {
min-height: 30px;
box-shadow: none;
border-radius: 6px;
margin-left: 5px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 11px;
}
.action-button-outline.hide {
display: none;
}
.action-button-outline.muted {
border: 1px solid var(--grey);
min-height: auto;
box-shadow: none;
color: #333;
background-color: #fff0;
background-image: none;
border-radius: 3px;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.action-button-outline.muted:hover {
color: var(--deep-pink);
}
.action-button-outline.muted.filter {
margin-left: 10px;
padding-left: 5px;
padding-right: 5px;
}
.action-button-outline.muted.combo-right {
color: #9c9c9c;
border-style: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
}
.action-button-outline.muted.combo-right:hover {
color: var(--new-grey);
background-color: #fff;
}
.action-button-outline.muted.combo-left {
background-color: var(--white);
border-style: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
}
.action-button-outline.muted.combo-left.active {
border-color: var(--darkblue);
color: var(--orange);
}
.action-button-outline.muted.active {
color: var(--orange);
}
.action-button-outline.large {
background-color: #24385b;
border-radius: 3px;
justify-content: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
line-height: 100%;
}
.action-button-outline.large:hover {
background-color: var(--orange);
}
.action-button-outline.blue {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: auto;
color: var(--darkblue);
background-image: none;
border-radius: 6px;
padding: 4px 10px;
font-size: 11px;
line-height: 16px;
text-decoration: none;
position: relative;
box-shadow: 0 0 0 5px #ffffff52;
}
.action-button-outline.blue:hover {
border-color: var(--darkblue);
background-color: var(--darkblue);
color: var(--white);
box-shadow: 0 0 0 7px #ffffff52;
}
.action-button-outline.left-align {
align-self: flex-start;
}
.action-button-outline.new-cta {
background-color: var(--orange);
background-image: linear-gradient(280deg, #ff448f, var(--orange));
min-width: 168px;
font-weight: 500;
}
.action-button-outline.action-icon {
max-height: 30px;
box-shadow: none;
background-color: #24385b00;
padding-left: 0;
padding-right: 0;
}
.image-buttons {
justify-content: center;
margin-top: 10px;
margin-right: 0;
display: flex;
}
.outline-button {
background-color: var(--white);
min-height: 35px;
color: var(--orange);
cursor: pointer;
background-image: none;
border: 1px solid #e2e2e2;
border-radius: 6px;
align-items: center;
margin-left: 5px;
padding: 5px 15px 5px 10px;
font-size: 14px;
font-weight: 500;
transition: color .2s;
display: flex;
position: relative;
}
.outline-button:hover {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.outline-button.disabled {
border-color: var(--orange);
opacity: .45;
cursor: not-allowed;
justify-content: flex-end;
margin-left: 5px;
margin-right: 0;
}
.outline-button.disabled:hover {
background-image: linear-gradient(#333, #333);
}
.outline-button.primary-action {
background-color: var(--orange);
color: var(--white);
background-image: none;
margin-left: 5px;
}
.image-stat-bar {
background-color: var(--light-grey);
margin-top: 3px;
margin-bottom: 10px;
padding: 5px;
display: flex;
}
.text-block-143 {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 24px;
font-weight: 600;
}
.text-block-144 {
margin-left: 2px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
}
.div-block-164 {
outline-color: var(--grey);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.text-block-145 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-165 {
display: flex;
}
.div-block-166 {
border: 1px dashed var(--grey);
outline-offset: 0px;
outline: 3px #333;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
height: 400px;
display: flex;
}
.text-block-146 {
color: var(--grey);
font-family: LineAwesome, sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 60px;
}
.div-block-167 {
margin-left: 30px;
}
.listing-image-thumbnails {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-15 {
width: 70px;
height: 70px;
}
.required-asterisk {
color: var(--red);
flex-direction: row;
align-self: flex-start;
align-items: flex-start;
margin-left: 3px;
padding-top: 0;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
display: flex;
position: relative;
top: 0;
}
.div-block-168 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-169 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 160px 125px 125px 125px 125px;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
padding-top: 15px;
display: grid;
}
.div-block-170 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.create-listing-cover-image {
border: 1px solid var(--grey);
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/601c53233322ab7267c1c10c_HBC.jpg");
background-position: 50%;
background-size: cover;
border-radius: 3px;
justify-content: flex-end;
align-items: flex-end;
width: 400px;
height: 300px;
display: flex;
}
.image-16 {
height: auto;
}
.image-17 {
object-fit: fill;
}
.add-more-images {
border: 1px solid var(--grey);
background-color: var(--white);
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-172 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
margin-bottom: 10px;
display: grid;
}
.create-listing-image-thumbnails {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
position: relative;
bottom: auto;
}
.text-block-147 {
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
.text-block-143-copy {
color: var(--orange);
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-size: 24px;
font-weight: 600;
}
.text-block-148 {
color: var(--orange);
margin-top: 10px;
font-size: 14px;
font-weight: 500;
}
.create-listing-image-placeholder {
border: 1px solid var(--grey);
background-color: var(--white);
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.create-listing-image-placeholder.bottom-row {
margin-top: 5px;
margin-bottom: 0;
}
.listing-image-placeholder {
align-self: stretch;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.listing-image-placeholder.hide {
display: none;
}
.div-block-174 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 1;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.div-block-175 {
margin-right: 10px;
}
.create {
border: 1px solid var(--grey);
background-color: var(--white);
object-fit: fill;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.create.bottom-row {
margin-top: 5px;
margin-bottom: 0;
}
.image-18 {
object-fit: fill;
}
.div-block-176 {
display: flex;
}
.product-image-wrapper-2 {
object-fit: fill;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
}
.product-image-2 {
object-fit: contain;
border-radius: 6px;
align-self: flex-end;
width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.product-hover-action-message-2 {
color: #00affa;
text-align: center;
text-shadow: 0 0 11px #fff, 0 0 9px #fff;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
font-size: 12px;
font-weight: 500;
display: none;
position: absolute;
bottom: 43px;
}
.product-hover-actions-2 {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
display: flex;
position: absolute;
bottom: 3px;
right: 3px;
}
.create-listing-thumbnail {
border-right: 1px solid var(--grey);
outline-offset: 0px;
object-fit: fill;
border-radius: 3px;
outline: 3px #333;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
}
.photo-hover-overlay {
background-color: #24385b8a;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: auto;
left: auto;
right: 0;
}
.photo-hover-overlay:hover {
display: block;
}
.image-19 {
width: 30px;
height: 30px;
margin-left: 5px;
margin-right: 0;
display: none;
}
.image-19:hover {
background-color: var(--red);
border-radius: 100px;
}
.div-block-177 {
position: relative;
inset: auto auto 0% 0%;
overflow: hidden;
}
.cover-photo-banner {
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
bottom: auto;
right: auto;
}
.div-block-178 {
background-color: var(--orange);
flex: 1;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
display: flex;
}
.div-block-178.hide {
display: none;
}
.text-block-149 {
color: var(--white);
text-transform: uppercase;
align-items: center;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
display: flex;
}
.div-block-179 {
display: flex;
}
.div-block-180 {
padding-left: 3px;
display: flex;
}
.bullet-seperator {
color: #7c7c7c;
text-transform: capitalize;
cursor: pointer;
flex: none;
align-self: center;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.close-create-listing-copy {
z-index: 99;
border-left: 1px none var(--grey);
color: #333;
cursor: pointer;
margin-left: 0;
padding: 5px 16px 5px 8px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
transition: all .2s;
display: inline-block;
position: absolute;
right: 0;
}
.close-create-listing-copy:hover {
color: var(--deep-pink);
}
.form-nav-link-copy {
z-index: 99;
background-color: var(--grey);
min-height: 35px;
color: var(--orange);
cursor: pointer;
background-image: none;
border: 1px solid #e2e2e2;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-left: 8px;
margin-right: 10px;
padding: 8px 5px;
font-size: 14px;
font-weight: 500;
transition: color .2s;
display: flex;
position: absolute;
left: 0;
}
.form-nav-link-copy:hover {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.form-nav-link-copy.disabled {
border-color: var(--orange);
opacity: .45;
cursor: not-allowed;
justify-content: flex-end;
margin-left: 5px;
margin-right: 0;
}
.form-nav-link-copy.disabled:hover {
background-image: linear-gradient(#333, #333);
}
.form-nav-link-copy.primary-action {
background-color: var(--orange);
color: var(--white);
background-image: none;
margin-left: 5px;
}
.link-block-3 {
width: 100%;
height: 35px;
}
.select-item-box {
border: 1px solid var(--grey);
background-color: var(--grey);
border-radius: 3px;
flex: none;
width: 50px;
height: 50px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.grid-product-avatar {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.select-product-avatar-box {
border: 1px solid var(--grey);
background-color: var(--grey);
border-radius: 4px;
flex: none;
width: 50px;
height: 50px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.grid-product-avatar-image {
object-fit: cover;
object-position: 50% 50%;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/6282c8024c1013546e5d9ef6_noun-product-1930833-9B9B9B.svg");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
}
.post-section-product-selector {
border-bottom: 1px solid var(--light-grey-2);
cursor: pointer;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
position: relative;
}
.product-switch-image {
border: 1px solid var(--grey);
border-radius: 4px;
justify-content: center;
align-self: center;
align-items: center;
width: 50px;
min-width: 25px;
height: 50px;
min-height: 25px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.product-avatar-image {
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.grid-product-name {
height: 100%;
color: var(--new-grey);
text-transform: capitalize;
flex: none;
align-self: stretch;
align-items: center;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
display: flex;
}
.featured-event-title {
max-height: none;
color: var(--dark-gray);
margin-top: 1px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 125%;
}
.image-20 {
width: 20px;
height: 20px;
}
.div-block-181 {
font-family: Roboto Condensed, sans-serif;
display: flex;
}
.text-block-150 {
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
}
.image-21 {
width: 20px;
height: 20px;
}
.div-block-182 {
border: 2px none var(--deep-sky-blue);
object-fit: fill;
border-radius: 3px;
flex-direction: column;
align-items: center;
width: 40px;
min-width: 40px;
max-width: 100%;
height: 100%;
min-height: 100%;
display: flex;
}
.text-block-151 {
background-color: var(--royal-blue);
min-width: 100%;
color: var(--white);
text-align: center;
border-radius: 0;
}
.div-block-183 {
background-color: var(--deep-sky-blue);
width: 100%;
min-width: 100%;
color: var(--white);
justify-content: center;
align-items: center;
margin-left: -1px;
margin-right: -1px;
padding-top: 3px;
padding-bottom: 2px;
display: flex;
}
.text-block-152 {
font-size: 24px;
line-height: 125%;
}
.div-block-184 {
border-right: 2px solid var(--deep-sky-blue);
border-bottom: 2px solid var(--deep-sky-blue);
border-left: 2px solid var(--deep-sky-blue);
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 100%;
padding-top: 3px;
padding-bottom: 3px;
display: flex;
}
.text-block-153 {
align-items: flex-end;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 100%;
display: block;
}
.text-block-154 {
font-family: Lato, sans-serif;
line-height: 12px;
display: block;
}
.text-block-155 {
margin-left: 5px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.div-block-185 {
display: flex;
}
.text-block-156 {
font-size: 11px;
line-height: 100%;
}
.text-block-157 {
color: var(--black-2);
line-height: 18px;
}
.text-block-158 {
color: var(--black-2);
margin-right: 2px;
line-height: 18px;
}
.text-block-159 {
color: var(--black-2);
margin-right: 2px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
line-height: 18px;
}
.text-block-160 {
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
}
.featured-jobs-wrapper {
cursor: pointer;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.featured-jobs-image {
object-fit: cover;
border-radius: 6px;
width: 50px;
height: 50px;
}
.featured-job-title {
color: var(--dark-gray);
margin-right: 5px;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
line-height: 125%;
}
.job-listing-tag {
border: 1px none var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
text-transform: uppercase;
border-radius: 0;
justify-content: center;
align-self: center;
align-items: center;
margin-right: 5px;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 100%;
display: block;
}
.job-listing-tag.hide {
display: none;
}
.featured-job-wrapper {
cursor: pointer;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
display: flex;
}
.featured-job-wrapper.first-position {
margin-top: 0;
}
.div-block-160-copy {
justify-content: flex-end;
display: flex;
}
.div-block-160-copy.hide {
display: none;
}
.featured-job-info {
color: var(--new-grey);
font-size: 12px;
font-weight: 500;
}
.featured-jobs-content {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
margin-left: 0;
font-size: 14px;
line-height: 100%;
display: flex;
}
.trendin {
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: flex-start;
min-width: 100%;
margin-top: 10px;
display: flex;
}
.trendin.first-position {
margin-top: 0;
}
.featured-tending-news {
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: flex-start;
min-width: 100%;
margin-top: 10px;
display: flex;
}
.featured-tending-news.first-position {
margin-top: 0;
}
.featured-news-image {
object-fit: cover;
border-radius: 3px;
width: 60px;
height: 60px;
}
.featured-news-content {
flex-direction: column;
justify-content: space-between;
align-self: flex-start;
align-items: flex-start;
margin-left: 0;
margin-right: 10px;
font-size: 14px;
line-height: 100%;
display: flex;
}
.featured-news-title {
font-size: 12px;
font-weight: 500;
line-height: 125%;
}
.featured-event-listing {
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: flex-start;
min-width: 100%;
margin-top: 10px;
display: flex;
}
.featured-event-listing.first-position {
margin-top: 0;
}
.featured-job-title-line {
display: flex;
}
.featured-job-details {
font-family: Roboto Condensed, sans-serif;
display: flex;
}
.news-listing-stats {
color: var(--lightblue);
font-size: 11px;
}
.trending-news-stats {
color: var(--grey);
text-transform: capitalize;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-top: 3px;
margin-bottom: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.grid-box-list {
padding-left: 17px;
}
.grid-box-list---2-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
padding-left: 18px;
display: grid;
}
.list-item-wrapper {
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: flex-start;
min-width: 100%;
margin-top: 0;
display: flex;
}
.list-item-wrapper.first-position {
margin-top: 0;
}
.list-item-details {
color: var(--grey);
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-top: 3px;
margin-bottom: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.list-item-title {
color: var(--new-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 100%;
}
.list-item-2 {
line-height: 18px;
}
.list-item-3 {
list-style-type: disc;
}
.div-block-186 {
background-color: #f8963399;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-161 {
font-weight: 600;
}
.featured-marketplace-items {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
border-radius: 6px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
margin-top: 10px;
display: flex;
}
.featured-marketplace-items.first-position {
margin-top: 0;
}
.featured-marketplace-item-image {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 95px;
max-height: 95px;
}
.grid-block---3-columns {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: 95px 95px;
grid-template-columns: 95px 95px 95px;
grid-auto-rows: minmax(auto, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.featured-product-title {
display: flex;
}
.link-text {
color: var(--orange);
font-family: Roboto Condensed, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 700;
}
.featured-shopping-content {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
margin-left: 0;
font-size: 14px;
line-height: 100%;
display: flex;
}
.featured-shopping-content.hide {
display: none;
}
.featured-marketplace-items-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
border-radius: 6px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
margin-top: 10px;
display: flex;
}
.featured-marketplace-items-copy.first-position {
margin-top: 0;
}
.featured-listings---large {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 300px;
grid-auto-columns: 1fr;
align-content: start;
justify-items: center;
padding-left: 10px;
display: grid;
}
.featured-listings---large.hide {
display: none;
}
.featured-ad---wrapper {
border-radius: 6px;
position: relative;
overflow: hidden;
}
.featured-ad---wrapper.hide {
display: none;
}
._300x225ad {
border: 1px none var(--light-grey);
background-color: var(--grey);
min-width: 300px;
min-height: 225px;
color: var(--new-grey);
border-radius: 3px;
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
overflow: hidden;
}
.div-block-187 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-187.hide {
display: none;
}
.div-block-188 {
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/60dce793886895587b6ca71a_1319505_registered-14-1-hh-missouri-foxtrotter-mare-beginner-kid-saf_img_1624861261.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 4px;
flex-direction: column;
justify-content: flex-end;
min-width: 300px;
max-width: 100%;
min-height: 225px;
display: flex;
}
.div-block-189 {
background-color: #515365cf;
}
.featured-listing-details---white {
color: var(--white);
display: flex;
}
.product-details-wrapper-copy {
color: #929292;
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-bottom: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.button-with-icon {
color: #333;
background-color: #eaeaea;
background-image: linear-gradient(#0000, #0000);
border-radius: 100px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: center;
height: 36px;
padding: 3px;
font-size: 19px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
}
.button-with-icon:hover {
color: #fff;
background-color: #f89633b3;
}
.image-22 {
width: 30px;
height: 30px;
}
.horse-detail-wrapper {
color: #929292;
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
margin-bottom: 2px;
font-family: Oswald, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.page-side-widgets {
flex-direction: column;
flex: 0 auto;
grid-template: ". . Area"
". . Area"
". . Area"
". . Area"
". . Area"
/ 1fr 1fr 1fr;
align-self: stretch;
min-width: 350px;
max-width: 350px;
margin-left: 15px;
display: flex;
}
.page-side-widgets.left {
flex: 0 auto;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: 0;
max-width: 300px;
margin-left: 0;
display: block;
}
.page-side-widgets.right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: none;
min-width: auto;
max-width: 330px;
margin-left: 0;
padding-top: 10px;
}
.page-side-widgets.right.hide {
display: none;
}
.image-23 {
width: 18px;
height: 18px;
margin-right: 3px;
}
.image-23.white-bg {
background-color: var(--white);
border-radius: 100px;
width: 30px;
height: 30px;
padding: 5px;
}
.image-23.white-bg:hover {
background-color: var(--white);
}
.text-block-162, .text-block-163 {
text-transform: uppercase;
}
.div-block-190 {
display: flex;
}
.image-icon-20px {
width: 20px;
height: 20px;
margin-right: 3px;
}
.image-icon-20px.white-bg {
background-color: var(--white);
border-radius: 100px;
width: 30px;
height: 30px;
padding: 5px;
}
.listing-category-2 {
background-color: #297798;
border-radius: 2px;
justify-content: center;
align-items: center;
margin-bottom: 4px;
margin-right: 4px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.listing-category-2.absolute {
background-color: #fff;
border-radius: 100px 100px 0 0;
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
margin-bottom: 0;
margin-right: 0;
display: none;
position: absolute;
top: -30px;
left: 4px;
}
.listing-price-left-2 {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
}
.listing-image-footer-3 {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.listing-image-footer-3.hide {
color: #fff;
background-color: #0000007a;
flex-direction: column;
display: none;
bottom: 0;
left: 0;
right: 0;
}
.listing-inside-absolute-2 {
flex-direction: column;
display: flex;
position: absolute;
inset: 0%;
}
.listing-price-wrapper-2 {
background-color: #fff;
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.listing-category-icon-3 {
color: #24385b;
margin-right: 2px;
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-grid-wrapper-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 32% 32% 32%;
grid-auto-rows: auto;
grid-auto-columns: 32%;
justify-content: space-between;
margin-bottom: 10px;
display: grid;
}
.listing-grid-wrapper-3.featured {
grid-auto-flow: column;
margin-bottom: 0;
}
.listing-grid-wrapper-3.full-width {
grid-template-columns: 24% 24% 24% 24%;
grid-auto-columns: 24%;
}
.featured-listings-2 {
background-color: #f7f7f7;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-self: auto;
width: auto;
margin-bottom: 15px;
padding: 15px;
display: flex;
position: relative;
}
.top-listings-2 {
flex-direction: column;
flex: none;
align-self: stretch;
margin-left: 15px;
margin-right: 15px;
display: block;
}
.listing-image-header-3 {
cursor: pointer;
background-color: #fff;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
padding-bottom: 75%;
display: flex;
position: relative;
overflow: hidden;
}
.time-remaining-2 {
white-space: nowrap;
align-self: center;
margin-left: 3px;
}
.listing-image-front-3 {
object-fit: cover;
align-self: stretch;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.listing-wrapper-3 {
width: 100%;
height: 510px;
box-shadow: none;
background-color: #cccccc91;
border: 1px solid #ccc;
border-radius: 8px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.listing-wrapper-3.featured {
background-color: #cccccc91;
border-radius: 4px;
height: 340px;
}
.listing-price-3 {
color: #575757;
text-transform: none;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: center;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 100%;
display: flex;
}
.listing-title-2 {
text-align: left;
letter-spacing: 0;
text-transform: capitalize;
cursor: pointer;
align-self: stretch;
padding-top: 9px;
padding-bottom: 2px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.listing-title-2.horse-title {
color: #7e7e7e;
justify-content: center;
align-self: flex-start;
padding-top: 3px;
padding-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
}
.listing-title-2.horse {
color: #515365;
text-align: left;
border-top: 0 solid #0000001a;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
margin-top: 3px;
padding-top: 6px;
padding-bottom: 6px;
font-family: Poppins, sans-serif;
font-size: 12px;
display: block;
}
.featured-listings-title-2 {
color: #24385b;
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
align-self: flex-start;
margin-top: 0;
margin-bottom: 5px;
font-family: Lora, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
}
.listing-price-top-2 {
flex-direction: row;
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.listing-points-toggle-2 {
color: #778ca2;
flex: 1;
justify-content: flex-end;
align-self: stretch;
align-items: flex-start;
padding-left: 10px;
font-family: LineAwesome, sans-serif;
font-size: 10px;
font-weight: 600;
display: flex;
position: relative;
}
.top-listings-horizontal {
flex-direction: column;
flex: none;
align-self: stretch;
margin-left: 15px;
display: block;
}
.top-listings-horizontal.hide {
display: none;
}
.div-block-191 {
margin-left: 15px;
}
.div-block-192 {
margin-left: 15px;
margin-right: 15px;
}
.spotlight-listing {
margin-left: 0;
margin-right: 0;
}
.premium-listing-l {
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 230px;
min-height: 170px;
display: flex;
position: relative;
}
.page-header-title-3 {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: "Exo 2", sans-serif;
font-size: 50px;
font-weight: 200;
line-height: 100%;
}
.header-title-box-3 {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.page-header-3 {
background-image: none;
background-position: 0 0;
border-radius: 8px;
flex-direction: row;
justify-content: flex-end;
align-self: stretch;
align-items: center;
margin-bottom: 10px;
padding: 60px 20px;
display: block;
position: relative;
overflow: hidden;
}
.page-nav-link-title-3 {
color: #575757;
text-transform: uppercase;
align-self: stretch;
align-items: center;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
}
.pro-tag-2 {
color: #fff;
letter-spacing: 1px;
background-color: #2fceda;
border-radius: 100px;
align-self: center;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 8px;
font-weight: 600;
line-height: 14px;
position: relative;
}
.page-navigation-2 {
background-color: #fff;
border: 1px #ccc;
border-bottom-style: solid;
justify-content: flex-start;
min-height: 50px;
margin-bottom: 25px;
display: flex;
position: relative;
}
.page-navigation-2.grey-bg {
border: 1px solid #62799b69;
margin-bottom: 25px;
display: flex;
}
.page-nav-link-3 {
color: #778ca2;
text-align: center;
cursor: pointer;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: -1px;
padding-top: 5px;
padding-left: 22px;
padding-right: 22px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.page-nav-link-3:hover {
color: #299892;
background-color: #f2f2f2;
border-bottom-color: #299892;
}
.page-nav-link-3.w--current {
border-bottom-style: none;
border-bottom-color: #24385b;
}
.page-section-2 {
flex-direction: column;
height: auto;
margin-bottom: 40px;
display: flex;
position: relative;
}
.page-section-title-2 {
color: #24385b;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #0000;
border-radius: 6px;
margin-top: 0;
margin-bottom: 5px;
font-family: Merriweather, serif;
font-size: 24px;
font-weight: 400;
line-height: 34px;
}
.category-wrapper-2 {
background-color: #ccc;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 250px;
display: flex;
}
.heading-5 {
color: var(--white);
}
.check-title {
font-size: 18px;
}
.who-we-are-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 1400px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.hero-h1-bold {
text-transform: uppercase;
font-size: 29px;
font-style: italic;
font-weight: 800;
}
.banner {
padding-top: 20px;
padding-bottom: 20px;
}
.banner.backgound {
background-color: #ccc;
background-image: linear-gradient(#ffffffdb, #ffffffdb), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/5e61536611b5aa72eccdaf08_Black-and-White-Horse-Wallpaper.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
margin-bottom: 20px;
}
.checkbox-title {
display: flex;
}
.who-we-are-link {
text-align: center;
margin-bottom: 40px;
text-decoration: underline;
}
.checkbox-point {
flex-direction: column;
align-items: center;
display: flex;
}
.who-we-are-question {
text-align: center;
margin-bottom: 10px;
font-size: 17px;
font-weight: 600;
}
.checkbox-description {
text-align: center;
max-width: 400px;
margin-top: 10px;
}
.who-we-are {
flex-direction: column;
max-width: 1400px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.who-we-are-title {
text-align: center;
text-transform: capitalize;
margin: 10px auto 5px;
font-family: "Exo 2", sans-serif;
font-size: 28px;
font-weight: 400;
display: inline-block;
position: relative;
}
.who-we-are-question-link {
color: #16706b;
text-align: center;
cursor: pointer;
border: 2px solid #16706b;
border-radius: 100px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
font-size: 15px;
font-weight: 400;
}
.search-icon-text {
background-color: var(--deep-pink);
color: #fff;
margin-right: 10px;
padding-top: 2px;
font-family: LineAwesome, sans-serif;
font-size: 30px;
font-weight: 500;
}
.landing-page-header {
z-index: 12;
background-color: var(--darkblue);
min-height: 52px;
box-shadow: none;
color: #fff;
flex-wrap: wrap;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: -1px;
padding-bottom: 4px;
display: flex;
position: sticky;
top: -1px;
left: 0;
right: 0;
}
.landing-page-header.webapp {
z-index: 10;
border-bottom: 1px solid var(--grey);
background-color: var(--white);
justify-content: flex-start;
box-shadow: 0 4px 5px -2px #0000;
}
.pedigree-search-left {
z-index: 11;
flex-direction: column;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-self: stretch;
width: 100%;
min-width: 280px;
max-width: 280px;
height: 100%;
margin-top: 0;
transition: width .2s, max-width .2s;
display: flex;
position: sticky;
top: 80px;
box-shadow: 6px 0 8px -10px #00000085;
}
.pedigree-search-left.closed {
min-width: 41px;
max-width: 41px;
}
.pedigree-search-left.hide {
display: none;
}
.pedigree-search-left-content {
border-radius: 0 0 6px 6px;
flex-direction: column;
flex: none;
align-self: flex-end;
min-width: 280px;
max-width: 280px;
margin-bottom: 0;
padding-right: 0;
transition: opacity .4s cubic-bezier(1, -1.484, 1, -1.087);
display: flex;
position: sticky;
top: 52px;
overflow: auto;
}
.pedigree-search-left-content-wrapper {
padding-top: 30px;
}
.pedigree-search-box-header {
z-index: 2;
background-color: #fff;
justify-content: flex-end;
margin-bottom: 15px;
padding-top: 25px;
padding-bottom: 20px;
padding-right: 15px;
transition: all .2s;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 10px 10px -10px #0003;
}
.pedigree-search-box-header.hide {
display: none;
}
.pedigree-search-header-title {
text-align: left;
flex: 1;
align-self: flex-start;
font-size: 18px;
font-weight: 500;
line-height: 125%;
display: block;
}
.price-field {
background-color: var(--white-smoke-2);
border-radius: 3px;
}
.price-field::placeholder {
font-size: 11px;
}
.price-field.age-parameters {
width: 100%;
height: 35px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 16px;
}
.input-field---icon-left {
border: 1px solid var(--grey);
background-color: #f9f9f9;
border-radius: 3px;
width: 100%;
height: 35px;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 25px;
font-weight: 400;
}
.input-field---icon-left::placeholder {
color: var(--grey);
font-size: 12px;
font-style: italic;
}
.div-block-193 {
justify-content: space-between;
display: flex;
}
.premium-listing-section {
color: #24385b;
text-align: left;
text-transform: capitalize;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: 35px;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 0;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
display: flex;
position: relative;
}
.premium-listing-section.hide {
display: none;
}
.div-block-194 {
outline-offset: 0px;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/60da295e85cd6d80c93b0a00_img_5509.jpeg");
background-position: 50%;
background-size: 1000% 1000%;
border-radius: 4px;
outline: 3px #24385b;
width: 100%;
height: 300px;
min-height: 200px;
display: flex;
}
.div-block-195 {
border-radius: 4px;
align-items: stretch;
width: 500px;
height: 100%;
display: flex;
}
.image-24 {
width: 100%;
min-width: 100%;
height: 100%;
}
.div-block-196 {
background-color: var(--dim-grey-2);
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.text-block-164 {
background-color: var(--dim-grey-2);
color: var(--white);
border-radius: 4px;
flex: 0 auto;
padding-top: 10px;
padding-bottom: 25px;
padding-left: 15px;
font-size: 24px;
}
.div-block-197 {
margin-top: -15px;
display: flex;
position: relative;
}
.text-block-165 {
background-color: var(--white);
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 24px;
}
.div-block-198 {
background-color: var(--light-grey-3);
margin-top: -15px;
padding-top: 20px;
}
.user-sidebar {
z-index: 11;
flex-direction: column;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-self: stretch;
width: 100%;
min-width: 300px;
max-width: 300px;
height: 100%;
margin-top: 0;
transition: width .2s, max-width .2s;
display: flex;
position: sticky;
top: 52px;
box-shadow: 6px 0 8px -10px #00000085;
}
.user-sidebar.closed {
min-width: 41px;
max-width: 41px;
}
.user-sidebar.hide {
display: none;
}
.user-left-content {
border-radius: 0 0 6px 6px;
flex-direction: column;
flex: none;
align-self: flex-end;
min-width: 300px;
max-width: 300px;
margin-bottom: 0;
padding-right: 0;
transition: opacity .4s cubic-bezier(1, -1.484, 1, -1.087);
display: flex;
position: sticky;
top: 52px;
overflow: auto;
}
.user-left-content-wrapper {
padding-top: 30px;
}
.user-sidebar-header {
background-color: var(--white);
box-shadow: none;
color: var(--dim-grey);
cursor: pointer;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 15px 15px 10px 0;
display: flex;
position: relative;
}
.user-sidebar-header.post {
background-color: #0000;
border-bottom-style: none;
margin-bottom: 5px;
}
.user-sidebar-header.hide {
display: none;
}
.user-handle {
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-left: 0;
padding-top: 2px;
padding-bottom: 2px;
font-family: Lato, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 100%;
}
.image-25 {
width: 24px;
height: 24px;
}
.post-something-box-copy {
border: .5px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
align-self: stretch;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 10px;
display: flex;
overflow: visible;
box-shadow: 0 0 4px #0000004d;
}
.post-something-box-copy.hide {
display: none;
}
.div-block-199 {
align-items: center;
margin-top: 5px;
display: flex;
}
.post-avatar-box-25px {
border: 2px solid var(--grey);
background-color: var(--grey);
border-radius: 100px;
flex: none;
align-self: center;
width: 25px;
height: 25px;
margin-top: 0;
margin-right: 5px;
overflow: hidden;
}
.image-26 {
object-fit: cover;
border-radius: 4px;
min-width: 100%;
height: 125px;
max-height: none;
}
.grid---sidebar-body-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 300px;
grid-auto-columns: 1fr;
justify-items: center;
padding: 10px 15px;
display: flex;
}
.grid-block-copy {
border: 1px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
flex: 0 auto;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: static;
top: 60px;
overflow: hidden;
box-shadow: 0 0 4px #0000004d;
}
.grid-block-copy.management {
border: .5px solid var(--grey);
min-height: 400px;
box-shadow: none;
flex: none;
}
.create-story-image {
background-color: var(--light-grey);
border-radius: 4px;
width: 50px;
}
.div-block-200 {
background-color: var(--light-grey);
justify-content: center;
align-items: center;
min-width: 100%;
max-width: 100%;
height: 125px;
display: flex;
}
.text-block-166 {
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.line-awesome-font {
color: var(--orange);
font-family: LineAwesome, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.line-awesome-font.alt {
font-weight: 500;
}
.text-block-167 {
border: 1px solid var(--grey);
background-color: #0000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
}
.post-something-box-simple {
border: .5px none var(--grey);
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
align-self: stretch;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 10px;
display: flex;
overflow: visible;
box-shadow: 0 0 4px #0000004d;
}
.post-something-box-simple.hide {
display: none;
}
.create-post-box-horizontal {
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.create-post-box-horizontal.comment {
border-style: solid none none;
border-width: 1px;
border-color: var(--grey);
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.create-post-block {
background-color: var(--light-grey);
border-radius: 4px;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.create-post-horizontal-right {
border-top: 1px none var(--white-smoke);
justify-content: space-between;
margin-top: 0;
padding-top: 0;
display: flex;
}
.div-block-201 {
justify-content: space-between;
align-items: center;
padding-right: 15px;
display: flex;
}
.div-block-201.hide {
display: none;
}
.text-block-168 {
background-color: #0000;
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
}
.text-block-168:hover {
background-color: #62799b40;
font-weight: 600;
}
.text-block-168:active {
background-color: #62799b40;
}
.text-block-168.pressed {
background-color: #62799b40;
margin-right: 3px;
font-weight: 600;
}
.div-block-202 {
display: flex;
}
.image-27 {
width: 20px;
height: 20px;
margin-left: 3px;
padding-top: 0;
}
.product-details-wrapper-copy {
color: #929292;
text-transform: uppercase;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: minmax(50px, 140px) minmax(50px, 140px);
grid-auto-columns: 1fr;
place-content: center flex-start;
align-items: center;
margin-bottom: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 100%;
display: flex;
}
.listing-detail-row {
justify-content: space-between;
align-items: stretch;
line-height: 100%;
display: flex;
}
.listing-detail-row.hide {
display: none;
}
.image-28 {
width: auto;
max-width: none;
height: 16px;
margin-right: 3px;
}
.product-detail-value-copy {
color: var(--new-grey);
text-align: center;
text-transform: none;
flex-direction: column;
align-self: auto;
align-items: center;
font-family: Roboto Condensed, sans-serif;
display: block;
}
.product-detail-value-copy.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
align-self: center;
display: block;
}
.product-detail-value-copy.hide {
display: none;
}
.job-row-left {
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
width: 50px;
height: 50px;
min-height: 0;
margin-right: 15px;
display: flex;
position: relative;
}
.job-row-left.hide {
display: none;
}
.product-row-image-copy {
object-fit: fill;
object-position: 50% 50%;
border-radius: 4px;
flex: none;
align-self: stretch;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.job-row-middle {
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-left: 0;
display: flex;
}
.text-block-169 {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
}
.image-29 {
width: 16px;
height: 20px;
margin-right: 5px;
}
.job-detail {
align-items: flex-end;
height: 20px;
margin-right: 10px;
display: flex;
}
.text-block-170 {
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
line-height: 16px;
}
.div-block-203 {
display: flex;
}
.location-details {
align-items: flex-end;
height: 20px;
display: flex;
}
.comma {
margin-right: 2px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
line-height: 16px;
}
.listing-tag-wrapper {
height: auto;
color: var(--new-grey);
align-items: center;
margin-top: 10px;
padding-top: 0;
display: flex;
overflow: hidden;
}
.listing-tag {
color: var(--orange);
cursor: auto;
background-color: #f8963326;
border-radius: 2px;
margin-bottom: 5px;
margin-right: 5px;
padding: 3px 10px;
font-size: 12px;
font-weight: 500;
transition: none;
display: inline-block;
}
.listing-tag:hover {
color: var(--new-grey);
background-color: #0000;
}
.listing-tag.redacted {
color: #ccc0;
background-color: #ccc;
}
.product-row-title-copy {
max-width: 700px;
color: var(--darkblue);
text-transform: capitalize;
cursor: pointer;
flex: none;
margin-bottom: 3px;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
transition: color .2s;
}
.product-row-title-copy:hover {
color: var(--deep-pink);
}
.product-row-title-copy.redacted {
color: #e0e0e0;
background-color: #e0e0e0;
border-radius: 4px;
font-size: 16px;
line-height: 26px;
}
.div-block-204 {
display: flex;
}
.div-block-205 {
border: 1px solid var(--grey);
border-radius: 4px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 10px;
display: flex;
}
.text-block-171 {
color: var(--orange);
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.tab-link-tab-1 {
border-style: solid none none solid;
border-width: 1px;
border-color: var(--grey);
background-color: var(--white);
border-radius: 4px;
padding: 4px 10px;
display: inline-block;
}
.tab-link-tab-2 {
padding-left: 15px;
}
.tab-link-tab-2.w--current {
border-top: 1px solid var(--grey);
border-right: 1px none var(--grey);
border-left: 1px solid var(--grey);
background-color: var(--white);
color: var(--orange);
border-radius: 4px;
padding: 4px 15px;
}
.tab-link-tab-3 {
background-color: var(--white);
padding-left: 15px;
padding-right: 15px;
}
.tab-link-tab-3.outlined-tabs {
border-style: solid solid none;
border-width: 1px;
border-color: var(--grey);
border-radius: 4px;
margin-top: 0;
padding-top: 4px;
padding-bottom: 4px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 400;
}
.tabs-menu-4 {
border-bottom: 1px solid var(--grey);
background-color: var(--white);
margin-bottom: -2px;
padding-left: 0;
padding-right: 4px;
}
.text-block-172 {
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
}
.text-block-173 {
font-family: Roboto Condensed, sans-serif;
}
.saved-searches-inner-wrapper {
z-index: 9;
border-style: none none solid;
border-width: 1px;
border-color: var(--grey);
border-radius: 0;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: 0;
padding-top: 10px;
padding-bottom: 5px;
display: flex;
position: relative;
}
.div-block-206 {
display: flex;
}
.text-block-174 {
margin-left: 3px;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: block;
}
.text-block-174.hide {
display: none;
}
.tab-link-tab-4 {
border-top: 1px solid var(--grey);
border-right: 1px solid var(--grey);
border-left: 1px solid var(--grey);
background-color: var(--white);
border-radius: 4px;
padding: 4px 15px;
font-family: Roboto Condensed, sans-serif;
}
.outlined-tab-link {
text-align: center;
cursor: pointer;
background-color: #fff0;
border-bottom: 2px solid #3b128d00;
padding-left: 10px;
padding-right: 10px;
font-family: Roboto Condensed, sans-serif;
line-height: 100%;
display: block;
}
.outlined-tab-link.w--current {
border-style: solid solid none;
border-color: var(--orange);
color: var(--white);
background-color: #f89633cc;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
text-decoration: none;
}
.slideup-tab-link-copy {
text-align: center;
cursor: pointer;
background-color: #fff0;
border-bottom: 2px solid #3b128d00;
padding-left: 5px;
padding-right: 5px;
font-family: Roboto Condensed, sans-serif;
line-height: 100%;
display: block;
}
.slideup-tab-link-copy.w--current {
border-bottom-style: none;
border-bottom-color: var(--orange);
color: var(--orange);
background-color: #fff0;
font-weight: 500;
text-decoration: none;
}
.saved-search-tabs {
flex-direction: column;
flex: 1;
display: flex;
overflow: auto;
}
.saved-search-tab-menu {
grid-column-gap: 5px;
grid-row-gap: 16px;
border-top: 1px #000;
border-bottom: 1px solid var(--orange);
grid-template-rows: auto;
grid-template-columns: .5fr .5fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: flex;
}
.saved-search-tab-menu.hide {
display: none;
}
.saved-search-tab-content {
background-color: #fff;
flex: 1;
overflow: auto;
}
.saved-search-tab-pane, .slideup-tab-pane-copy {
padding: 0;
}
.button-icon-2 {
align-self: center;
margin-top: 1px;
margin-left: 3px;
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-size: 15px;
font-weight: 400;
}
.saved-searches-bar {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-left: 0;
font-size: 11px;
display: flex;
}
.saved-searches-bar.hide {
margin-top: 10px;
padding-left: 15px;
display: none;
}
.div-block-207 {
flex-direction: column;
display: flex;
}
.tab-link-icon {
color: var(--orange);
font-family: FontAwesome, sans-serif;
font-size: 14px;
font-weight: 900;
}
.salary {
color: var(--black-2);
text-align: center;
margin-bottom: 3px;
font-size: 20px;
font-weight: 500;
line-height: 100%;
display: flex;
}
.salary.redacted {
color: #ccc;
background-color: #ccc;
border-radius: 4px;
}
.div-block-208 {
align-self: stretch;
align-items: center;
margin-left: 15px;
padding-top: 0;
display: flex;
}
.div-block-209 {
flex: 1;
display: flex;
}
.job-listing-action {
border: 1px solid var(--grey);
background-color: var(--orange);
min-height: 30px;
color: var(--white);
background-image: linear-gradient(#0000, #0000);
border-radius: 3px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 5px;
padding: 3px;
font-size: 19px;
font-weight: 400;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
}
.job-listing-action:hover {
background-color: var(--orange);
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: #fff;
}
.job-listing-action.redacted {
background-color: var(--grey);
color: #ccc0;
}
.job-listing-action.preview {
cursor: not-allowed;
}
.foal-in-utero-header {
flex-direction: column;
display: flex;
}
.foal-in-utero-header.hide {
display: none;
}
.div-block-211 {
flex-direction: row;
display: flex;
}
.image-30 {
width: 50%;
max-width: 50%;
}
.image-31 {
width: 50%;
}
.text-block-175 {
margin-right: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
}
.horse-basic-info {
color: var(--new-grey);
flex-wrap: wrap;
margin-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
font-family: Roboto Condensed, sans-serif;
display: flex;
position: relative;
}
.text-block-176 {
font-family: Roboto Condensed, sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 100%;
}
.text-block-177 {
align-items: center;
margin-left: 10px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: flex;
}
.div-block-213 {
flex-direction: column;
width: 50%;
display: flex;
}
.div-block-214, .div-block-215, .div-block-216 {
display: flex;
}
.text-block-178 {
margin-right: 3px;
}
.sire-gen-box {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: 40px;
box-shadow: none;
color: var(--grey);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
transition: all .2s;
display: flex;
position: relative;
}
.sire-gen-box:hover {
box-shadow: none;
color: var(--dark-teal);
}
.sire-gen-box.male {
background-color: #e5f5fa;
background-image: linear-gradient(177deg, #e5edf9, #d3ddeb);
border-style: none;
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
}
.sire-gen-box.male:hover {
color: var(--royal-blue);
}
.sire-gen-box.female {
background-color: #fae6f2;
background-image: linear-gradient(#f9f3f7, #f0dde9);
}
.sire-gen-box.simple {
border-style: none;
min-height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.horse-gen-label-sire {
opacity: 1;
color: #575757;
text-align: left;
flex: 0 auto;
position: absolute;
top: 2px;
left: 8px;
}
.horse-gen-label-sire.stallion-name {
color: var(--royal-blue);
text-align: left;
text-transform: uppercase;
justify-content: center;
margin-right: 10px;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.horse-gen-label-sire.stallion-name:hover {
color: var(--link-blue);
}
.horse-gen-label-sire.male-name-label {
color: var(--royal-blue);
text-align: left;
text-transform: uppercase;
justify-content: center;
margin-right: 10px;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.dam-gen-box {
border: 1px solid var(--grey);
background-color: var(--white);
min-height: 40px;
box-shadow: none;
color: var(--grey);
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
transition: all .2s;
display: flex;
position: relative;
}
.dam-gen-box:hover {
box-shadow: none;
color: var(--dark-teal);
}
.dam-gen-box.male {
background-color: #e5f5fa;
background-image: linear-gradient(177deg, #e5edf9, #d3ddeb);
}
.dam-gen-box.female {
background-color: #fae6f2;
background-image: linear-gradient(#f9f3f7, #f0dde9);
border-style: none;
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
}
.dam-gen-box.female:hover {
color: var(--pedigree-table-text);
}
.dam-gen-box.simple {
border-style: none;
min-height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.horse-gen-label-dam {
opacity: 1;
color: #575757;
text-align: left;
flex: 0 auto;
position: absolute;
top: 2px;
left: 8px;
}
.horse-gen-label-dam.stallion-name {
color: var(--royal-blue);
text-align: left;
text-transform: uppercase;
justify-content: center;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.horse-gen-label-dam.dam-name {
color: #ce6086;
text-align: left;
text-transform: uppercase;
justify-content: center;
margin-right: 10px;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.horse-gen-label-dam.female-name-label {
color: #ce6085;
text-align: left;
text-transform: uppercase;
justify-content: center;
margin-right: 10px;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.div-block-217 {
flex-direction: row;
display: flex;
}
.text-block-177-copy {
align-items: center;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
}
.text-block-177-copy:hover, .text-block-177-copy:active {
color: var(--royal-blue);
}
.div-block-218 {
flex-direction: row;
display: flex;
}
.div-block-218:hover {
color: var(--grey);
font-family: Roboto Condensed, sans-serif;
}
.text-block-179, .text-block-180 {
font-size: 14px;
}
.div-block-219 {
margin-bottom: 5px;
display: flex;
}
.text-block-181 {
color: var(--new-grey);
margin-right: 10px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
}
.heading-6 {
color: var(--darkblue);
font-family: Roboto Condensed, sans-serif;
font-size: 20px;
}
.hypomarting-pedigree-table-section {
margin-bottom: 5px;
padding-bottom: 0;
}
.div-block-220 {
background-image: linear-gradient(115deg, #3b68a773, #3b68a7ad), url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/62a79b52329f19eb9ec6a7a1_banner-free-trial.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.image-32 {
width: 50px;
height: 50px;
padding: 5px;
}
.div-block-221 {
border: 2px solid var(--white);
border-radius: 100px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
padding: 10px;
}
.div-block-222 {
margin-left: 10px;
}
.text-block-182 {
color: var(--grey);
}
.text-block-183 {
color: var(--white);
margin-right: 10px;
font-size: 20px;
}
.div-block-223 {
align-items: center;
display: flex;
}
.div-block-224 {
flex-direction: row;
display: flex;
}
.pedigree-search-tabs {
flex: 1;
overflow: auto;
}
.tab-pane-pedigree-search-table {
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.horse-basic-info--left {
color: var(--royal-blue);
flex-wrap: wrap;
font-family: Roboto Condensed, sans-serif;
display: flex;
position: relative;
left: 8px;
overflow: visible;
}
.horse-basic-info--left.pink {
color: #ce6086;
}
.div-block-225 {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-block-184 {
color: var(--royal-blue);
margin-left: 10px;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
}
.window---pedigree-card {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.window---pedigree-card:hover {
color: var(--grey);
}
.window---pedigree-card.ag-trial-version {
top: -20px;
}
.window---pedigree-card.ag-trial-version.hide, .window---pedigree-card.closed {
display: none;
}
.fixed-window-bg---none {
cursor: pointer;
background-color: #0000;
width: 100%;
height: 100%;
position: absolute;
}
.fixed-window-bg---none.closed, .fixed-window-bg---none.closed-copy {
display: none;
}
.pop-up-pedigree-card-content {
background-color: #e5f5fa;
background-image: linear-gradient(177deg, #e5edfd, #fff);
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: center;
width: 100%;
max-width: 325px;
min-height: 25vh;
max-height: 100%;
margin-bottom: 0;
padding: 0;
display: flex;
position: relative;
top: -10px;
overflow: auto;
box-shadow: 0 0 4px 2px #0000002e;
}
.pop-up-pedigree-card-content.advanced-stepper {
border: 1px solid var(--grey);
min-height: 600px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000005;
}
.pop-up-pedigree-card-content.closed {
display: none;
}
.pop-up-pedigree-card-header {
background-color: #0000;
justify-content: flex-end;
min-height: 0;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.pop-up-pedigree-body {
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.pop-up-pedigree-body:hover {
color: var(--grey);
}
.pop-up-pedigree-card-avatar {
border: 1px solid var(--orange);
background-color: var(--grey);
border-radius: 100px;
flex: none;
width: 50px;
height: 50px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.pop-up-pedigree-card-avatar.blue {
border-width: 3px;
border-color: var(--royal-blue);
width: 60px;
height: 60px;
margin-top: -20px;
position: relative;
}
.pop-up-pedigree-card-avatar.blue.hide {
display: none;
}
.div-block-226 {
border-top: 3px none var(--royal-blue);
margin-left: 0;
padding-left: 5px;
display: flex;
}
.pop-up-pedigree-card-footer {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
grid-auto-flow: column;
padding-bottom: 0;
display: grid;
}
.div-block-227 {
background-color: var(--light-grey);
padding: 10px;
}
.pop-up-pedigree-name {
opacity: 1;
color: #575757;
text-align: left;
flex: 0 auto;
position: absolute;
top: 2px;
left: 8px;
}
.pop-up-pedigree-name.stallion-name {
color: var(--royal-blue);
text-align: left;
text-transform: uppercase;
justify-content: center;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.pop-up-pedigree-name.stallion-name:hover {
color: var(--link-blue);
}
.pop-up-pedigree-name.male-name-label {
color: var(--royal-blue);
text-align: left;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 700;
text-decoration: underline;
display: flex;
position: relative;
top: auto;
}
.pop-up-pedigree-action-button {
width: 100%;
min-width: 20px;
min-height: 20px;
box-shadow: none;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 4px 2px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.pop-up-pedigree-action-button:hover {
background-color: var(--white-smoke);
font-family: Roboto Condensed, sans-serif;
font-weight: 300;
}
.pop-up-pedigree-action-button.blue {
flex-direction: column;
}
.pop-up-card-action-icon {
color: var(--orange);
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.pop-up-card-action-icon.alt {
font-weight: 500;
}
.pop-up-card-action-icon.blue {
color: var(--royal-blue);
margin-bottom: 3px;
line-height: 100%;
display: block;
}
.pop-up-card-action-text {
color: var(--royal-blue);
text-align: left;
text-transform: capitalize;
white-space: normal;
margin-left: 5px;
font-size: 11px;
line-height: 100%;
display: block;
}
.pop-up-card-action-text.hide {
color: var(--new-grey);
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: none;
}
.image-33 {
box-shadow: -1px -1px 3px 0 var(--grey);
}
.text-block-185 {
color: var(--royal-blue);
text-transform: uppercase;
margin-right: 10px;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
font-weight: 700;
}
.div-block-228 {
flex-direction: row;
margin-top: 5px;
display: flex;
}
.div-block-229 {
padding-left: 10px;
display: flex;
}
.div-block-230 {
display: flex;
}
.little-list-icon {
background-color: var(--light-grey);
justify-content: center;
align-items: center;
width: 10px;
height: 8px;
font-family: LineAwesome, sans-serif;
font-size: 8px;
font-weight: 600;
display: flex;
position: absolute;
bottom: 5px;
left: 17px;
}
.div-block-231 {
padding-left: 10px;
}
.text-block-186 {
color: var(--royal-blue);
margin-right: 10px;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 700;
}
.text-block-187 {
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.text-block-187:hover {
color: var(--royal-blue);
}
.title-line-4 {
border-bottom: 1px dotted #ccc;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.title-line-accent-4 {
background-color: #f89633;
width: 100px;
height: 1px;
margin-bottom: -1px;
position: absolute;
bottom: 0;
left: 0;
}
.fixed-window-header-3 {
justify-content: space-between;
padding-bottom: 0;
display: flex;
position: relative;
}
.fixed-window-content-3 {
background-color: #fff;
border-radius: 6px;
flex-direction: column;
width: 100%;
max-width: 500px;
min-height: 25vh;
margin-top: 96px;
padding: 20px;
display: flex;
position: relative;
box-shadow: 0 0 4px 2px #0000002e;
}
.fixed-window-body-2 {
flex: 1;
display: none;
}
.fixed-window-bg-2 {
cursor: pointer;
background-color: #ffffffa3;
width: 100%;
height: 100%;
position: absolute;
}
.fixed-window-2 {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.fixed-window-2.closed {
display: none;
}
.div-block-232 {
display: flex;
}
.in-pedigree-table-icon {
align-items: center;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
}
.in-pedigree-table-icon:hover, .in-pedigree-table-icon:active {
color: var(--royal-blue);
}
.in-pedigree-table-icon.pink:hover {
color: var(--pedigree-table-text);
}
.in-pedigree-table-icon.blue {
font-style: normal;
}
.div-block-233 {
display: flex;
}
.in-pedigree-table-icon-2 {
align-items: center;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
}
.in-pedigree-table-icon-2:hover, .in-pedigree-table-icon-2:active {
color: #3b68a7;
}
.in-pedigree-table-icon-2.pink:hover {
color: #ce6086;
}
.div-block-234 {
display: flex;
}
.text-block-188 {
font-family: "Fa 300", sans-serif;
font-size: 16px;
font-weight: 600;
}
.div-block-235 {
width: 325px;
}
.div-block-235-copy {
z-index: 999;
width: 325px;
position: relative;
}
.div-block-236 {
margin-left: 0;
margin-right: 20px;
}
.div-block-237 {
justify-content: flex-start;
width: 100%;
min-width: 100%;
display: flex;
}
.tab-pane-hypomating-pedigree {
padding: 10px 15px;
}
.text-block-189 {
flex: 1;
}
.text-block-174-copy {
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 18px;
font-weight: 600;
display: block;
}
.text-block-174-copy.hide {
display: none;
}
.tab-pane-pedigree---simple {
padding: 10px 15px;
}
.div-block-238 {
align-items: center;
margin-top: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
display: flex;
}
.text-block-190 {
margin-left: 5px;
font-family: Roboto Condensed, sans-serif;
}
.tab-pane-pedigree---interactive {
padding: 10px 15px;
}
.image-34 {
width: auto;
min-width: 100px;
}
.shop-tabs-wrapper-copy {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
}
.pedigree-table-tabs {
flex: 1;
overflow: auto;
}
.div-block-239 {
background-color: #00affa;
height: 3px;
}
.text-block-191 {
font-family: FontAwesome, sans-serif;
font-weight: 900;
}
.div-block-240 {
justify-content: flex-end;
width: 330px;
max-width: 330px;
display: flex;
}
.div-block-241 {
flex: 1;
justify-content: space-between;
align-items: center;
padding-right: 15px;
display: flex;
}
.top-listings-horizontal-copy {
flex-direction: column;
flex: none;
align-self: stretch;
margin-left: 15px;
display: block;
}
.top-listings-horizontal-copy.hide {
display: none;
}
.top-pedigree-section {
flex-direction: column;
flex: none;
align-self: stretch;
margin-left: 0;
display: block;
}
.top-pedigree-section.hide {
display: none;
}
.pedigree-grid-wrapper {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: auto;
grid-auto-columns: minmax(250px, 1fr);
grid-auto-flow: row;
place-content: start stretch;
place-items: stretch stretch;
min-height: auto;
margin-bottom: 15px;
display: grid;
position: relative;
}
.pedigree-grid-wrapper.featured {
grid-auto-flow: column;
}
.pedigree-grid-wrapper.full-width {
grid-template-columns: 24% 24% 24% 24%;
grid-auto-columns: 24%;
}
.pedigree-grid-wrapper.full-width.two-column {
grid-template-columns: 24% 24%;
justify-content: center;
align-self: stretch;
}
.pedigree-title-wrapper {
border-bottom: 1px none var(--grey);
background-color: var(--white);
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: flex-start;
padding: 4px;
font-size: 14px;
display: flex;
position: relative;
}
.tab-link-counter {
margin-left: 3px;
padding-top: 3px;
padding-left: 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 13px;
font-weight: 400;
}
.pedigree-footer-wrapper {
background-color: #fff;
border: 0 solid #000;
border-top: 1px solid #ccc;
justify-content: center;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 5px;
padding: 10px 15px 5px 10px;
display: flex;
}
.pedigree-filters-bar-wrapper {
z-index: 9;
border-style: none none solid;
border-width: 1px;
border-color: var(--grey);
border-radius: 0;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
position: relative;
}
.pedigree-filter-wrapper {
border-top: 1px #000;
flex-direction: column;
flex: 0 auto;
align-self: center;
display: flex;
}
.results-category-title-3 {
color: #24385b;
text-align: left;
text-transform: capitalize;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
display: flex;
position: relative;
}
.results-category-text-4 {
color: #24385b;
text-align: left;
text-transform: capitalize;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
font-family: "Exo 2", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 34px;
}
.action-buttons-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center;
align-self: stretch;
justify-items: center;
margin-bottom: 0;
display: grid;
}
.results-category-wrapper-2 {
border-radius: 8px;
flex-direction: column;
align-self: stretch;
margin-bottom: 10px;
padding: 0 10px 15px;
display: flex;
}
.pedigree-filter-box {
border-top: 1px none var(--grey);
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 0;
align-items: center;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 0;
padding-left: 15px;
display: flex;
}
.horizontal-filter-wrapper {
flex: 1;
align-items: center;
min-height: 22px;
line-height: 14px;
display: flex;
}
.filter-column-2 {
color: #515365;
cursor: pointer;
background-color: #778ca2;
border-bottom: 1px solid #e9ecef;
border-right: 1px solid #e9ecef;
border-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 3px;
margin-right: 3px;
padding-top: 0;
text-decoration: none;
transition: all .2s;
display: inline-block;
position: static;
}
.filter-column-2:hover {
color: #fff;
background-color: #16706b;
}
.filter-column-2.filter-cta {
color: #16706b;
background-color: #0000;
border: 1px #000;
flex: none;
justify-content: flex-start;
align-self: stretch;
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 5px;
display: flex;
position: relative;
}
.filter-column-2.filter-cta:hover {
color: #fff;
}
.filter-column-2.filter-cta.alt {
background-color: #0000;
border-style: none;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.add-filter-text-2 {
color: #778ca2;
text-align: left;
text-transform: none;
background-color: #fff;
border: 1px solid #778ca2;
border-radius: 4px;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding: 8px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
text-decoration: none;
display: block;
}
.add-filter-text-2.filter-dropdown {
align-self: center;
width: 100%;
height: 30px;
margin-left: 0;
padding-right: 30px;
}
.add-filter-text-2.save-filter-results {
color: #fff;
background-color: #16706b;
align-self: center;
}
.add-filter-text-2.save-filter-results.hide {
display: none;
}
.dropdown-list-6 {
filter: blur(5px);
top: 0;
}
.dropdown-list-6.w--open {
z-index: -1;
background-color: #fff;
border: 1px solid #ccc;
top: 26px;
}
.quick-add-form {
position: relative;
}
.logo-container-2 {
color: #515365;
flex-direction: row;
flex: none;
align-self: center;
align-items: center;
max-width: 200px;
height: 36px;
text-decoration: none;
display: flex;
}
.logo-container-2.w--current {
width: 200px;
}
.table-quick-add-cancel-2 {
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-color: #a00606;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
height: 30px;
margin-top: 5px;
margin-left: 2px;
margin-right: 2px;
padding: 0 10px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.quick-add-input-field-2 {
color: #888da8;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
flex: none;
align-self: center;
align-items: center;
width: 100%;
max-width: 100%;
height: 30px;
max-height: 30px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
font-family: Poppins, sans-serif;
font-size: 11px;
line-height: 21px;
display: flex;
}
.main-4 {
z-index: 1;
background-color: #fff;
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: stretch;
transition: all .2s;
display: flex;
position: relative;
overflow: auto;
}
.actions-dropdown-3 {
opacity: 1;
flex: none;
align-self: center;
margin-left: 5px;
margin-right: 0;
text-decoration: none;
}
.actions-dropdown-3.main-action {
align-self: stretch;
margin-left: 10px;
margin-right: 10px;
}
.actions-dropdown-3.main-action.item-action {
align-self: center;
margin-bottom: 0;
margin-left: 0;
}
.actions-dropdown-3.alt {
z-index: auto;
flex: none;
justify-content: flex-end;
margin-left: 0;
display: flex;
}
.actions-dropdown-3.alt.print {
z-index: auto;
flex: 1;
}
.table-quick-add-submit-2 {
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-color: #16706b;
border-radius: 2px;
justify-content: center;
align-self: center;
align-items: center;
height: 30px;
margin-top: 5px;
margin-left: 10px;
margin-right: 2px;
padding: 0 10px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
display: flex;
}
.save-filter-results-2 {
color: #778ca2;
cursor: pointer;
background-color: #0000;
border: 1px solid #778ca2;
border-radius: 2px;
align-items: center;
width: auto;
margin-left: 3px;
margin-right: 8px;
padding: 3px 20px 3px 7px;
font-family: Poppins, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: inline-block;
position: relative;
}
.save-filter-results-2:hover {
color: #fff;
background-color: #16706b;
}
.save-filter-results-2.saved-list {
margin-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 11px;
line-height: 14px;
}
.save-filter-results-2.clear-filters {
color: #778ca2;
border-style: none;
flex: none;
align-self: center;
text-decoration: underline;
display: inline-block;
}
.save-filter-results-2.clear-filters:hover {
background-color: #0000;
}
.save-filter-results-2.clear-filters.hide {
display: flex;
}
.table-body-text-3 {
color: #778ca2;
text-align: left;
text-transform: none;
flex: 0 auto;
align-content: center;
align-items: center;
margin-right: 3px;
font-size: 13px;
line-height: 14px;
text-decoration: none;
display: flex;
}
.table-row-checkbox-2 {
cursor: pointer;
background-color: #0000;
align-self: center;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
position: static;
inset: 0% auto auto 0%;
}
.table-row-checkbox-2.w--redirected-checked {
background-color: #f89633;
border-color: #ccc;
}
.table-container {
border-radius: 5px;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 400px;
display: flex;
position: relative;
}
.clone-row-helper {
text-transform: uppercase;
background-color: red;
padding-left: 5px;
padding-right: 5px;
font-size: 9px;
line-height: 14px;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
}
.table-header-action-link-dropdown {
color: #778ca2;
margin-left: 0;
font-family: LineAwesome, sans-serif;
font-size: 25px;
font-weight: 600;
text-decoration: none;
}
.table-header-action-link-dropdown.small {
font-size: 20px;
}
.success-message-2 {
background-color: #16706b;
height: 100%;
padding-top: 16px;
position: absolute;
inset: 0%;
}
.page-action-link-2 {
color: #515365;
padding-left: 10px;
padding-right: 10px;
}
.clone-row {
border: 1px solid #bf0909;
flex-direction: column;
display: flex;
position: relative;
}
.table-header-text-2 {
color: #778ca2;
text-transform: uppercase;
flex: none;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
}
.quicksearch-2 {
color: #778ca2;
border: 1px solid #778ca2;
border-radius: 4px;
flex: 1;
align-self: center;
width: 100%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
font-size: 14px;
line-height: 20px;
display: block;
}
.quicksearch-2::placeholder {
color: #778ca2;
font-family: Poppins, sans-serif;
font-size: 11px;
}
.breadcrumb-arrow-2 {
align-self: center;
margin-bottom: 0;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
.table-quick-add-2 {
z-index: 9;
color: #fff;
cursor: pointer;
background-color: #16706b;
border-radius: 100px;
justify-content: center;
align-self: center;
align-items: center;
width: 20px;
height: 20px;
margin-top: 0;
margin-right: 2px;
padding: 0 0 0 1px;
font-family: LineAwesome, sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: flex;
position: absolute;
top: -11px;
left: 6px;
box-shadow: 0 0 2px #00000070;
}
.pet-card-image {
object-fit: cover;
height: 100%;
}
.error-message-3 {
background-color: #990505;
margin-top: 0;
padding-top: 15px;
padding-bottom: 5px;
position: absolute;
inset: 0%;
}
.page-action-toggle-2 {
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-color: #299892;
border: 1px solid #16706b;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
font-size: 13px;
line-height: 15px;
transition: background-color .2s;
display: flex;
overflow: hidden;
}
.page-action-toggle-2:hover {
background-color: #16706b;
}
.page-action-toggle-2.checkin {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
padding-left: 15px;
}
.page-action-toggle-2.checkout {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 10px;
padding-right: 15px;
}
.filter-search-icon-2 {
color: #888da8;
justify-content: center;
align-items: center;
margin-right: 10px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
display: flex;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.image-35 {
align-self: flex-start;
height: 75px;
margin-top: 40px;
margin-bottom: 40px;
}
.text-block-192 {
color: #fff;
text-transform: none;
margin-left: 5px;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-weight: 400;
display: inline-block;
}
.text-block-192.alt-color {
color: #778ca2;
text-transform: capitalize;
flex: 1;
font-size: 12px;
font-weight: 500;
}
.file-upload-2 {
color: #778ca2;
flex-flow: column wrap;
flex: 1;
justify-content: center;
align-self: stretch;
height: 30px;
margin-bottom: 0;
font-size: 11px;
display: flex;
overflow: visible;
}
.filter-container-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-bottom: 1px solid #e9ecef;
flex-wrap: nowrap;
grid-template-rows: 46px;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-template-areas: ".";
grid-auto-columns: minmax(60px, 1fr);
grid-auto-flow: column;
place-content: center flex-start;
place-items: stretch center;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.filter-container-2.filters {
z-index: 1;
background-color: #0000;
border-bottom-style: none;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
min-height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
position: static;
}
.filter-container-2.filters.horizontal {
flex-direction: row;
flex: 1;
justify-content: flex-end;
}
.page-content-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
padding: 10px 25px 25px;
display: block;
position: relative;
}
.filter-dropdown-list {
top: 100%;
}
.table-loader {
z-index: 9999;
opacity: 1;
background-color: #fff;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.breadcrumb-4 {
color: #fff;
flex: 0 auto;
align-self: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
display: block;
}
.breadcrumb-4.grey {
color: #515365;
font-size: 12px;
}
.breadcrumb-4.grey.current {
color: #16706b;
font-size: 15px;
font-weight: 600;
}
.breadcrumb-4.base {
text-transform: capitalize;
}
.breadcrumb-4.filter-number {
color: #16706b;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
align-self: flex-start;
margin-left: 0;
margin-right: 10px;
padding-left: 0;
padding-right: 9px;
font-size: 13px;
font-style: italic;
font-weight: 400;
position: relative;
}
.table-row-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-bottom: 1px solid #e9ecef;
flex-wrap: nowrap;
grid-template-rows: 46px;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-template-areas: ".";
grid-auto-columns: minmax(60px, 1fr);
grid-auto-flow: column;
place-content: center flex-start;
place-items: stretch center;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.table-row-2.body-row {
border-bottom-width: 1px;
border-bottom-color: #e9ecef;
border-left: 1px solid #e9ecef;
border-right: 1px solid #e9ecef;
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 0 0 10px;
transition: all .2s;
position: relative;
}
.table-row-2.body-row:hover {
background-color: #e9ecef52;
transform: none;
}
.table-row-2.body-row.quickadd {
background-color: #f7f7f7;
}
.table-row-2.header {
background-color: #f7f7f7;
border: 1px solid #ccc;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 0 0 0 10px;
position: relative;
}
.left-header-container-2 {
color: #515365;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
margin-left: 20px;
display: flex;
position: relative;
}
.left-header-container-2.dashboard {
flex: 0 auto;
align-self: stretch;
align-items: stretch;
}
.subheader-container-2 {
z-index: 10;
flex: none;
justify-content: space-between;
align-self: stretch;
width: 100%;
height: 40px;
padding-right: 20px;
display: flex;
position: relative;
}
.table-settings-dropdown-toggle {
color: #ccc;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 5px 0;
transition: all .2s;
display: flex;
}
.table-settings-dropdown-toggle.w--open {
color: #16706b;
}
.table-settings-dropdown-toggle.print {
padding-left: 0;
padding-right: 0;
}
.table-select-all-checkbox-2 {
cursor: pointer;
background-color: #0000;
align-self: center;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
position: static;
inset: 0% auto auto 0%;
}
.table-select-all-checkbox-2.w--redirected-checked {
background-color: #f89633;
border-color: #ccc;
}
.page-action-dropdown-2 {
z-index: 10;
background-color: #fff;
border: 1px solid #778ca2;
border-radius: 6px;
flex-direction: column;
width: 250px;
margin-top: -10px;
padding: 10px;
display: block;
position: absolute;
top: 100%;
box-shadow: 1px 1px 3px #00000045;
}
.page-action-dropdown-2.closed {
display: none;
}
.grip-2 {
opacity: 0;
color: #ccc;
letter-spacing: -3px;
cursor: grab;
font-family: LineAwesome, sans-serif;
font-size: 7px;
font-weight: 600;
line-height: 6px;
display: block;
position: absolute;
left: 0;
}
.grip-2:hover {
color: #778ca2;
}
.search-6 {
flex-flow: row;
flex: none;
align-content: center;
align-self: center;
align-items: baseline;
width: 100%;
min-width: 200px;
max-width: 300px;
height: 45px;
margin-bottom: 10px;
display: block;
position: relative;
}
.search-6.alt {
height: 30px;
margin-bottom: 0;
}
.pet-card-image-container {
background-color: #ccc;
border-radius: 6px;
align-self: flex-start;
width: 60px;
min-width: 60px;
height: 42px;
min-height: 42px;
display: block;
position: relative;
overflow: hidden;
}
.form-block-10 {
margin-bottom: 0;
}
.form-10 {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: stretch;
display: flex;
}
.select-field-2 {
width: auto;
margin-bottom: 0;
}
.select2-field-copy {
border: 1px solid var(--grey);
background-color: var(--white);
width: 100%;
height: 35px;
min-height: 0;
color: var(--black-2);
border-radius: 3px;
margin-bottom: 10px;
font-size: 12px;
}
.select-field-3 {
border-radius: 4px;
align-items: center;
height: 35px;
line-height: 100%;
display: flex;
}
.image-4-copy {
border: 1px solid var(--grey);
border-radius: 4px;
align-self: flex-start;
width: auto;
height: 159.609px;
min-height: 31%;
}
.image-36 {
height: 40px;
}
.div-block-242 {
display: flex;
}
.user-handle-copy {
text-align: left;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
margin-left: 0;
margin-right: 1px;
padding-top: 2px;
padding-bottom: 2px;
font-family: Lato, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 100%;
}
.verified-badge {
color: var(--pedigree-table-text);
font-family: "Fa solid 900", sans-serif;
font-size: 14px;
font-weight: 400;
}
.div-block-243 {
align-items: center;
display: flex;
}
.parent-navigation-section {
border-bottom: 1px solid #ededed;
flex-direction: column;
align-self: stretch;
align-items: stretch;
margin-bottom: 10px;
display: flex;
}
.main-navigation-section-toggle {
color: var(--new-grey);
cursor: pointer;
background-color: #0000;
align-items: center;
margin-bottom: -1px;
padding: 5px 15px;
transition: color .2s;
display: flex;
position: relative;
}
.main-navigation-section-toggle:hover {
background-color: var(--light-grey);
color: var(--dodger-blue);
}
.main-navigation-section-toggle:active {
color: var(--new-grey);
background-color: #0000;
font-weight: 700;
}
.main-navigation-section-toggle.active {
color: var(--deep-pink);
}
.navigation-section-toggle-text {
text-transform: none;
flex: 1;
font-size: 14px;
font-weight: 500;
}
.navigation-section-toggle-icon-wrapper {
perspective: 2000px;
transform-origin: 50%;
color: #3330;
justify-content: center;
align-items: center;
width: auto;
min-width: 0;
max-width: 20px;
height: auto;
min-height: 0;
max-height: 20px;
display: flex;
position: relative;
right: 0;
}
.navigation-section-toggle-icon {
color: var(--new-grey);
border-bottom: 1px #333;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
padding: 0;
font-family: LineAwesome, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
transition: transform .2s;
display: flex;
position: relative;
}
.navigation-section-toggle-icon.rotate {
transform: rotate(90deg);
}
.main-navigation-section-dropdown {
flex-direction: column;
align-self: stretch;
margin-bottom: 5px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.main-navigation-section-dropdown.closed {
height: 0;
margin-bottom: 5px;
overflow: hidden;
}
.main-navigation-section-dropdown.hide {
display: none;
}
.main-navigation-menu-box {
border-left: 1px none var(--light-grey);
border-radius: 0;
flex-direction: column;
flex: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 25px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
overflow: hidden;
}
.main-navigation-menu-box.hide {
display: none;
}
.sub-navigation-menu-item-dropdown {
padding-left: 0;
padding-right: 0;
}
.sub-navigation-menu-item-dropdown:hover {
background-color: #0000;
}
.sub-navigation-menu-item-dropdown.closed {
display: none;
}
.sub-nav-menu-item-toggle {
color: var(--new-grey);
cursor: pointer;
background-color: #0000;
align-items: center;
padding: 5px 15px 5px 5px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.sub-nav-menu-item-toggle:hover {
background-color: var(--light-grey);
color: var(--orange);
}
.sub-nav-menu-item-toggle.w--current {
color: var(--orange);
}
.sub-nav-menu-item-toggle.current {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: var(--orange);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.navigation {
object-fit: contain;
object-position: 50% 50%;
background-color: #fff;
border: 1px solid #e9e9e9;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: none;
}
.navigation.home {
padding: 3px;
}
.menu-nav-toggle-image {
object-fit: contain;
object-position: 50% 50%;
background-color: #fff;
border: 1px solid #e9e9e9;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 5px;
font-family: LineAwesome, sans-serif;
font-size: 20px;
font-weight: 600;
display: block;
}
.menu-nav-toggle-image.home {
padding: 3px;
}
.menu-nav-toggle-image.hide {
display: none;
}
.nav-menu-toggle-text {
flex: 1;
margin-right: 5px;
font-size: 13px;
font-weight: 500;
line-height: 100%;
}
.nav-menu-toggle-results {
opacity: 1;
min-width: 15px;
height: 15px;
color: var(--dodger-blue);
text-align: right;
text-transform: capitalize;
background-color: #cccccc70;
border-radius: 100px;
flex: 0 auto;
align-items: center;
margin-right: 5px;
padding: 5px 8px;
font-family: Roboto Condensed, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 20px;
display: flex;
}
.nav-menu-toggle-arrow {
width: 10px;
margin-right: 2px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
}
.nav-menu-toggle-arrow.rotate {
transform: rotate(-180deg);
}
.nav-menu-toggle-arrow.invisible {
color: #0000;
}
.div-block-244 {
flex: 1;
display: flex;
}
.sub-navigation-list-box {
border-left: 1px none var(--light-grey);
border-radius: 0;
flex-direction: column;
flex: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
overflow: hidden;
}
.sub-navigation-list-box.hide {
display: none;
}
.sub-navigation-section-dropdown {
flex-direction: column;
align-self: stretch;
margin-bottom: 5px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.sub-navigation-section-dropdown.closed {
height: 0;
margin-bottom: 5px;
overflow: hidden;
}
.sub-navigation-section-dropdown.hide {
display: none;
}
.sub-navigation-menu-item-dropdown-copy {
padding-left: 0;
padding-right: 0;
}
.sub-navigation-menu-item-dropdown-copy:hover {
background-color: #62799b1a;
}
.sub-navigation-list-container {
border-left: 1px solid var(--light-grey-3);
border-radius: 0;
flex-direction: column;
flex: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
overflow: hidden;
}
.sub-navigation-list-container.hide {
display: none;
}
.sub-navigation-menu-box {
border-left: 1px none var(--light-grey);
border-radius: 0;
flex-direction: column;
flex: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
overflow: hidden;
}
.sub-navigation-menu-box.hide {
display: none;
}
.database-tab-bar {
flex-direction: column;
display: flex;
}
.database-tabs {
border-bottom: 1px solid var(--dodger-blue);
flex: 1;
align-items: flex-end;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 0;
display: flex;
}
.database-tab {
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--light-grey), var(--grey));
color: #333;
cursor: pointer;
border: 1px solid #ccc;
border-bottom-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
justify-content: center;
align-items: center;
min-height: 30px;
margin-bottom: 0;
margin-right: 2px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
transition: color .2s, border-color .2s, background-color .2s, margin .2s, height .2s;
display: flex;
position: relative;
}
.database-tab:hover {
color: #00affa;
border-style: solid solid none;
border-color: #198df7;
}
.database-tab:active {
color: var(--white);
background-color: #00affa;
}
.database-tab.active {
z-index: 1;
border-width: 1px;
border-color: var(--dodger-blue);
min-height: 30px;
color: var(--white);
background-color: #00affa;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: -1px;
margin-right: 2px;
padding-top: 4px;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
position: relative;
}
.database-tab.supplier-button {
background-color: #e7e7e700;
border-style: solid;
border-color: #ccc;
border-radius: 4px;
margin-bottom: 2px;
}
.database-tab-title {
display: flex;
}
.databse-tab-link-text-copy {
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 400;
}
.duo-tone-icon {
margin-right: 5px;
font-size: 20px;
line-height: 20px;
}
.fa-duo-tone {
color: var(--royal-blue);
font-family: "Fa duotone 900", sans-serif;
font-size: 20px;
line-height: 20px;
position: absolute;
inset: 0% auto auto 0%;
}
.fa-duo-tone.fa-secondary-layer {
color: var(--pedigree-table-text);
}
.image-37 {
width: 16px;
height: 16px;
}
.page-padding-3 {
padding-left: 5%;
padding-right: 5%;
}
.gallery9_image-wrapper {
width: 100%;
height: 100%;
padding-top: 100%;
position: relative;
}
.gallery9_image-wrapper-large {
width: 100%;
height: 100%;
position: relative;
}
.text-size-medium-2 {
font-size: 1.125rem;
}
.gallery9_lightbox-link {
width: 100%;
height: 100%;
}
.gallery9_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.gallery9_component {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery9_component.hide {
display: none;
}
.product-header3_accordion-wrapper {
border-bottom: 1px solid #000;
}
.error-state {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.product-header3_image-wrapper {
width: 100%;
padding-top: 80%;
position: relative;
}
.product-header3_rating-wrapper {
margin-right: .5rem;
display: flex;
}
.breadcrumb-divider-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-right: .5rem;
display: flex;
}
.product-header3_gallery {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
position: sticky;
top: 60px;
}
.product-header3_layout {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.product-header3_main-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.product-header3_accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.field-label-3 {
margin-bottom: .5rem;
font-weight: 400;
}
.button-secondary {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem;
}
.button-secondary.is-buy-now-button {
width: 100%;
margin-bottom: 1rem;
}
.button-6 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem;
}
.button-6.is-add-to-cart-button {
width: 100%;
margin-top: .5rem;
margin-bottom: 1rem;
}
.button-6.is-secondary {
color: #0000;
background-color: #0000;
}
.button-6.is-small {
padding: .5rem 1.25rem;
}
.product-header3_lightbox-link {
width: 100%;
display: block;
}
.product-header3_main-image-wrapper {
width: 100%;
padding-top: 80%;
position: relative;
}
.heading-small-4 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.variant-button-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex;
}
.product-header3_details {
overflow: hidden;
}
.form-input-2 {
color: #0000;
background-color: #0000;
border: 1px solid #0000;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form-input-2:focus {
border-color: #000;
}
.form-input-2::placeholder {
color: #0009;
}
.form-input-2.is-quantity-input {
width: 4rem;
}
.form-input-2.is-quantity-input::placeholder {
color: #0000;
}
.form-input-2.is-select-input {
background-color: #0000;
background-image: none;
}
.product-header3_accordion-icon {
align-self: flex-start;
width: 1.5rem;
margin-left: 1.5rem;
}
.product-header3_breadcrumb {
align-items: center;
width: 100%;
margin-bottom: 1.5rem;
font-size: .875rem;
display: flex;
}
.variant-button {
color: #0000;
background-color: #0000;
border-style: solid;
border-width: 1px;
padding: .5rem 1rem;
display: inline-block;
}
.variant-button.is-disabled {
opacity: .25;
}
.variant-button.is-active {
color: #0000;
background-color: #0000;
border-color: #0000;
}
.product-header3_component {
padding-bottom: 3rem;
}
.product-header3_rating-icon {
color: #0000;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-right: .25rem;
display: flex;
}
.product-header3_text-divider {
background-color: #0000;
width: 1px;
height: auto;
margin-left: 1rem;
margin-right: 1rem;
}
.heading-large-2 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.product-header3_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.product-header3_heading {
cursor: pointer;
border-top: 1px solid #000;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.product-header3_default-state {
margin-bottom: 2rem;
}
.product-header3_option {
margin-bottom: 1.5rem;
}
.product-header3_reviews-wrapper {
align-items: center;
display: flex;
}
.breadcrumb-link {
color: #0000;
text-decoration: none;
}
.breadcrumb-link.w--current {
font-weight: 600;
}
.product-header3_form-wrapper {
grid-template-rows: auto;
grid-template-columns: max-content max-content;
grid-auto-columns: 1fr;
display: flex;
}
.product-header3_variant-wrapper {
flex: 1;
margin-right: 1rem;
}
.product-header3_list {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.product-header3_price-wrapper {
display: flex;
}
.section-6 {
width: 99%;
max-width: 100%;
margin-top: 18px;
margin-left: auto;
margin-right: auto;
}
.image-38 {
text-align: center;
width: 95%;
max-width: 1380px;
margin-left: 34px;
margin-right: auto;
}
.section-7 {
max-width: 1400px;
}
.heart-icon {
color: #f51b65;
width: 20px;
height: 20px;
margin-right: 3px;
}
.text-icon.fa-400 {
font-family: "Fa 400", sans-serif;
}
.text-icon.fa-400._20px {
width: auto;
height: auto;
font-size: 20px;
}
.text-icon.fa-400._18px {
color: var(--new-grey);
font-size: 18px;
}
.post-action-stat {
width: auto;
height: auto;
color: var(--new-grey);
align-self: center;
margin-left: 5px;
margin-right: 0;
font-size: 14px;
font-weight: 500;
}
.post-comments-widget {
border: 1px none var(--light-grey-3);
border-radius: 4px;
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 15px;
position: relative;
}
.post-comment-section-label {
color: var(--darkblue);
text-transform: capitalize;
text-shadow: none;
flex: 1;
font-size: 14px;
font-weight: 500;
line-height: 120%;
}
.post-comment_dropdown {
background-color: var(--white);
border-top: 1px solid #cccccc24;
flex-direction: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 10px 0 0;
display: flex;
}
.post-comment_dropdown.subwidget-dropdown-inner {
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.div-block-245 {
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-block-193 {
flex: 1;
}
.dropdown-toggle-6 {
padding-top: 0;
padding-bottom: 0;
padding-right: 20px;
}
.icon-11 {
margin-right: 0;
}
.blog30_meta-wrapper {
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.blog30_item {
border: 1px solid #0000;
}
.blog30_image-wrapper {
width: 100%;
padding-top: 56.25%;
position: relative;
overflow: hidden;
}
.blog30_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog30_dropdown {
margin-left: 0;
margin-right: 0;
}
.blog30_dropdown-toggle {
border: 1px solid #0000;
min-width: 12.5rem;
padding: .75rem 3rem .75rem 1rem;
}
.blog30_component {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.blog30_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.blog30_dropdown-list {
padding-top: .75rem;
padding-bottom: .75rem;
}
.blog30_dropdown-list.w--open {
background-color: #0000;
border-bottom: 1px solid #0000;
border-left: 1px solid #0000;
border-right: 1px solid #0000;
}
.heading-medium-2 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.text-size-regular-2 {
font-size: 1rem;
}
.blog30_category {
background-color: #0000;
margin-right: 1rem;
padding: .25rem .5rem;
display: flex;
}
.blog30_list {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.button-link {
color: #0000;
background-color: #0000;
align-items: center;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
display: flex;
}
.button-link.with-icon {
grid-column-gap: .5rem;
}
.blog30_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog30_dropdown-icon {
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.blog30_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.blog30_title-wrapper {
margin-bottom: 1rem;
}
.blog30_dropdown-link {
padding: .75rem 1rem;
}
.blog30_dropdown-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.dropdown-toggle-7, .dropdown-toggle-7.w--open {
padding-top: 0;
padding-bottom: 0;
padding-right: 20px;
}
.icon-12 {
margin-top: auto;
margin-bottom: auto;
margin-right: 0;
}
.dropdown-list-7 {
background-color: var(--white);
}
.dropdown-list-7.w--open {
border: 1px solid #000;
}
.dropdown-3 {
align-items: center;
display: flex;
inset: 0% 0% auto;
}
.dropdown-link-4 {
padding-top: 5px;
padding-bottom: 5px;
}
.dropdown-link-5 {
padding-top: 5px;
padding-bottom: 6px;
}
.dropdown-link-6 {
padding-top: 5px;
padding-bottom: 5px;
}
.post-comments-widget-toggle {
z-index: 1;
border-bottom: 1px solid var(--light-grey-3);
background-color: var(--white);
min-height: 40px;
box-shadow: none;
color: var(--new-grey);
cursor: pointer;
background-image: none;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
padding: 7px 20px;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: visible;
}
.post-comments-widget-toggle:hover {
background-color: var(--white);
color: var(--new-grey);
background-image: none;
}
.post-comments-widget-toggle:active {
background-image: none;
}
.post-comments-widget-toggle.subwidget-toggle {
background-color: var(--white);
min-height: 20px;
box-shadow: none;
border: 1px #000;
padding: 2px 0;
}
.post-comments-widget-toggle.subwidget-toggle.gray.center {
justify-content: center;
padding-right: 5px;
}
.post-comments-widget-toggle.white {
background-color: var(--white);
}
.post-comments-widget-toggle.gray {
background-color: var(--light-grey);
}
.parent-comment-section {
border-bottom: 1px #ededed;
flex-direction: column;
align-self: stretch;
align-items: stretch;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.post-comment-replies {
border: 1px solid var(--light-grey-3);
border-radius: 4px;
align-self: center;
width: 100%;
max-width: none;
margin-bottom: 15px;
position: relative;
box-shadow: 0 0 4px #00000026;
}
.comment-reply-toggle {
color: var(--new-grey);
cursor: pointer;
background-color: #0000;
align-items: center;
padding: 5px 15px 5px 5px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.comment-reply-toggle:hover {
background-color: var(--light-grey);
color: var(--orange);
}
.comment-reply-toggle.w--current {
color: var(--orange);
}
.comment-reply-toggle.current {
background-image: linear-gradient(to right, var(--orange), var(--deep-pink));
color: var(--orange);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.comment-toggle-arrow {
width: 10px;
margin-right: 2px;
font-family: LineAwesome, sans-serif;
font-size: 11px;
font-weight: 600;
transition: transform .2s;
}
.comment-toggle-arrow.rotate {
transform: rotate(-180deg);
}
.comment-toggle-arrow.invisible {
color: #0000;
}
.comment-reply-dropdown {
flex-direction: column;
align-self: stretch;
margin-bottom: 5px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.comment-reply-dropdown.closed {
height: 0;
margin-bottom: 5px;
overflow: hidden;
}
.comment-reply-dropdown.hide {
display: none;
}
.sub-navigation-section-toggle {
color: var(--new-grey);
cursor: pointer;
background-color: #0000;
align-items: center;
margin-bottom: -1px;
padding: 5px 15px 5px 5px;
transition: color .2s;
display: flex;
position: relative;
}
.sub-navigation-section-toggle:hover {
background-color: var(--light-grey);
color: var(--dodger-blue);
}
.sub-navigation-section-toggle:active {
color: var(--new-grey);
background-color: #0000;
font-weight: 700;
}
.sub-navigation-section-toggle.active {
color: var(--deep-pink);
}
.text-block-194 {
border: 1px solid var(--deep-pink);
color: var(--deep-pink);
border-radius: 3px;
margin-right: 0;
padding: 0 10px;
font-weight: 600;
}
.div-block-246, .div-block-247 {
display: flex;
}
.div-block-248 {
background-color: var(--deep-pink);
border-radius: 3px;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
padding-left: 5px;
display: flex;
overflow: visible;
}
.table7_pagination {
justify-content: center;
margin-top: 2rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.table7_accordion-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.table7_accordion-content {
cursor: pointer;
background-color: #f4f4f4;
display: flex;
overflow: hidden;
}
.table7_content {
border: 1px solid #000;
border-bottom-style: none;
flex-direction: column;
overflow: auto;
}
.table7_accordion-row {
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
padding-left: 2rem;
display: flex;
}
.table7_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
display: flex;
}
.table7_page-button {
border: 1px solid #0000;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-left: auto;
margin-right: auto;
padding: .5rem 1rem;
display: flex;
}
.table7_page-button.w--current {
border-color: #0000;
}
.table7_accordion {
overflow: hidden;
}
.table7_button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #0000;
border: 1px solid #0000;
border-radius: 0;
justify-content: center;
align-items: center;
min-width: 6.5rem;
min-height: 2.5rem;
padding: .5rem 1.25rem;
font-size: 1rem;
line-height: 1.5;
display: flex;
}
.table7_button.is-previous {
justify-content: flex-start;
margin-right: auto;
}
.table7_button.is-next {
justify-content: flex-end;
margin-left: auto;
}
.table7_item {
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
}
.table7_accordion-content-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
display: grid;
}
.table7_accordion-image-wrapper {
width: 100%;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
}
.table7_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 5rem;
position: relative;
}
.table7_pagination-page-button-wrapper {
align-items: center;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
}
.table7_header-row {
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
padding-left: 1rem;
display: flex;
}
.table7_icon {
width: 1.5rem;
height: 1.5rem;
margin-left: -2.5rem;
margin-right: 1rem;
position: relative;
}
.table7_button-holder {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.table7_column {
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: center;
min-height: 5rem;
padding: 1rem 1.5rem;
display: flex;
}
.table7_column.is-header-column {
min-height: auto;
}
.table7_column.is-image-column {
padding-top: 0;
padding-bottom: 0;
}
.table7_column.is-accordion-column {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.table7_header-link {
align-items: center;
padding-right: 1rem;
display: flex;
position: relative;
}
.table7_header-link:hover {
background-image: none;
background-position: 100%;
background-repeat: no-repeat;
}
.text-size-large-2 {
font-size: 1.25rem;
}
.product-header3_list-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.product2_image-wrapper {
width: 100%;
padding-top: 120%;
position: relative;
overflow: hidden;
}
.product2_left {
margin-right: 1rem;
}
.quick-view-footer {
border-top: 1px solid #ccc;
justify-content: center;
align-items: center;
width: 40%;
margin-top: 5px;
padding-top: 28px;
padding-bottom: 28px;
display: flex;
position: absolute;
bottom: 0;
left: auto;
right: 0;
}
.quick-view-wrapper {
padding: 12px;
position: absolute;
inset: auto 0% 0% auto;
}
.quick-view-info {
width: 40%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.close-button {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/632117689298aa36a1186690_IcRoundClose.svg");
background-position: 0 0;
background-size: auto;
border-radius: 100px;
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: 12px;
padding: 8px;
position: absolute;
top: auto;
right: 0%;
}
.product2_text-link {
justify-content: space-between;
text-decoration: none;
display: flex;
}
.pop-up-wrapper {
z-index: 998;
background-color: #0000;
justify-content: center;
align-items: center;
font-family: Lato, sans-serif;
display: flex;
position: fixed;
inset: 0%;
}
.pop-up-wrapper.closed {
display: none;
}
.pop-up.quick-view-popup {
text-align: center;
background-color: #f4f4f4;
border-radius: 3px;
flex-wrap: wrap;
justify-content: center;
width: 100%;
max-width: 1135px;
min-height: 200px;
max-height: 96vh;
display: flex;
position: relative;
box-shadow: 0 0 4px #0000004d;
}
.button-7 {
color: #fff;
text-align: center;
background-color: #000;
border: 1px solid #000;
padding: .75rem 1.5rem;
}
.button-7.is-secondary {
color: #000;
background-color: #0000;
}
.product2_item {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: flex;
}
.product-header3_gallery-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
align-items: start;
width: 60%;
display: grid;
}
.pop-up-background {
background-color: #0006;
position: fixed;
inset: 0%;
}
.product2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.div-block {
flex-direction: column;
align-items: flex-start;
margin-top: 35px;
padding-top: 10px;
padding-left: 20px;
display: flex;
}
.margin-top-auto {
margin-top: auto;
}
.badge.quick-view-badge {
z-index: 2;
color: #fff;
background-color: #969392;
border-radius: 10px;
height: 21px;
padding: 3px 10px;
font-size: 9px;
font-weight: 700;
line-height: 16px;
position: absolute;
inset: 20px auto auto 20px;
}
.quick-view-button {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/5e163b61496c0197f131f4c9/632117689298aab50318668f_TablerMaximize.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 100px;
width: 36px;
height: 36px;
}
.modal1_background-overlay {
z-index: -1;
background-color: #00000040;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modal1_component {
z-index: 99;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.modal1_content-wrapper {
background-color: #0000;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 48rem;
height: auto;
max-height: 80vh;
padding: 4rem;
overflow: scroll;
}
.modal-content-replace-this-div {
border: 2px dashed #0000001a;
width: 100%;
height: 150vh;
}
.modal1_close-button {
position: absolute;
top: 1rem;
right: 1rem;
}
.modal2_content-wrapper {
background-color: #0000;
width: 100%;
max-width: 40rem;
height: 100vh;
padding: 5rem 4rem;
position: absolute;
overflow: scroll;
}
.modal2_close-button {
position: absolute;
top: 1rem;
right: 1rem;
}
.modal2_background-overlay {
z-index: -1;
background-color: #00000040;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modal2_component {
z-index: 99;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.window-wrapper {
z-index: 9999;
opacity: 1;
justify-content: center;
align-items: flex-start;
transition: z-index, opacity .2s;
display: flex;
position: fixed;
inset: 73px 0% 0%;
}
.window-wrapper.closed {
z-index: -9999;
opacity: 0;
transition-duration: .2s, .2s;
display: none;
}
.modal-background {
cursor: pointer;
background-color: #ffffffe8;
width: 100%;
height: 100%;
position: absolute;
}
.modal-background.closed, .modal-background.closed-copy {
display: none;
}
.modal-background.transparent {
background-color: #0000;
}
.modal-overflow {
flex-direction: column;
align-self: stretch;
align-items: center;
width: 100%;
max-width: none;
margin-top: 29px;
margin-bottom: 30px;
padding: 25px 15px 20px;
display: flex;
position: relative;
}
.modal-content {
background-color: var(--white);
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: center;
width: auto;
max-width: 1000px;
min-height: 25vh;
max-height: 100%;
margin-bottom: 0;
padding: 20px 0;
display: flex;
position: relative;
top: -10px;
overflow: auto;
box-shadow: 0 0 4px 2px #0000002e;
}
.modal-content.advanced-stepper {
border: 1px solid var(--grey);
min-height: 600px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000005;
}
.modal-content.closed {
display: none;
}
.modal-content.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.modal-close-button {
z-index: 999;
width: 25px;
height: 25px;
box-shadow: none;
color: var(--new-grey);
cursor: pointer;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
text-decoration: none;
transition: color .2s, opacity .2s;
display: flex;
position: absolute;
top: 5px;
right: 4px;
}
.modal-close-button:hover {
color: var(--orange);
}
.modal-header {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
}
.modal-body {
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.icon_download_solid {
width: 1rem;
height: 1rem;
color: var(--deep-pink);
}
.html-embed-5 {
font-family: "Fa duotone 900", sans-serif;
overflow: visible;
}
.page-section-header-bg-2 {
opacity: .19;
color: #5e9cf7;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#629ff8, #fff);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 2px #a7d500;
flex-direction: column;
justify-content: center;
align-items: center;
height: 80px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 100%;
display: flex;
position: absolute;
inset: 50% 0% 0%;
transform: translate(0, -50%);
}
.listing-footer-icon-number-3 {
opacity: .6;
color: #333333ba;
font-size: 10px;
line-height: 13px;
}
.listing-category-tab-link-2 {
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: 1px;
margin-right: 1px;
transition: all .2s;
display: flex;
}
.listing-category-tab-link-2.w--current {
color: #fff;
background-color: #24385b;
}
.listing-subtitle-wrapper-2 {
color: #345c94;
background-color: #fff;
border-bottom: 1px #ccc;
flex-direction: column;
flex: 0 auto;
align-self: stretch;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
display: flex;
}
.listing-description-3 {
opacity: .68;
color: #575757;
text-align: center;
flex: none;
align-items: flex-start;
height: 100%;
max-height: 26px;
font-size: 11px;
font-style: italic;
line-height: 110%;
display: flex;
overflow: hidden;
}
.listing-footer-wrapper-3 {
background-color: #fff;
border-top: 1px solid #cccccca3;
justify-content: center;
align-self: stretch;
height: 50px;
padding: 5px 15px;
display: flex;
}
.listing-seller-wrapper-2 {
background-color: #fff;
align-items: center;
padding: 4px 20px 8px 10px;
display: flex;
}
.listing-body-section-2 {
color: #515365;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0;
font-size: 12px;
line-height: 100%;
display: flex;
}
.listing-footer-icon-wrapper-3 {
color: #333;
cursor: pointer;
justify-content: center;
align-items: center;
padding-left: 10px;
transition: color .2s;
display: flex;
}
.listing-footer-icon-wrapper-3:hover {
color: #62799b;
}
.listing-footer-icon-3 {
font-family: LineAwesome, sans-serif;
font-size: 16px;
font-weight: 600;
}
.listing-footer-icon-3.like-icon {
margin-right: 1px;
font-weight: 900;
}
.listing-footer-icon-3.like-icon:hover {
color: #62799b;
}
.product1_item {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.product1_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.product1_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.product1_image-wrapper {
width: 100%;
padding-top: 120%;
position: relative;
overflow: hidden;
}
.product1_item-link {
text-decoration: none;
}
.product1_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.product1_heading {
flex: 1;
}
.padding-global {
padding-left: 5%;
padding-right: 5%;
}
.product1_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.padding-section-large {
padding-top: 7rem;
padding-bottom: 7rem;
}
.form-field-wrapper {
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.file-upload-3 {
width: 100%;
}
.image-file {
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.button-8 {
border: 1px #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
margin-bottom: 0;
padding: 8px 12px;
display: flex;
position: static;
}
.default-state {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uploading-state {
width: 100%;
height: auto;
position: absolute;
inset: auto 0% 0%;
}
.button-9 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.success-state {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-249 {
display: flex;
}
.error-state-2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.sg_page-wrapper {
flex-direction: column;
display: block;
}
.sg-page-content {
display: flex;
position: relative;
}
.sg-navigation {
z-index: 99;
width: 280px;
position: relative;
inset: auto auto 0%;
box-shadow: 6px 0 8px -10px #00000085;
}
.sg-navigation.hide-mobile-landscape.hide-mobile-portrait.hide-tablet {
z-index: 100;
}
.sg-content {
background-color: var(--light-grey);
width: 100%;
height: auto;
position: static;
}
.sg-nav-wrapper {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.sg_nav-header {
background-color: var(--deep-pink);
position: static;
inset: 0% 0% auto;
}
.sg_nav-footer {
background-color: var(--link-blue);
position: absolute;
inset: auto 0% 0%;
}
.container-full-width {
max-width: 100%;
}
.sg-section {
background-color: #0000;
position: relative;
}
.sg_section-header {
z-index: 99;
border-top: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
background-color: var(--white);
padding-left: 2rem;
padding-right: 2rem;
position: sticky;
top: 0;
}
.sg_header-title-wrapper {
border-bottom: 1px none var(--grey);
color: #24385b;
text-align: left;
text-transform: capitalize;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
font-family: "Exo 2", sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 34px;
display: flex;
position: relative;
}
.sg_header-title {
color: #24385b;
text-align: left;
text-transform: capitalize;
align-self: stretch;
margin-top: 0;
margin-bottom: 0;
margin-right: 3px;
font-family: "Exo 2", sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 34px;
}
.sg_section-tags {
flex: 1;
align-items: center;
min-height: 22px;
line-height: 14px;
display: flex;
}
.sg-page-header {
background-color: var(--white);
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
position: static;
inset: 0 auto auto;
}
.sg_section-navigation {
border-style: none;
border-width: .5px 1px;
border-color: var(--grey) var(--light-grey-3);
background-color: #0000;
border-radius: 6px;
justify-content: flex-start;
min-height: 36px;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.sg_section-navigation.hide {
display: none;
}
.sg_navigation-wrapper {
border: 1px #000;
border-radius: 6px;
justify-content: flex-start;
min-width: 100%;
display: flex;
}
.sg_page-nav-divider {
border-right: 1px dotted #0000001a;
flex: none;
align-self: center;
width: 1px;
height: 16px;
}
.sg_page-nav-divider.margin-left {
margin-left: 10px;
margin-right: 10px;
}
.sg_page-nav-divider.margin-left.margin-right {
border-right-style: dotted;
margin-left: 10px;
margin-right: 10px;
}
.sg_page-nav-divider.margin-right {
margin-right: 10px;
}
.sg_section-content {
background-color: var(--light-grey);
padding: 1rem 1rem 2rem;
}
.sg-module_header {
z-index: 99;
background-color: var(--white);
margin-bottom: 1rem;
padding: .5rem 0;
position: sticky;
top: 72px;
}
.div-block-250 {
width: 100%;
height: .125rem;
}
.sg_module-title {
font-size: 1rem;
font-weight: 500;
}
.sg_module-description {
font-size: .75rem;
font-weight: 400;
}
.sg_section-title {
color: var(--black-2);
font-family: Poppins, sans-serif;
font-weight: 600;
}
.sg-style-modules {
background-color: #0000;
position: relative;
}
.sg-style-modules.padding-small {
background-color: var(--white);
border-radius: 3px;
box-shadow: 6px -1px 8px -10px #000;
}
.sg_section-conent {
background-color: var(--light-grey);
padding-left: 2rem;
padding-right: 2rem;
}
.sg-section_forms {
background-color: #0000;
position: relative;
}
.form-field._4-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sg_header-wrapper {
position: sticky;
top: 0;
}
.sg-section_grids {
background-color: #0000;
position: relative;
}
.form-fieldset {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sg_card {
border: 1px solid var(--grey);
border-radius: 4px;
box-shadow: 1px 1px 3px #0000001f;
}
.sg-class_label-colum {
align-items: center;
display: flex;
}
.class_label {
color: var(--class-blue);
background-color: #edefff;
font-weight: 600;
}
.form-section-title {
border-bottom: 1px none var(--light-grey-2);
}
.text-block-195 {
font-size: 14px;
}
.dropdown-4 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-height: 36px;
display: flex;
}
.dropdown-toggle-8 {
padding: 8px 30px 8px 15px;
}
.icon-13 {
margin-right: 5px;
}
.div-block-251 {
display: flex;
}
.div-block-252 {
justify-content: center;
display: flex;
}
.button-text1 {
background-color: #0000;
}
.button-text1.post-icon {
background-color: #0000;
margin-right: 0;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.button-text1.sell-icon {
color: var(--white);
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.button-text1.promote-icon, .button-text1.event-icon, .button-text1.horse-icon {
margin-right: 3px;
font-family: LineAwesome, sans-serif;
font-weight: 600;
}
.button-text1.hide {
display: none;
}
.profile-timeline {
flex: 1;
min-width: 0;
margin-top: 10px;
margin-left: 0;
padding-left: 0;
}
.search-button-5 {
background-color: #e4106d;
}
.search-button-5.hide {
display: none;
}
.div-block-253 {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.scroll-header {
z-index: 10;
background-color: #fff;
background-image: none;
background-position: 0 0;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px 20px;
transition: all .2s;
display: flex;
position: sticky;
top: 48px;
left: 0;
right: 0;
box-shadow: 0 0 3px #00000078;
}
.scroll-header.ag-hide-auction-header, .scroll-header.ag-hide-marketplace-header, .scroll-header.ag-trial-page-header, .scroll-header.current-user-trial-page-header {
display: none;
}
.dropdown-list-8 {
background-color: var(--light-grey);
}
.dropdown-toggle-9 {
margin-top: 0;
padding: 0 15px 0 0;
}
.icon-14 {
margin-right: 0;
}
.div-block-254 {
display: flex;
}
.text-block-196, .text-block-197 {
margin-right: 4px;
}
.div-block-255 {
display: flex;
}
.stat-text {
font-family: Poppins, sans-serif;
font-weight: 400;
}
.page-stat {
grid-column-gap: 5px;
display: flex;
}
.page-stat-group {
grid-column-gap: 10px;
display: flex;
}
.action-button-6 {
color: #fff;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #24385b;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: auto;
margin-left: 0;
margin-right: 0;
padding: 4px 20px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
box-shadow: 0 0 4px 2px #00000021;
}
.action-button-6:hover {
color: #fff;
background-color: #62799b;
}
.action-button-6.muted {
min-height: auto;
box-shadow: none;
color: #9b9b9b;
background-color: #fff0;
border: 1px solid #e6e6e6;
border-radius: 3px;
margin-left: 0;
margin-right: 0;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
position: relative;
}
.action-button-6.muted:hover {
color: #ff4c89;
}
.hashtag_page-header-title {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
}
.action-buttons-5 {
grid-column-gap: 10px;
grid-row-gap: 16px;
background-color: #0000;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center end;
align-self: stretch;
justify-items: end;
margin-bottom: 0;
display: grid;
}
.action-button-text-7 {
margin-left: 0;
margin-right: 5px;
font-family: Lato, sans-serif;
}
.shop-top-topic-logo-wrapper-2 {
background-color: #f89633;
background-image: radial-gradient(circle closest-side, #fff 94%, #fff0), linear-gradient(#fe4889, #f89633);
border-radius: 100px;
flex: none;
align-items: center;
width: 70px;
height: 70px;
display: flex;
position: relative;
}
.hashtag_page-header {
z-index: 9;
border-bottom: 1px #f1f1f1;
flex-direction: row;
align-items: center;
width: 100%;
max-width: 1927px;
min-height: 80px;
padding: 8px 20px 8px 25px;
transition: all .2s;
display: flex;
position: relative;
top: -10px;
overflow: hidden;
box-shadow: 1px 1px 3px #0000001f;
}
.profile-title-info-copy-2 {
opacity: 1;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
margin-left: 9px;
margin-right: 20px;
transition: all .2s;
display: flex;
}
.stat-result {
font-family: Poppins, sans-serif;
font-weight: 700;
}
.tabs-content-2 {
max-height: 100%;
}
.tab-pane-tab-1 {
height: 100%;
}
.div-block-256 {
display: flex;
position: relative;
bottom: 20px;
right: 20px;
}
.page-flex-horizontal {
justify-content: space-between;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
display: flex;
}
.page-flex-sidebar {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px solid #ccc9;
flex-direction: column;
flex: 0 auto;
grid-template: "."
/ auto;
grid-auto-columns: auto;
align-content: start;
align-self: stretch;
width: 100%;
max-width: 250px;
min-height: 100vh;
margin-left: 0;
margin-right: 0;
padding-right: 15px;
display: grid;
}
.sidebar-search-wrapper {
z-index: 8;
box-shadow: none;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: center;
margin-bottom: 8px;
display: flex;
position: relative;
}
.sidebar-search {
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 4px;
flex-direction: column;
flex: 1;
align-content: center;
align-self: stretch;
align-items: baseline;
min-height: 35px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.text-block-87 {
opacity: .47;
align-self: center;
position: absolute;
top: 13px;
left: 36px;
}
.div-block-65 {
cursor: pointer;
border-radius: 6px;
justify-content: space-between;
align-items: center;
padding: 8px 10px;
display: flex;
}
.div-block-65:hover {
color: #e4106d;
}
.text-block-86 {
font-size: 15px;
font-weight: 500;
line-height: 17px;
}
.text-block-86-copy {
font-size: 14px;
font-weight: 300;
}
.page-flex-main {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template: "."
"."
/ 2fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-left: 15px;
margin-right: 15px;
display: flex;
}
.profile-inner-tab {
border-top: 1px none var(--grey);
border-radius: 6px;
flex-direction: column;
height: 100%;
max-height: 100%;
padding: 10px 20px 62px;
display: flex;
position: relative;
overflow: auto;
}
.div-block-257 {
display: flex;
}
.site-logo-container-2 {
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.site-logo-container-2.logged-in {
color: #fff;
flex: 0 auto;
align-self: stretch;
margin-right: 20px;
position: relative;
}
.nav-dropdown-right-2 {
background-color: #ccc;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.search-input-5 {
color: #515365;
background-color: #f7f7f7;
border: 1px #0000;
border-radius: 6px;
align-self: stretch;
align-items: center;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 0 20px;
font-size: 13px;
line-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.search-input-5::placeholder {
font-size: 11px;
font-style: italic;
}
.logo-link-2 {
font-size: 26px;
font-style: italic;
font-weight: 300;
text-decoration: none;
}
.logo-link-2.w--current {
color: #fff;
font-style: italic;
text-decoration: none;
display: flex;
}
.site-nav-dropdown-wrapper-2 {
z-index: 7;
background-color: #fff;
height: 0;
font-size: 11px;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
box-shadow: 0 0 3px #000;
}
.nav-top-icon-container-3 {
justify-content: center;
align-items: center;
height: 28px;
display: flex;
}
.logo-identifier-2 {
opacity: .61;
font-size: 12px;
font-style: italic;
position: absolute;
bottom: -16px;
left: 92px;
}
.logo-identifier-2.shorter {
bottom: 0;
}
.expand-icon-2 {
color: #575757;
cursor: pointer;
border-radius: 6px;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
width: 30px;
margin-right: 0;
padding-top: 0;
padding-bottom: 2px;
font-size: 12px;
line-height: 14px;
transition: background-color .2s;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.site-nav-container-2 {
color: #fff;
flex: 0 auto;
place-content: stretch center;
align-self: center;
align-items: stretch;
display: flex;
position: relative;
}
.site-nav-container-2.middle {
flex: none;
align-self: stretch;
align-items: center;
position: static;
}
.site-nav-container-2.right {
cursor: pointer;
flex: 0 auto;
justify-content: flex-end;
align-self: stretch;
align-items: center;
}
.site-nav-container-2.left {
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
}
.search-button-6 {
color: #515365;
cursor: pointer;
background-color: #f7f7f7;
border: 1px #0000;
border-radius: 6px;
justify-content: center;
align-self: stretch;
align-items: center;
min-width: 40px;
max-width: 40px;
margin-left: -21px;
padding-top: 0;
padding-bottom: 0;
font-family: LineAwesome, sans-serif;
font-weight: 600;
transition: background-color .2s;
display: flex;
position: relative;
}
.search-button-6:hover {
color: #fff;
background-color: #24385b;
}
.site-nav-dropdown-toggle-2 {
color: #fff;
cursor: pointer;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 49px;
padding: 5px 10px 5px 5px;
text-decoration: none;
transition: border-color .2s;
display: flex;
position: relative;
}
.site-nav-dropdown-toggle-2.w--current {
border-bottom: 5px solid #62799b;
margin-bottom: -5px;
}
.site-nav-dropdown-toggle-2.home {
display: flex;
}
.site-nav-link-icon-3 {
object-fit: scale-down;
justify-content: center;
align-items: center;
min-width: 30px;
height: 18px;
margin-right: 0;
font-family: FontAwesome, sans-serif;
font-size: 15px;
font-weight: 600;
display: flex;
}
.site-nav-link-icon-3.smaller {
min-width: 24px;
height: 20px;
font-size: 16px;
}
.site-nav-link-icon-3.home {
height: 39px;
padding: 9px;
}
.nav-container-2 {
z-index: 1;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
flex: none;
align-self: stretch;
align-items: stretch;
width: 100%;
display: flex;
position: static;
}
.sign-in-text-2 {
white-space: nowrap;
background-color: #62799b;
border-radius: 6px;
padding: 7px 10px;
font-family: Poppins, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
display: flex;
}
.site-nav-dropdown-top-2 {
background-color: #00000008;
border-bottom: 1px dashed #ccc;
flex-direction: column;
align-self: stretch;
min-width: 160px;
max-width: 160px;
margin-right: 10px;
padding: 10px;
display: flex;
}
.bottom-header-2 {
z-index: 11;
background-color: #24385b;
flex-wrap: wrap;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
margin-top: -1px;
display: flex;
position: sticky;
top: 24px;
left: 0;
right: 0;
box-shadow: 0 4px 5px -2px #00000047;
}
.ndl-link-2 {
background-color: #ccc;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
height: 40px;
margin-bottom: 1px;
margin-right: 1px;
display: flex;
}
.logo-text-2 {
color: #fff;
text-transform: uppercase;
white-space: nowrap;
flex: 1;
justify-content: flex-start;
align-self: center;
font-family: "Exo 2", sans-serif;
font-style: italic;
font-weight: 400;
text-decoration: none;
display: flex;
}
.snd-top-tab-2 {
color: #575757;
text-align: center;
background-color: #ccc;
border-radius: 6px;
flex: none;
justify-content: center;
align-self: stretch;
align-items: center;
min-height: 30px;
margin-bottom: 2px;
margin-left: 1px;
margin-right: 1px;
padding: 9px;
line-height: 125%;
text-decoration: none;
display: flex;
}
.site-nav-text-2 {
text-align: center;
flex: none;
font-size: 11px;
display: flex;
}
.site-nav-link-2 {
cursor: pointer;
border-top: 5px solid #0000;
border-bottom: 5px solid #62799b00;
transition: border-color .2s;
}
.site-nav-link-2:hover {
border-bottom-color: #62799b;
}
.premium-listing-float-2 {
z-index: 1;
background-color: #24385b;
border-radius: 6px;
width: 400px;
height: 280px;
display: block;
position: fixed;
inset: 154px 97px auto auto;
overflow: hidden;
box-shadow: 0 0 4px 2px #00000021;
}
.premium-listing-float-2.hide {
display: none;
}
.premium-listing-title-2 {
color: #fff;
text-align: left;
letter-spacing: 0;
text-transform: capitalize;
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 400;
line-height: 120%;
}
.heading-7 {
background-color: var(--deep-pink);
font-family: Poppins, sans-serif;
}
.body-3 {
color: #fb9833;
}
.div-block-258 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--darkblue);
justify-content: center;
align-items: center;
min-height: 80px;
display: flex;
}
.div-block-259 {
background-color: var(--deep-sky-blue);
width: 20px;
height: 20px;
}
.div-block-260 {
background-color: #00b9d1;
width: 20px;
height: 20px;
}
.italic-text-4 {
direction: ltr;
}
@media screen and (min-width: 1440px) {
.actions-item-3.actions-dropdown.alt:hover {
background-color: #0000;
}
.actions-dropdown-2.post-box-more-icon:hover {
background-color: #efefef;
}
.quick-filter-tag-text:active {
font-weight: 600;
}
}
@media screen and (min-width: 1920px) {
.left-nav-expanded-link.w--current {
color: var(--dim-grey);
background-color: #16706b42;
}
.left-sidebar-expand-box:hover, .ag-nav-expand-arrow:hover {
background-color: var(--orange);
color: #fff;
}
.widget-toggle:hover {
background-color: var(--white);
color: var(--darkblue);
}
.listing-row-wrapper.redacted:hover {
box-shadow: none;
}
.pagination-size-list.w--open, .simple-dropdown-list.w--open {
background-color: #fff;
right: 0;
}
.ms-pp-product-line:hover {
color: #00affa;
}
.ms-pp-gallery-main-wrapper:hover {
border-color: #00affa;
box-shadow: 0 0 6px #00affaa3;
}
.ms-pp-gallery-hover:hover {
opacity: 1;
}
.ms-pp-specification-line:hover {
color: #00affa;
}
.simple-form-section-toggle:hover, .account-widget-toggle:hover, .post-comments-widget-toggle:hover {
background-color: var(--white);
color: var(--darkblue);
}
}
@media screen and (max-width: 991px) {
.left-sidebar-nav {
width: 0;
overflow: hidden;
}
.logo-container {
display: none;
}
.subheader-container.dashboard {
flex-direction: row;
}
.left-nav-expanded-link {
display: block;
}
.collapse-icon {
display: none;
}
.right-header-container {
margin-top: 5px;
}
.left-nav-menu-flyout-list {
display: block;
transform: translate(-900px);
}
.table-select-all-checkbox, .table-row-checkbox {
background-color: #0000;
}
.main-container {
width: 100%;
}
.logo-image {
display: none;
}
.bottom-header {
top: 0;
}
.top-header {
justify-content: center;
display: none;
}
.site-nav-links, .site-nav-dropdown-arrow {
display: none;
}
.site-nav-link-icon {
min-width: 24px;
}
.site-nav-link-icon.smaller {
min-width: 19px;
}
.breadcrumb-container {
display: none;
}
.breadcrumb-container.dashboard {
display: flex;
}
.top-header-links {
flex: 1;
}
.hidden-search-container, .submenu-item {
display: none;
}
.footer {
padding-left: 20px;
padding-right: 20px;
}
.navigation-item {
text-align: center;
margin-left: 0;
margin-right: 0;
transition: background-color .4s, opacity .4s, color .4s;
}
.navigation-item:hover {
background-color: #f7f8f9;
}
.navigation-item:active {
background-color: #eef0f3;
}
.quicksearch {
display: none;
}
.horse-header {
flex-direction: column;
}
.horse-slider {
align-self: center;
max-width: 90%;
max-height: none;
margin-bottom: 25px;
}
.horse-header-right {
flex-direction: column;
}
.main-info-box {
align-items: flex-start;
margin-bottom: 20px;
}
.listing-photo-slider {
flex: none;
height: 622px;
}
.listings-sidebar {
width: 100%;
min-width: auto;
max-width: none;
}
.profile-avatar {
align-self: center;
max-width: 90%;
max-height: none;
margin-bottom: 25px;
}
.modal-box.horse-listing-box {
flex-direction: column;
}
.submenu-parent-text, .feed-filter {
display: none;
}
.profile-type-icon {
min-width: 24px;
}
.left-sidebar {
width: 0;
overflow: hidden;
}
.manage-profile-avatar {
align-self: center;
max-width: 90%;
max-height: none;
margin-bottom: 25px;
}
.site-nav-text {
display: none;
}
.expand-icon {
display: block;
}
.group-page-avatar-box, .manage-profile-avatar-2 {
align-self: center;
max-width: 90%;
max-height: none;
margin-bottom: 25px;
}
.profile-type-icon-2 {
min-width: 24px;
}
.left-nav-expanded-toggle-2 {
display: block;
}
.left-sidebar-search-container {
display: none;
}
.page-nav-link {
padding-left: 15px;
padding-right: 15px;
}
.listing-grid-wrapper {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.module-search-container {
display: none;
}
.proequine-network-icon {
min-width: 24px;
}
.horse-profile-header-container {
flex-direction: column;
}
.horse-profile-info-container {
padding-top: 14px;
}
.profile-sticky-header.closed {
top: 47px;
}
.user-header-links {
flex: 1;
}
.app-header {
top: 0;
}
.page-nav-link-2 {
padding-left: 15px;
padding-right: 15px;
}
.post-type, .post-submit, .feed-filter-2, .feed-filter-3 {
display: none;
}
.large-number {
font-size: 26px;
line-height: 1.6;
}
.custom-select-dropdown {
border: 1px solid var(--grey);
}
.form-fields_2column {
grid-template-columns: 1fr;
}
.shop-left {
position: absolute;
left: -100%;
}
.form-step-next, .form-step-back, .product-description {
display: none;
}
.product-row-right {
margin-left: 20px;
}
.product-row-right-content {
margin-left: 0;
}
.product-row-left, .sponsored-product-image-wrapper {
width: 140px;
}
.sponsor-product-description {
display: none;
}
.sponsored-product-bottom {
margin-left: 20px;
}
.supplier-option-left-content {
margin-left: 0;
}
.grid-box-button.export {
display: none;
}
.supplier-option-left-1 {
margin-left: 20px;
}
.hide-2 {
border: 1px #000;
}
.button-icon {
font-size: 14px;
}
.sponsored-product-bottom-content {
margin-left: 0;
}
.ms-product-page-top {
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-flow: row;
}
.back-button-icon {
font-size: 14px;
}
.left-navigation {
transition: right .2s, left .2s, width .2s;
position: absolute;
bottom: 0;
left: -250px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.filter_block-header {
align-items: start;
padding-left: 1rem;
}
.filter_grid {
grid-template-columns: .66fr 1fr;
}
.filter_tags-wrapper {
margin-top: .5rem;
}
.filter_header {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.content_card-list-wrapper {
width: 100%;
}
.content_card {
grid-template-columns: 1fr;
}
.content_card-info-text {
width: 100%;
}
.content_card-block {
padding: 20px 24px 24px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.margin-xxlarge {
margin: 4rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-large {
margin: 2.5rem;
}
.padding-medium {
padding: 1.5rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-huge {
padding: 5rem;
}
.padding-xxhuge {
padding: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-large {
padding: 2.5rem;
}
.padding-xlarge {
padding: 3rem;
}
.show-tablet {
display: block;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-huge {
margin: 5rem;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-xlarge {
margin: 3rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-xxhuge {
margin: 8rem;
}
.hide-tablet {
display: none;
}
.heading-medium {
font-size: 1.625rem;
}
.nav1_icon {
margin-right: 2.5rem;
}
.fs-styleguide-icons {
grid-template-columns: auto auto auto auto;
}
.padding-0-all {
padding: 0;
}
.nav1_dropdown-toggle {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.footer1_grid {
grid-template-columns: auto auto auto;
}
.menu-button {
margin-right: -.75rem;
padding: .75rem;
}
.menu-button.w--open {
color: #0b0b1f;
background-color: #c8c8c800;
}
.nav1_button-wrapper {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 2.5rem;
}
.show-tablet-2 {
display: block;
}
.heading-large {
font-size: 2rem;
}
.nav1_link {
padding-left: 2.5rem;
padding-right: 2.5rem;
display: block;
}
.nav1_menu {
text-align: left;
background-color: #e9f0f1;
margin-left: 0;
margin-right: 0;
padding-top: .5rem;
padding-bottom: .5rem;
}
.footer1_left {
margin-right: 0;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer1_text {
padding-top: 2rem;
padding-bottom: 2rem;
}
.max-width-full-tablet-2 {
max-width: none;
}
.margin-0-all {
margin: 0;
}
.heading-xlarge {
font-size: 2.5rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.nav1_dropdown-list {
padding-left: 1rem;
padding-right: 1rem;
}
.fs-styleguide-icon-row {
grid-template-columns: 1fr 1fr 1fr;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.site-nav-link-icon-2 {
min-width: 24px;
}
.site-search-nav-text {
display: none;
}
.products-grid {
grid-template-columns: 1fr 1fr;
}
.bottom-header---manager {
top: 0;
}
.search-container-2 {
display: none;
}
.post-section-product-selector {
border-bottom: 1px solid var(--light-grey-2);
padding-top: 7px;
padding-bottom: 7px;
}
.product-switch-image {
border: 1px solid var(--grey);
}
.product-avatar-image {
border: 1px #000;
}
.premium-listing-l {
width: 140px;
}
.page-nav-link-3 {
padding-left: 15px;
padding-right: 15px;
}
.landing-page-header {
top: 0;
}
.pedigree-search-left, .user-sidebar {
position: absolute;
left: -100%;
}
.job-row-left {
width: 140px;
}
.button-icon-2 {
font-size: 14px;
}
.pedigree-grid-wrapper {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.logo-container-2 {
display: none;
}
.table-row-checkbox-2 {
background-color: #0000;
}
.quicksearch-2 {
display: none;
}
.table-select-all-checkbox-2 {
background-color: #0000;
}
.product-header3_layout {
grid-column-gap: 5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.product-header3_component {
padding-bottom: 2.5rem;
}
.heading-large-2 {
font-size: 2.25rem;
}
.heading-medium-2 {
font-size: 1.75rem;
}
.blog30_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.table7_item {
min-width: 72rem;
}
.table7_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.table7_header-row {
min-width: 72rem;
}
.modal1_content-wrapper {
width: 90%;
max-width: none;
padding-left: 3rem;
padding-right: 3rem;
}
.modal2_content-wrapper {
width: 80%;
max-width: none;
padding: 4rem 3rem;
}
.product1_list {
grid-template-columns: 1fr 1fr;
}
.product1_button-row {
flex: none;
}
.product1_heading {
margin-right: 3rem;
}
.product1_heading-wrapper {
grid-column-gap: 3rem;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.expand-icon-2 {
display: block;
}
.site-nav-link-icon-3 {
min-width: 24px;
}
.site-nav-link-icon-3.smaller {
min-width: 19px;
}
.bottom-header-2 {
top: 0;
}
.site-nav-text-2 {
display: none;
}
}
@media screen and (max-width: 767px) {
.quick-add-dropdown.header-option {
flex: 1;
justify-content: flex-start;
}
.quick-add-dropdown-toggle.header-option {
justify-content: flex-start;
}
.user-menu-container {
max-width: 100%;
margin-right: 0;
}
.bottom-header {
min-height: 50px;
}
.top-header {
justify-content: center;
padding-left: 0;
}
.site-nav-container {
display: none;
}
.site-nav-container.left, .site-nav-container.right {
display: flex;
}
.top-header-links {
flex: 1;
display: flex;
}
.user-menu-dropdown {
max-width: 100%;
margin-left: 0;
margin-right: 0;
right: 0;
}
.footer {
padding: 40px 20px;
}
.navigation-menu {
justify-content: space-around;
padding-left: 1em;
padding-right: 1em;
}
.navigation-item {
flex-direction: column;
padding-left: .5em;
padding-right: .5em;
font-size: 14px;
}
.user-login-container {
max-width: 100%;
margin-right: 0;
}
.pricing-box {
width: 49%;
}
.upgrade-container {
flex-direction: column;
margin-bottom: 70px;
padding-top: 50px;
padding-left: 7%;
padding-right: 7%;
}
.upgrade-row {
width: 100%;
}
.pricing-column-contain.top-price-contain {
padding: 12px 5% 11px;
font-size: 13px;
}
.price-text {
font-size: 11px;
line-height: 1.5em;
}
.price {
font-size: 26px;
}
.upgrade-header {
font-size: 30px;
}
.upgrade-text {
margin-bottom: 30px;
font-size: 14px;
}
.divider {
border-top: 1px dashed var(--light-grey-3);
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.page-nav-link {
border-top: 1px dashed var(--light-grey-3);
border-bottom: 1px dashed var(--light-grey-3);
border-left: 1px dashed var(--light-grey-3);
padding-top: 10px;
padding-bottom: 10px;
}
.listing-grid-wrapper {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.horse-profile-info-container {
padding-left: 0;
padding-right: 0;
}
.horse-profile-slider-wrapper {
margin-right: 0;
}
.profile-info-header {
align-items: center;
}
.profile-navigation-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed var(--light-grey-3);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.profile-navigation {
border-bottom-style: none;
padding-top: 0;
padding-bottom: 0;
}
.profile-sticky-navigation {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed var(--light-grey-3);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.user-header-links {
flex: 1;
display: flex;
}
.user-header-menu {
max-width: 100%;
margin-right: 0;
}
.togglebutton {
flex: none;
}
.text-field-box.bio {
margin-top: 0%;
}
.account-settings-box, .social-account, .settings-block {
width: 100%;
}
.text-field-description {
margin-bottom: 0;
}
.app-header {
min-height: 50px;
}
.page-nav-link-2 {
border-top: 1px dashed #cccccc91;
border-bottom: 1px dashed #cccccc91;
border-left: 1px dashed #cccccc91;
padding-top: 10px;
padding-bottom: 10px;
}
.profile-sticky-navigation-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed #cccccc91;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.divider-2 {
border-top: 1px dashed #cccccc91;
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.white-box.third {
width: 48%;
margin-left: auto;
margin-right: auto;
}
.white-box.third.mobile-full-box {
flex-direction: column;
width: 98%;
display: flex;
}
.white-box.two-third {
width: 100%;
}
.product-row-right-content {
align-self: stretch;
min-width: auto;
}
.divider-grow {
border-top: 1px dashed var(--light-grey-3);
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.shop-pagination-wrapper {
flex-direction: column;
}
.divider-3 {
border-top: 1px dashed #cccccc91;
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.supplier-option-left-content, .sponsored-product-bottom-content {
align-self: stretch;
min-width: auto;
}
.ms-product-page-top {
grid-template-columns: 1fr;
}
.divider-grow-2 {
border-top: 1px dashed #cccccc91;
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.page-padding {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.filter_grid {
grid-template-columns: 1fr;
}
.heading-small {
font-size: 1rem;
}
.filter_tags-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.nav_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: auto;
grid-auto-flow: row;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.margin-xxlarge {
margin: 3rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-large {
margin: 1.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-huge {
padding: 3.5rem;
}
.show-mobile-landscape {
display: block;
}
.padding-xxhuge {
padding: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-large {
padding: 1.5rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-huge {
margin: 3.5rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-xlarge {
margin: 2rem;
}
.page-padding-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xhuge {
margin: 4rem;
}
.hide-mobile-landscape {
display: none;
}
.margin-xxhuge {
margin: 4.5rem;
}
.profile-navigation-wrapper-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed var(--light-grey-3);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.max-width-full-mobile-landscape-2 {
max-width: none;
}
.margin-huge-2 {
margin: 4rem;
}
.nav1_icon {
margin-right: 1.25rem;
}
.fs-styleguide-icons {
grid-template-columns: auto auto auto;
}
.padding-xlarge-2 {
padding: 3rem;
}
.margin-xlarge-2 {
margin: 3rem;
}
.padding-huge-2 {
padding: 4rem;
}
.button-text-3 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-0-all, .padding-0-2 {
padding: 0;
}
.nav1_dropdown-toggle {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.margin-xxhuge-2 {
margin: 9rem 8rem 8rem;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.button-black {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-xxlarge-2 {
padding: 3.5rem;
}
.nav1_button-wrapper {
margin-left: 1.25rem;
}
.text-size-large {
font-size: 1rem;
}
.margin-xhuge-2 {
margin: 6rem;
}
.margin-large-2 {
margin: 2rem;
}
.button-outline {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-xxlarge-2 {
margin: 3.5rem;
}
.button-white {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-xxhuge-2 {
padding: 8rem;
}
.show-mobile-landscape-2 {
display: block;
}
.nav1_link {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.fs-styleguide-header {
padding: 4rem 1.25rem;
}
.padding-xhuge-2 {
padding: 6rem;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-style-nowrap {
white-space: normal;
}
.margin-0-all {
margin: 0;
}
.padding-large-2 {
padding: 2rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.button-lightgrey {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.text-size-medium {
font-size: 1rem;
}
.fs-styleguide-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 3.5rem;
}
.button-5 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.nav1_logo-link {
padding-left: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.products-grid {
grid-template-columns: 1fr;
}
.bottom-header---manager {
min-height: 50px;
}
.page-nav-link-3 {
border-top: 1px dashed #cccccc91;
border-bottom: 1px dashed #cccccc91;
border-left: 1px dashed #cccccc91;
padding-top: 10px;
padding-bottom: 10px;
}
.landing-page-header {
min-height: 50px;
}
.pedigree-grid-wrapper {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.gallery9_image-wrapper-large {
padding-top: 100%;
}
.text-size-medium-2 {
font-size: 1rem;
}
.gallery9_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
column-count: 1;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.product-header3_gallery {
grid-template-columns: 1fr;
}
.product-header3_layout {
grid-column-gap: 5rem;
grid-row-gap: 2rem;
}
.heading-small-4 {
font-size: 1.25rem;
}
.product-header3_accordion-icon {
width: 1.75rem;
}
.product-header3_component {
padding-bottom: 1.5rem;
}
.heading-large-2 {
font-size: 2rem;
}
.product-header3_heading {
padding-top: 1rem;
padding-bottom: 1rem;
}
.product-header3_list {
grid-template-rows: auto;
}
.blog30_dropdown, .blog30_dropdown-toggle, .blog30_dropdown-list {
width: 100%;
}
.heading-medium-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.blog30_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog30_dropdown-wrapper {
display: block;
}
.table7_component {
grid-row-gap: 3rem;
}
.table7_pagination-page-button-wrapper {
display: none;
}
.text-size-large-2 {
font-size: 1.125rem;
}
.product-header3_list-2 {
grid-template-rows: auto;
}
.product2_image-wrapper {
height: 100%;
}
.product-header3_gallery-2 {
grid-template-columns: 1fr;
}
.modal1_component {
align-items: flex-start;
}
.modal1_content-wrapper {
width: 100%;
height: 100vh;
max-height: none;
padding-bottom: 7rem;
padding-left: 5%;
padding-right: 5%;
}
.modal2_content-wrapper {
width: 90%;
padding-bottom: 7rem;
padding-left: 2rem;
padding-right: 2rem;
}
.product1_list {
grid-column-gap: 1.25rem;
grid-row-gap: 3rem;
}
.product1_image-wrapper {
height: 100%;
}
.product1_button-row {
justify-content: flex-start;
width: 100%;
}
.product1_heading {
margin-right: 0;
}
.product1_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.sg_section-navigation {
border-bottom-style: none;
padding-top: 0;
padding-bottom: 0;
}
.sg_navigation-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed var(--light-grey-3);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sg_page-nav-divider {
border-top: 1px dashed var(--light-grey-3);
flex: none;
width: 100%;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;
display: none;
}
.site-nav-container-2 {
display: none;
}
.site-nav-container-2.right, .site-nav-container-2.left {
display: flex;
}
.bottom-header-2 {
min-height: 50px;
}
}
@media screen and (max-width: 479px) {
.subheader-container {
height: 49px;
position: sticky;
}
.subheader-container.dashboard {
flex-direction: column;
width: 100%;
}
.quick-add-dropdown {
flex: none;
}
.quick-add-dropdown-toggle {
padding-top: 5px;
padding-bottom: 5px;
}
.right-header-container {
flex: none;
justify-content: flex-end;
padding-right: 15px;
}
.left-header-container {
flex: none;
}
.left-header-container.dashboard {
display: none;
}
.user-menu-container {
flex: 1;
}
.text-block-2 {
text-align: right;
flex: 0 auto;
font-size: 13px;
}
.bottom-header {
box-shadow: none;
}
.site-nav-dropdown {
display: none;
}
.logo-link.w--current {
line-height: 49px;
}
.page-subheader-container {
background-color: var(--white);
border-bottom-style: none;
height: 49px;
padding-left: 0;
padding-right: 0;
position: sticky;
}
.overview-content.general {
flex-direction: column;
}
.discipline-container {
align-items: flex-end;
}
.footer {
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
.dashboard-section {
padding-left: 1em;
padding-right: 1em;
}
.navigation-menu {
padding: 0;
position: fixed;
inset: auto 0% 0%;
}
.tabs {
z-index: 999;
}
.navigation-item {
width: 20%;
font-size: 12px;
}
.sign-up-forms-content {
padding-left: 20px;
padding-right: 20px;
}
.sign-up-form-container {
margin-left: 10px;
margin-right: 10px;
}
.hero-section {
height: 74vh;
}
.form-4, .main-horse-info-form {
flex: none;
width: 100%;
}
.close-login-modal {
top: -33px;
right: 0;
}
.user-login-container {
flex: 1;
}
.pricing-box {
width: 100%;
margin-bottom: 50px;
display: block;
}
.upgrade-container {
margin-bottom: 70px;
padding-bottom: 0;
padding-left: 5%;
padding-right: 5%;
}
.upgrade-row {
flex-direction: column;
}
.upgrade-text {
margin-bottom: 25px;
}
.section-title {
align-self: flex-start;
}
.listing-grid-wrapper {
grid-template-columns: 80vw;
}
.page-section-header, .page-section-header-bg, .feature-point-title-bg {
align-self: flex-start;
}
.horse-profile-media-gallery {
display: none;
}
.profile-sales-box {
flex-direction: column;
align-items: center;
}
.price-special-tag {
margin-top: 10px;
}
.profile-body-specs {
grid-template-columns: 1fr;
}
.owner-box {
flex-direction: column;
}
.profile-engage-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.user-header-menu {
flex: 1;
}
.text-field-box {
flex-wrap: wrap;
}
.text-field-box._2 {
margin-bottom: 5px;
}
.text-field-box.bio {
margin-top: 5px;
margin-bottom: 10px;
}
.account-settings-box {
padding-left: 0;
padding-right: 0;
}
.settings-block {
padding-left: 16px;
padding-right: 16px;
}
.text-field-description {
margin-left: 10px;
}
.app-header {
box-shadow: none;
}
.quick-add-dropdown-toggle-2 {
padding-top: 5px;
padding-bottom: 5px;
}
.quick-add-dropdown-toggle-2.page {
flex-direction: row;
max-width: 210px;
display: flex;
}
.white-box.third {
width: 100%;
}
.filter-label-float {
align-self: flex-start;
}
.listing-row-wrapper {
padding-left: 10px;
}
.product-features.product-row {
flex-direction: row;
justify-content: space-between;
min-height: auto;
display: flex;
position: absolute;
bottom: 0;
left: 10px;
right: 20px;
}
.product-row-left, .sponsored-product-image-wrapper {
width: 80px;
}
.supplier-option-wrapper, .sponsored-supplier {
padding-left: 10px;
}
.button-icon {
margin-right: 6px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.content_card-header {
align-items: flex-start;
}
.content_card-info {
grid-template-columns: 1fr;
}
.content_card-title {
font-size: 16px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.show-mobile-portrait {
display: block;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.hide-mobile-portrait {
display: none;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-0-all, .padding-0-2 {
padding: 0;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.footer1_grid {
grid-template-columns: auto;
}
.max-width-full-mobile-portrait-2 {
max-width: none;
}
.fs-styleguide-header {
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer1_form {
flex-direction: column;
grid-template-columns: 1fr;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-0-all {
margin: 0;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide-color-grid {
grid-template-columns: 1fr;
}
.show-mobile-portrait-2 {
display: block;
}
.fs-styleguide-grid, .fs-styleguide-icon-row {
grid-template-columns: 1fr;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.bottom-header---manager {
box-shadow: none;
}
.premium-listing-l {
width: 80px;
}
.hero-h1-bold {
display: block;
}
.who-we-are-title {
font-size: 31px;
}
.landing-page-header {
box-shadow: none;
}
.job-row-left {
width: 80px;
}
.button-icon-2 {
margin-right: 6px;
}
.pedigree-grid-wrapper {
grid-template-columns: 80vw;
}
.left-header-container-2 {
flex: none;
}
.left-header-container-2.dashboard {
display: none;
}
.subheader-container-2 {
height: 49px;
position: sticky;
}
.product-header3_layout {
grid-template-columns: 1fr;
}
.product-header3_price-wrapper {
flex-direction: column;
}
.blog30_item-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.table7_header {
flex-direction: column;
align-items: flex-start;
}
.table7_component {
grid-template-columns: 1fr;
}
.modal1_component, .modal2_component {
display: none;
}
.page-section-header-bg-2 {
align-self: flex-start;
}
.logo-link-2.w--current {
line-height: 49px;
}
.bottom-header-2 {
box-shadow: none;
}
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2712e1-fcc24c10 {
justify-self: stretch;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d27132b-fcc24c10 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d271338-fcc24c10 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d271345-fcc24c10 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d271351-fcc24c10 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d27135c-fcc24c10 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d271368-fcc24c10 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d271373-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27137f-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27138a-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271396-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d2713a1-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d2713ad-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d2713b8-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d2713c4-fcc24c10 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713dc-fcc24c10 {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713e0-fcc24c10 {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713e4-fcc24c10 {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713e6-fcc24c10 {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713e8-fcc24c10 {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713ea-fcc24c10 {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713ec-fcc24c10 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713ee-fcc24c10 {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713f0-fcc24c10 {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713f2-fcc24c10 {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713f4-fcc24c10 {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713f6-fcc24c10 {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713f8-fcc24c10 {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713fa-fcc24c10 {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-_7c63a942-42c2-966b-b60b-47151d2713fc-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d2713fe-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271400-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271402-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271404-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271406-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271408-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27140a-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27140c-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27140e-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271410-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271412-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271414-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271416-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d271418-fcc24c10, #w-node-_7c63a942-42c2-966b-b60b-47151d27141a-fcc24c10 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefb4-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
justify-self: stretch;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefc2-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefc4-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefce-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefd5-6c3cef9e {
grid-area: span 3 / span 2 / span 3 / span 2;
justify-self: stretch;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cefdb-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf017-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf053-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf08f-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf0cb-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf107-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf143-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf17f-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf1bb-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf1f7-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf233-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf277-6c3cef9e {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf2b3-6c3cef9e {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf2ef-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf32b-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf367-6c3cef9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf371-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf37b-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf385-6c3cef9e, #w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf38f-6c3cef9e {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf399-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
justify-self: stretch;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf3aa-6c3cef9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf3ac-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
justify-self: stretch;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf3bd-6c3cef9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1b558a38-782b-0b2c-a0e5-e2966c3cf3bf-6c3cef9e {
grid-area: span 1 / span 3 / span 1 / span 3;
justify-self: stretch;
}
#w-node-_630fb670-c487-f746-8de3-ad6e17f470ac-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f470c9-17f4709c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_630fb670-c487-f746-8de3-ad6e17f470de-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f470e8-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f470f2-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f470fc-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f47110-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f4711a-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f47124-17f4709c, #w-node-_630fb670-c487-f746-8de3-ad6e17f4712e-17f4709c {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-de35d137-8b81-87b2-1b23-340a876b8e05-876b8e05 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a0e00f3-5536-5a56-3385-6529a9c3feeb-a9c3feeb {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_3f010e37-9a03-fadd-7427-eac99ca6727f-a9c3feeb {
justify-self: start;
}
#w-node-_2429c4e4-d6a1-109e-24ab-94f9dd4bb9bd-dd4bb9bd, #w-node-_65212df9-11b6-e146-e7b3-82897cf806e1-7cf806e1, #w-node-_7a9fcd0e-844d-de44-adac-6d985134d070-5134d070, #w-node-_8642688a-b881-4c83-35de-e34c57903063-57903063, #w-node-_395bf802-08a4-bb6a-29ff-7b193984ddd4-3984ddd4, #w-node-_79b245a7-5eba-517a-a45f-5f027c6eeb02-7c6eeb02, #w-node-_9d75c4f0-ab89-5d5a-cec3-c4f05bf4e83d-5bf4e83d, #w-node-_9ae866b5-0ff0-0c62-d77b-306b4f95e3c4-4f95e3c4, #w-node-d790ce0c-9fdb-1a60-1d45-b48b504f9893-504f9893, #w-node-_3a785902-6d39-e10e-d417-14a36a15de4e-6a15de4e {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_3a785902-6d39-e10e-d417-14a36a15de52-6a15de4e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de3c5d33-7325-dcfd-7729-e01269673dc9-69673dc9, #w-node-_6cc0b379-8f20-0cb2-b8aa-f2997479c2d8-7479c2d8, #w-node-_4c693ccf-8063-55ff-7641-6cc47c5e1b21-7c5e1b21 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_7813f78f-bada-7ab3-bd5d-81bf1b7420ac-1b7420ac, #w-node-_5ac3a6d0-dad7-37a2-b990-6e4f0d43e767-0d43e767 {
grid-area: span 1 / span 3 / span 1 / span 3;
justify-self: stretch;
}
#w-node-_880e569a-25ff-3df0-f815-be7341930ee7-41930ee7 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-ec02b228-3850-fc94-36ce-ead357f04438-57f04438 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_669f9db0-d568-328d-e03d-acf4ae058d32-00c24bc3, #w-node-_6bcd5a01-6f60-4a84-09da-5a9a4e7d407d-00c24bc3 {
justify-self: stretch;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae25b-00c24bc3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae25e-00c24bc3, #w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae261-00c24bc3, #w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae264-00c24bc3, #w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae267-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae26b-00c24bc3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae26d-00c24bc3, #w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae26f-00c24bc3, #w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae28f-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae293-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae299-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae29b-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae2a0-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae2a2-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae2a7-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58b0bb93-29f0-6c3e-3394-2b5b9afae2a9-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6389d770-0e23-53dd-da9f-e6c47363df96-00c24bc3, #w-node-_370e617d-8a19-2058-0b0a-fbcda004477a-00c24bc3, #w-node-_299af6bc-8d0e-5570-c9f1-9131f5dd36d0-00c24bc3, #w-node-_39a1db8a-11c3-64f8-df48-5e8a4a4f5a16-00c24bc3 {
justify-self: stretch;
}
#w-node-ce103888-afd1-dd2b-217b-c4b1f2ee87b7-00c24bc3 {
place-self: auto stretch;
}
#w-node-c772d225-b5ab-5646-6f65-bac8655e44b7-00c24bc3, #w-node-ae557c5c-803a-c2f5-e0c2-742ca930d685-00c24bc3, #w-node-_81683517-cdb0-966d-00df-fbd366cdb390-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4330624c-1c31-07a6-9518-9ab496c08376-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_89dbe788-1dcc-f8c0-c6d6-a4f32c483898-00c24bc3, #w-node-_1923e0ba-01bc-4bbd-c217-4040d5ff5867-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_4bac6fc0-9309-8623-def0-edad9775a402-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_58afe7f9-f5b2-8733-9b56-60333023bc21-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_8921ae9f-d132-0ac3-6ad5-a4fd4304b354-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_03a73348-d101-5fd7-7d71-0ef522f6d013-00c24bc3, #w-node-_3d579501-9fca-628c-bcf2-5d6c2a2c0a7e-00c24bc3, #w-node-c7190a07-2d1b-acf5-2c82-51e364eba244-00c24bc3 {
align-self: center;
}
#w-node-_6637fa8e-e50f-d1a7-de27-fba98cf295db-00c24bc3, #w-node-_368d0323-c30e-168e-3e69-b431c0f89c90-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b001-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b025-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b039-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b03a-00c24bc3 {
grid-area: span 3 / span 2 / span 3 / span 2;
justify-self: stretch;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b040-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b07c-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b0f4-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b1a8-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b1e4-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b220-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b354-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b390-00c24bc3 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b3f9-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b3fa-00c24bc3, #w-node-_6d07d1e3-7995-e923-b51a-13453812b400-00c24bc3 {
align-self: center;
}
#w-node-_6d07d1e3-7995-e923-b51a-13453812b407-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb21158-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb2117c-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb21187-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0737e531-a87b-e9c7-61f2-3d3769e26123-00c24bc3 {
grid-area: span 3 / span 2 / span 3 / span 2;
justify-self: stretch;
}
#w-node-fb204df5-2d6b-a6b7-81d3-579fa2b79d4a-00c24bc3, #w-node-fcead67c-1b17-a7c4-8a23-cd6b74a5c7f5-00c24bc3, #w-node-_9c40c1bf-e3be-0884-ea92-0160ab2c9e5c-00c24bc3, #w-node-_68b848ae-5296-f99d-66c7-7a30c7d6f48a-00c24bc3, #w-node-_8c8b9445-b10d-e175-5aeb-17471d1f6d6d-00c24bc3, #w-node-_803ae46e-608e-5d7b-2530-86cffb1b7b66-00c24bc3, #w-node-_4166ca7c-75e0-ba3f-c8c0-6728ac1cdb38-00c24bc3, #w-node-a569d6ee-1f48-825d-bb43-7aaf70e7ac9a-00c24bc3, #w-node-_07f092ce-416f-e1f4-c795-5cad10e881f3-00c24bc3, #w-node-_6832b941-127c-3b4a-bc2f-086614efd0f0-00c24bc3, #w-node-_886fcc17-3fa5-3eb1-e0ad-180becb21190-00c24bc3, #w-node-_4d4b0244-f4b7-233e-1c44-e8bbc6fa9d77-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-bb9819e0-0b25-c645-19e2-82e37606547d-00c24bc3 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_652b7d06-f633-a8e8-f915-70741e3ff730-00c24bc3, #w-node-_037998a8-0be9-5128-5af0-2954152cda9e-00c24bc3 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb211d4-00c24bc3, #w-node-e0b89926-c682-41d2-02fe-3282a68cf960-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_0d2e4cf6-9aca-c4c2-7061-db525dc5a91e-00c24bc3, #w-node-e2837b6a-277c-ffd5-508b-fc05f50e87b0-00c24bc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb211dd-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb211e6-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb211fc-00c24bc3, #w-node-_886fcc17-3fa5-3eb1-e0ad-180becb21208-00c24bc3 {
align-self: center;
}
#w-node-_886fcc17-3fa5-3eb1-e0ad-180becb2120f-00c24bc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_07273ed0-3a54-60b3-17ee-7448fead8d84-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82002-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82035-16e81fb5, #w-node-_9c5b39cb-ae53-6872-a032-0c28805ff6a8-16e81fb5, #w-node-_0346a510-bfd5-3513-38ac-5bedcecb8667-16e81fb5, #w-node-_60a473d2-06ed-782e-4bf1-11bf2f33d1c9-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5d1585c5-b296-ab0b-55bd-83a284bb17c4-16e81fb5 {
grid-area: span 3 / span 3 / span 3 / span 3;
}
#w-node-cf5c096d-4a15-a18e-45b8-df73f40b6aba-16e81fb5, #w-node-d8d1d887-8702-6b0b-7649-5275619963c9-16e81fb5, #w-node-_083ea146-0ebf-746c-b0f4-97f69ee40132-16e81fb5, #w-node-d953e0af-4bdf-40c2-bbd5-e1c9e5ceb725-16e81fb5, #w-node-_873b4918-01dc-99ae-f2cf-140b8c01c926-16e81fb5, #w-node-_1bc575e0-8a74-7683-14fe-4e9a5d83f3ed-16e81fb5, #w-node-_9d0601f5-a331-bc36-9258-b49693bba7a5-16e81fb5, #w-node-c9cf4e29-8cdf-9d20-3edb-88654282a107-16e81fb5, #w-node-_874c94af-3b1e-3ed8-a3b4-35fed1a68634-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ae54fb39-af44-91d0-499b-f2d07d4e0c3c-16e81fb5, #w-node-ae54fb39-af44-91d0-499b-f2d07d4e0c41-16e81fb5 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_49b69546-708e-aab5-3d8a-c06687809105-16e81fb5, #w-node-_3336ed42-67a3-da99-3ba2-4598a2935fc7-16e81fb5, #w-node-a9903984-485f-2852-db89-279f6cc6fd47-16e81fb5 {
align-self: auto;
}
#w-node-_18ccc4e8-1d5c-034a-148b-f4e15f8738b7-16e81fb5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7d55b507-cfd8-69f5-71a9-23b47edce22a-16e81fb5, #w-node-_4cbb521e-b8c6-f76a-1b17-8dcf6427dd31-16e81fb5, #w-node-_4cbb521e-b8c6-f76a-1b17-8dcf6427dd36-16e81fb5 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-dc097627-6f56-1633-ef3e-bde7cc634257-16e81fb5 {
align-self: auto;
}
#w-node-dc097627-6f56-1633-ef3e-bde7cc634258-16e81fb5 {
place-self: center;
}
#w-node-dc097627-6f56-1633-ef3e-bde7cc63425c-16e81fb5, #w-node-dc097627-6f56-1633-ef3e-bde7cc634261-16e81fb5 {
align-self: auto;
}
#w-node-_4cbb521e-b8c6-f76a-1b17-8dcf6427dd44-16e81fb5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d0c-16e81fb5, #w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d11-16e81fb5 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d1b-16e81fb5 {
align-self: auto;
}
#w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d1c-16e81fb5 {
place-self: center;
}
#w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d1f-16e81fb5, #w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d23-16e81fb5 {
align-self: auto;
}
#w-node-_14078392-e389-7a9e-42e8-c8d7a4d31d30-16e81fb5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82063-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8209b-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e820d3-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8210b-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82209-16e81fb5 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82216-16e81fb5 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82223-16e81fb5 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8222f-16e81fb5 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8223a-16e81fb5 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82246-16e81fb5 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82251-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8225d-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82268-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82274-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8227f-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8228b-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82296-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e822a2-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8236d-16e81fb5 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8237a-16e81fb5 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82387-16e81fb5 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82393-16e81fb5 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8239e-16e81fb5 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e823aa-16e81fb5 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e823b5-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823c1-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823cc-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823d8-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823e3-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823ef-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e823fa-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82406-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e824d1-16e81fb5 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e824de-16e81fb5 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e824eb-16e81fb5 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e824f7-16e81fb5 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82502-16e81fb5 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e8250e-16e81fb5 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-bf203166-cca3-eb1d-5435-7fb316e82519-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82525-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82530-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8253c-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82547-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e82553-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8255e-16e81fb5, #w-node-bf203166-cca3-eb1d-5435-7fb316e8256a-16e81fb5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b6084631-db7e-d4c8-a087-39a0dd0c6bd9-dd0c6bd9, #w-node-_2ea2f292-f852-2c66-c41d-e6eb1ad022c5-1ad022c5 {
justify-self: stretch;
}
#w-node-_018048d3-05fb-910c-1400-c698e5b617a6-cfc24bbc {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-ef470499-9452-7dd7-d43e-cf32aa4b90d6-cfc24bbc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_0bd16a99-1d90-080f-ac22-bdd20d54520e-cfc24bbc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_391dc92d-54fa-9038-304d-5dded04317d5-cfc24bbc, #w-node-_8569df47-768e-c05f-7cbc-95c64c667dc4-cfc24bbc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_877c2eff-a8a4-886d-bd04-d3de31e33c45-cfc24bbc {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_981ad21e-244f-c98d-8e6c-edc32161a1b5-cfc24bbc {
justify-self: start;
}
#w-node-cd557d0e-e9d9-d0e7-f131-3222426dae03-cfc24bbc, #w-node-cd557d0e-e9d9-d0e7-f131-3222426dae08-cfc24bbc, #w-node-cd557d0e-e9d9-d0e7-f131-3222426dae21-cfc24bbc, #w-node-cd557d0e-e9d9-d0e7-f131-3222426dae26-cfc24bbc, #w-node-cd557d0e-e9d9-d0e7-f131-3222426dae2e-cfc24bbc, #w-node-cd557d0e-e9d9-d0e7-f131-3222426dae33-cfc24bbc, #w-node-_41abea41-8593-aa47-88bd-2fb403cae003-cfc24bbc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_41abea41-8593-aa47-88bd-2fb403cae005-cfc24bbc {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_41abea41-8593-aa47-88bd-2fb403cae006-cfc24bbc, #w-node-_41abea41-8593-aa47-88bd-2fb403cae00c-cfc24bbc {
align-self: center;
}
#w-node-_39134e54-1ee3-1337-46f4-b9e1b09a385c-b09a381e {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: start;
}
#w-node-_39134e54-1ee3-1337-46f4-b9e1b09a3860-b09a381e {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce75-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce77-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce85-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce87-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce98-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fce9a-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fceab-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e2201b41-6869-0fda-bbb9-00adf20fcead-f20fce55 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#premium-listing.w-node-_3346cf00-40b0-ee6f-e0d2-c79c1e15b9cb-1e15b9cb {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_5e6364dc-f084-a607-8253-9573dfeb139a-dfeb139a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8e0090ee-93b9-7f36-4198-e58631d75e01-dec24bee, #w-node-_8e0090ee-93b9-7f36-4198-e58631d75e03-dec24bee {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8e0090ee-93b9-7f36-4198-e58631d75e35-dec24bee {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16a5e8f8-dee1-b5aa-ab3d-0c06d1ec2247-d1ec2219 {
align-self: center;
}
#w-node-_21c88296-57c2-18d8-0e2b-4a0d18d33b93-18d33b7c {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_21c88296-57c2-18d8-0e2b-4a0d18d33bb0-18d33b7c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_21c88296-57c2-18d8-0e2b-4a0d18d33bb4-18d33b7c {
align-self: center;
}
#w-node-f9041184-6eae-019a-bb10-cf7d0f0f03e6-0f0f03dc, #w-node-f9041184-6eae-019a-bb10-cf7d0f0f03ea-0f0f03dc {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_368e73c4-83fc-0fbc-ee62-a82f184c3d92-3fc24ba6, #w-node-c67891a3-527f-7e4b-a10d-4532b1aab64b-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a397fdb9-c40a-52b7-9d2d-26bac8074544-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_638bcd0c-06ec-ef74-8998-ba5555f96e9a-3fc24ba6, #w-node-ad839443-6a97-3683-6630-516556490519-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad839443-6a97-3683-6630-51655649051a-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ad839443-6a97-3683-6630-51655649051c-3fc24ba6, #w-node-ba217045-e787-15ea-104d-d24f88e8c1a5-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ba217045-e787-15ea-104d-d24f88e8c1a6-3fc24ba6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ba217045-e787-15ea-104d-d24f88e8c1a8-3fc24ba6, #w-node-_01c7f0d6-0010-31bf-56ed-9bd92f35c11c-41c24ba5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60113b-fa60107b {
justify-self: stretch;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9b6-fa60107b {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9c3-fa60107b {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9d0-fa60107b {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9dc-fa60107b {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9e7-fa60107b {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9f3-fa60107b {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624ae9fe-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea0a-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea15-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea21-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea2c-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea38-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea43-fa60107b, #w-node-a042dcb5-2e27-0fb0-a7bf-0ee9624aea4f-fa60107b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601186-fa60107b {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60118a-fa60107b {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60118e-fa60107b {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601190-fa60107b {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601192-fa60107b {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601194-fa60107b {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601196-fa60107b {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa601198-fa60107b {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60119a-fa60107b {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60119c-fa60107b {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa60119e-fa60107b {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa6011a0-fa60107b {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa6011a2-fa60107b {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa6011a4-fa60107b {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-d595dc2c-792b-5e5a-813d-9374fa6011a6-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011a8-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011aa-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011ac-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011ae-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011b0-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011b2-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011b4-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011b6-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011b8-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011ba-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011bc-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011be-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011c0-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011c2-fa60107b, #w-node-d595dc2c-792b-5e5a-813d-9374fa6011c4-fa60107b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4374855f-ee5d-98be-2e6a-290f346a8188-68c24c16 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_30742303-b2c9-4c36-e39e-802d4c90d2a9-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-d1a5f6de-a1a7-1bf7-8788-32c46792c51e-68c24c16 {
justify-self: end;
}
#w-node-_38974b3d-45e2-047c-7c23-b566e2ec21d2-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-ada785da-fa83-273f-5aac-1ad6b0eac94b-68c24c16 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_38974b3d-45e2-047c-7c23-b566e2ec21e2-68c24c16 {
justify-self: end;
}
#w-node-a94297a0-7015-f3f5-f08a-47fdfcf6cdd8-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-a94297a0-7015-f3f5-f08a-47fdfcf6cdef-68c24c16 {
justify-self: end;
}
#w-node-a00638e2-891c-a315-0a9d-5062a02fba51-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-a00638e2-891c-a315-0a9d-5062a02fba64-68c24c16 {
justify-self: end;
}
#w-node-_74745f98-48f9-10cf-6a04-3ec515574ae5-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_74745f98-48f9-10cf-6a04-3ec515574af7-68c24c16 {
justify-self: end;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d686-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_80fbeabf-1275-137d-9bb6-75a6fbeda30c-68c24c16 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_3aaff081-b0e5-43a8-fb38-2eb38dbfde0a-68c24c16 {
align-self: center;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d698-68c24c16 {
justify-self: end;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6a3-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6b1-68c24c16 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6ba-68c24c16 {
justify-self: end;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6c5-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6d8-68c24c16 {
justify-self: end;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6e3-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d6f5-68c24c16 {
justify-self: end;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d700-68c24c16 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_84a651d7-751d-2b3a-a792-a19fca93d712-68c24c16, #w-node-_3f1aaa83-feeb-83bd-8969-75209d17f659-68c24c16 {
justify-self: end;
}
#w-node-_2fd1a694-f693-3b47-b7f3-ca10ab2553f2-68c24c16 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_84b2214d-a44c-82dc-23e6-d66ffda14309-68c24c16 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_84b2214d-a44c-82dc-23e6-d66ffda14322-68c24c16 {
justify-self: end;
}
#w-node-_84b2214d-a44c-82dc-23e6-d66ffda1433b-68c24c16 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_84b2214d-a44c-82dc-23e6-d66ffda14344-68c24c16, #w-node-_84b2214d-a44c-82dc-23e6-d66ffda14362-68c24c16, #w-node-_84b2214d-a44c-82dc-23e6-d66ffda1437f-68c24c16 {
justify-self: end;
}
#w-node-_5331ac6e-b417-1003-1015-2e4ae663b608-d7c24bb8 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_5331ac6e-b417-1003-1015-2e4ae663b61f-d7c24bb8 {
align-self: center;
}
#w-node-_23870627-e94b-e091-5ba5-69525b61bdb4-5b61bd95 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: start;
}
#w-node-_83afb022-c05a-f10c-b9d0-e677d5de7f10-aac24bc7 {
justify-self: stretch;
}
#w-node-_83afb022-c05a-f10c-b9d0-e677d5de80ae-aac24bc7 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#Overview.w-node-_83afb022-c05a-f10c-b9d0-e677d5de803f-aac24bc7, #w-node-_83afb022-c05a-f10c-b9d0-e677d5de80b1-aac24bc7, #w-node-_83afb022-c05a-f10c-b9d0-e677d5de80ea-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_83afb022-c05a-f10c-b9d0-e677d5de810c-aac24bc7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc077279c8-aac24bc7 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc077279cb-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc077279ce-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc077279d1-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc077279d4-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc077279d8-aac24bc7 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc077279da-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc077279dc-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc077279fc-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a00-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a06-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a08-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a0d-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a0f-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a14-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727a16-aac24bc7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727923-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc07727926-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc07727d50-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc07727d5f-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc07727d6e-aac24bc7 {
justify-self: stretch;
}
#Overview.w-node-_01c80595-cbdf-da6c-e302-8c4bd305e878-aac24bc7, #w-node-_01c80595-cbdf-da6c-e302-8c4bd305e8d7-aac24bc7, #w-node-_01c80595-cbdf-da6c-e302-8c4bd305e910-aac24bc7, #w-node-_01c80595-cbdf-da6c-e302-8c4bd305e949-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_01c80595-cbdf-da6c-e302-8c4bd305e96b-aac24bc7, #w-node-_01c80595-cbdf-da6c-e302-8c4bd305e990-aac24bc7, #w-node-_01c80595-cbdf-da6c-e302-8c4bd305e9b4-aac24bc7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_01c80595-cbdf-da6c-e302-8c4bd305e9d8-aac24bc7 {
grid-area: Area;
}
#w-node-_01c80595-cbdf-da6c-e302-8c4bd305ea03-aac24bc7, #Overview.w-node-_72e26a9e-b56a-3911-0a11-34b2b6b8005e-aac24bc7, #w-node-_72e26a9e-b56a-3911-0a11-34b2b6b800bd-aac24bc7, #w-node-_72e26a9e-b56a-3911-0a11-34b2b6b800f7-aac24bc7, #Overview.w-node-_431d2710-5dd6-e86d-7bf4-d0de3768579d-aac24bc7, #w-node-_431d2710-5dd6-e86d-7bf4-d0de376857fc-aac24bc7, #w-node-_431d2710-5dd6-e86d-7bf4-d0de37685836-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f84-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f8a-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ff2-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ff6-aac24bc7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ffa-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ffc-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa008-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa00c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa074-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa078-aac24bc7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa07c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa07e-aac24bc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98a69496-3b18-38f2-fc61-808e42bf20d1-8dc24bca, #w-node-_330d9353-1afb-b7c4-aaf3-2c3a0b03497e-8dc24bca, #w-node-_6ce292cc-f0cc-a090-c503-4766bfbb629a-8dc24bca, #w-node-_66251d43-1966-fcf3-6f18-93375cb07e55-8dc24bca, #w-node-b0d454bb-74c9-a593-95ae-58a51038b759-8dc24bca, #w-node-b0d454bb-74c9-a593-95ae-58a51038b75e-8dc24bca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6e809c36-16cc-49ff-61a3-495b3a2132e5-8dc24bca {
justify-self: end;
}
#w-node-b75fe214-882e-a8d4-b317-48a6b8432b6f-8dc24bca {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_61ee5eb1-3c11-0e13-27c9-ba93b40636ff-8dc24bca, #w-node-_464daef4-2c5f-709c-66bd-a97c9d749401-8dc24bca {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-e03ae3e1-5bc4-9989-e18a-ba41ea195f16-8dc24bca, #w-node-c5799ab9-d952-1a0f-6e84-f33774616f15-8dc24bca, #w-node-_62aea37a-7ec1-4b12-0e95-c3435c066a23-8dc24bca, #w-node-d128bf53-975d-b06f-9b45-80c41f1dd15c-8dc24bca, #w-node-f385a1cd-783b-42c5-218d-7849e4e4b871-8dc24bca, #w-node-cc97adb9-2ebc-8790-92a4-fda9424b516c-8dc24bca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3f8699ed-7d65-4404-b4ca-1c330420d3cb-8dc24bca {
grid-area: span 3 / span 3 / span 3 / span 3;
}
#w-node-_1165cd22-606d-2b1f-0f84-c18d36511535-8dc24bca {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_61b3b3e9-d771-a828-5a68-7581fbd9173b-8dc24bca, #w-node-_70b5d1f7-8762-7bdc-cc5e-5bae59df9505-8dc24bca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_065fe627-7104-51d7-7a81-463aa9f3a962-8dc24bca, #w-node-bbdb30f2-7b28-8f89-0588-afab1bc8765b-8dc24bca, #w-node-_7cb2668e-8873-e080-b132-80c8fc785039-8dc24bca {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_2b123d3f-14bd-3b15-03cc-8506483aac21-8dc24bca, #w-node-faa1377b-8403-142b-1ed8-1bad8afd6513-8dc24bca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4362eb0a-a1ff-28d9-1f56-7951969c4609-8dc24bca {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_4362eb0a-a1ff-28d9-1f56-7951969c461a-8dc24bca, #w-node-_4362eb0a-a1ff-28d9-1f56-7951969c461e-8dc24bca, #w-node-_4362eb0a-a1ff-28d9-1f56-7951969c4622-8dc24bca, #w-node-_4362eb0a-a1ff-28d9-1f56-7951969c4626-8dc24bca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_07ec250b-5b63-45d1-c0f5-e3096fa0cb7b-8dc24bca, #w-node-_9638de07-b703-1476-56b5-4af69fd0b054-8dc24bca {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_6ff78eab-b672-5177-1816-d2817364faa6-8dc24bca {
grid-area: 1 / 1 / 2 / 2;
place-self: stretch stretch;
}
#w-node-_65cb140e-b558-04d1-d504-f6dfde8f7c9d-8dc24bca {
grid-area: 1 / 2 / 2 / 3;
place-self: stretch stretch;
}
#w-node-_1b5e529d-386f-41dd-d986-4c23328ba147-8dc24bca {
grid-area: 1 / 3 / 2 / 4;
place-self: stretch stretch;
}
#w-node-b0bdc66c-19f2-5f7f-0f3b-e554c13aa211-8dc24bca {
grid-area: 1 / 4 / 2 / 5;
place-self: stretch stretch;
}
#w-node-_36269489-367b-1b26-5c59-fa94c7c0409c-8dc24bca {
grid-area: 2 / 1 / 4 / 2;
align-self: stretch;
}
#w-node-_7e5f90d9-2ce8-ae24-ae10-eedaba2c0802-8dc24bca {
grid-area: 2 / 2 / 3 / 3;
align-self: center;
}
#w-node-_5257af4c-e213-a12b-f295-11adb0bdb0d9-8dc24bca {
grid-area: 3 / 2 / 4 / 3;
align-self: center;
}
#w-node-_0de9ec38-04c0-1a3f-8ccb-e4cad8ba1966-8dc24bca {
grid-area: 2 / 3 / 3 / 4;
align-self: center;
}
#w-node-_5f7bd8de-844b-f743-e632-4ba0de0b8169-8dc24bca {
grid-area: 2 / 4 / 3 / 5;
align-self: center;
}
#w-node-_94e5c314-81a8-422c-218c-61d656bee595-8dc24bca {
grid-area: 3 / 4 / 4 / 5;
}
#w-node-_3542bea3-a802-97a6-d232-52bc94ac0274-8dc24bca {
grid-area: 3 / 3 / 4 / 4;
align-self: center;
}
#w-node-_77c554a9-e26a-3aa8-391a-cf965b1c2549-8dc24bca {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_932c4838-7655-f184-3e0d-a9198d4e5e30-8dc24bca {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-f85260cf-731a-d817-d54d-02294bfff512-8dc24bca, #w-node-e078ff7b-55f1-39f6-f8c2-bdbb374744f2-8dc24bca {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edad723-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad726-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad803-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad8e0-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad8ef-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad8fe-89c24a46 {
justify-self: stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadbff-89c24a46 {
place-self: auto stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadc27-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadc7e-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadca7-89c24a46 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadcc9-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd08-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd2c-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd70-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd7b-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd7f-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd95-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadd9b-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadda1-89c24a46 {
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadda8-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadddc-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edade39-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edade5d-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edade68-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edade69-89c24a46 {
grid-area: span 3 / span 2 / span 3 / span 2;
justify-self: stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edade6f-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadeab-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadee7-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadf23-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadf5f-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edadf9b-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edadfd7-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae013-89c24a46 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae04f-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae050-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae056-89c24a46 {
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae05d-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae08a-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae0ae-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae0b9-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae0c3-89c24a46 {
grid-area: span 3 / span 2 / span 3 / span 2;
justify-self: stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae0c9-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae105-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae141-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae17d-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae1b9-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae1f5-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae231-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae26d-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae2a9-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae2e5-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae321-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae365-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae3a1-89c24a46 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae3dd-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae419-89c24a46 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae455-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae45e-89c24a46 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae467-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae470-89c24a46 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae479-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae482-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae483-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edae489-89c24a46 {
align-self: center;
}
#w-node-_92899d0d-2e68-0dbc-d320-d58c8edae490-89c24a46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fa827711-4572-f896-06db-9f111b21881b-44bc61b4 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-fa827711-4572-f896-06db-9f111b21881e-44bc61b4, #w-node-fa827711-4572-f896-06db-9f111b218821-44bc61b4, #w-node-fa827711-4572-f896-06db-9f111b218824-44bc61b4, #w-node-fa827711-4572-f896-06db-9f111b218827-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c407ca7-8815-c68b-6f01-a67c44bc61cd-44bc61b4 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_6c407ca7-8815-c68b-6f01-a67c44bc61cf-44bc61b4, #w-node-_6c407ca7-8815-c68b-6f01-a67c44bc61d1-44bc61b4, #w-node-_9d4a2806-daeb-dbe3-41fc-37919a317ba3-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_423027d1-f413-29b7-9892-6ea933419d3a-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_423027d1-f413-29b7-9892-6ea933419d3c-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0362cf33-d8fe-5fcc-6688-db47e1479a3f-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_0362cf33-d8fe-5fcc-6688-db47e1479a41-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3d9286d9-060f-dd3f-ff63-5b1069362540-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_3d9286d9-060f-dd3f-ff63-5b1069362542-44bc61b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fdc60010-a842-3583-1969-00fe30bf4862-44bc61b4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0e2ee8a5-706d-ab43-ba3d-5db43394c8b6-aec24c0b {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-afb464e6-1d3b-8e9d-b5d3-5c427e77e46e-aec24c0b {
align-self: center;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f6461-aec24c0b {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f646f-aec24c0b {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f647d-aec24c0b {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f648a-aec24c0b {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f6496-aec24c0b {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f64a3-aec24c0b {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-add9ee08-67de-8f08-accc-69d0e00f64af-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64bc-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64c8-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64d5-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64e1-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64ee-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f64fa-aec24c0b, #w-node-add9ee08-67de-8f08-accc-69d0e00f6507-aec24c0b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a73617c5-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361892-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618a1-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618b0-aec24c0b {
justify-self: stretch;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a7361bb1-aec24c0b {
place-self: auto stretch;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a7361bd9-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361c30-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361c59-aec24c0b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f473f-aec24c0b, #w-node-e36954a3-e63b-6014-b23f-95cfba1f48a1-aec24c0b, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4934-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4944-aec24c0b, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4949-aec24c0b, #w-node-e36954a3-e63b-6014-b23f-95cfba1f494e-aec24c0b {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4958-aec24c0b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f495e-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f496c-aec24c0b {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f496d-aec24c0b {
place-self: center;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4970-aec24c0b, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4974-aec24c0b {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4981-aec24c0b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc734-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cb3-aec24c0b {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cc0-aec24c0b {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970ccd-aec24c0b {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cd9-aec24c0b {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970ce4-aec24c0b {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cf0-aec24c0b {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cfb-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d07-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d12-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d1e-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d29-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d35-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d40-aec24c0b, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d4c-aec24c0b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc896-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#field-2.w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc8c4-aec24c0b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc929-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc939-aec24c0b, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc93e-aec24c0b, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc943-aec24c0b {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc94d-aec24c0b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc953-aec24c0b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc961-aec24c0b {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc962-aec24c0b {
place-self: center;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc965-aec24c0b, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc969-aec24c0b {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc976-aec24c0b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdf6b-b65cdea4 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdf78-b65cdea4 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdf85-b65cdea4 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdf91-b65cdea4 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdf9c-b65cdea4 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfa8-b65cdea4 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfb3-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfbf-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfca-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfd6-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfe1-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdfed-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65cdff8-b65cdea4, #w-node-bb2da1b2-3200-3f2c-817d-d9bbb65ce004-b65cdea4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_41ba262f-5fe6-9a26-e71d-3da761f61b05-d0c24bc6 {
place-self: end;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf70d35-d0c24bc6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf70da1-d0c24bc6 {
align-self: center;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf711c3-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf712b2-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf712c1-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf712d0-d0c24bc6 {
justify-self: stretch;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71318-d0c24bc6 {
place-self: auto stretch;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71340-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71397-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf713c0-d0c24bc6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7144e-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf715b0-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71643-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71653-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71658-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7165d-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71667-d0c24bc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7166d-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7167b-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7167c-d0c24bc6 {
place-self: center;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7167f-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71683-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71690-d0c24bc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf717ad-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf718c1-d0c24bc6 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf718cf-d0c24bc6 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf718dd-d0c24bc6 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf718ea-d0c24bc6 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf718f6-d0c24bc6 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71903-d0c24bc6 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7190f-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7191c-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71928-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71935-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71941-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7194e-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf7195a-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71967-d0c24bc6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf719f7-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#field-2.w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71a26-d0c24bc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71a9d-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71aad-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ab2-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ab7-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ac1-d0c24bc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ac7-d0c24bc6 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ad5-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ad6-d0c24bc6 {
place-self: center;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71ad9-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71add-d0c24bc6 {
align-self: auto;
}
#w-node-_48e32755-4e2f-acf1-1afd-8dd4daf71aea-d0c24bc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_099254de-fc6f-d0d4-cb5d-e0c4cd9e4dfc-96c24a13 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0e2ee8a5-706d-ab43-ba3d-5db43394c8b6-67c24bbb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-afb464e6-1d3b-8e9d-b5d3-5c427e77e46e-67c24bbb {
align-self: center;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a5c-67c24bbb {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a69-67c24bbb {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a76-67c24bbb {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a82-67c24bbb {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a8d-67c24bbb {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84a99-67c24bbb {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_8588fb47-ecc5-7b66-4771-104107e84aa4-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84ab0-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84abb-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84ac7-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84ad2-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84ade-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84ae9-67c24bbb, #w-node-_8588fb47-ecc5-7b66-4771-104107e84af5-67c24bbb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a73617c5-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361892-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618a1-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618b0-67c24bbb {
justify-self: stretch;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a7361bb1-67c24bbb {
place-self: auto stretch;
}
#w-node-_92dd88d3-810d-79c4-df4e-a138a7361bd9-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361c30-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a7361c59-67c24bbb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f473f-67c24bbb, #w-node-e36954a3-e63b-6014-b23f-95cfba1f48a1-67c24bbb, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4934-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4944-67c24bbb, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4949-67c24bbb, #w-node-e36954a3-e63b-6014-b23f-95cfba1f494e-67c24bbb {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4958-67c24bbb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f495e-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f496c-67c24bbb {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f496d-67c24bbb {
place-self: center;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4970-67c24bbb, #w-node-e36954a3-e63b-6014-b23f-95cfba1f4974-67c24bbb {
align-self: auto;
}
#w-node-e36954a3-e63b-6014-b23f-95cfba1f4981-67c24bbb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc734-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cb3-67c24bbb {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cc0-67c24bbb {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970ccd-67c24bbb {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cd9-67c24bbb {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970ce4-67c24bbb {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cf0-67c24bbb {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-d0082dd4-c66e-c8af-8dd4-ae262d970cfb-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d07-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d12-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d1e-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d29-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d35-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d40-67c24bbb, #w-node-d0082dd4-c66e-c8af-8dd4-ae262d970d4c-67c24bbb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc896-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#field-2.w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc8c4-67c24bbb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc929-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc939-67c24bbb, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc93e-67c24bbb, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc943-67c24bbb {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc94d-67c24bbb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc953-67c24bbb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc961-67c24bbb {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc962-67c24bbb {
place-self: center;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc965-67c24bbb, #w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc969-67c24bbb {
align-self: auto;
}
#w-node-d00c9d33-fdf5-3ebd-2372-7f6df22cc976-67c24bbb, #w-node-_934df85e-2f54-479d-5699-9bf292babd0f-2ec24b54 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a88d-2ec24b54 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a89a-2ec24b54 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8a7-2ec24b54 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8b3-2ec24b54 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8be-2ec24b54 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8ca-2ec24b54 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8d5-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8e1-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8ec-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a8f8-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a903-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a90f-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a91a-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a926-2ec24b54 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a93e-2ec24b54 {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a942-2ec24b54 {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a946-2ec24b54 {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a948-2ec24b54 {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a94a-2ec24b54 {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a94c-2ec24b54 {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a94e-2ec24b54 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a950-2ec24b54 {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a952-2ec24b54 {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a954-2ec24b54 {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a956-2ec24b54 {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a958-2ec24b54 {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a95a-2ec24b54 {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a95c-2ec24b54 {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a95e-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a960-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a962-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a964-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a966-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a968-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a96a-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a96c-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a96e-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a970-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a972-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a974-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a976-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a978-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a97a-2ec24b54, #w-node-_8c0a5b7c-a43d-0b4b-1474-bc21e8e7a97c-2ec24b54, #w-node-eb4af3fe-fab9-3631-05e1-81c1ecc7bf1d-11c24a40 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_22f312b6-a13c-8ea6-281f-e070013fb203-8ac24aa5 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_2d304443-806d-b9c5-31ff-999d80e823f5-8ac24aa5 {
grid-area: span 3 / span 3 / span 3 / span 3;
}
#w-node-_34c68e39-6d06-abbe-96ef-813d0f41bca7-8ac24aa5, #w-node-c5027085-7ab4-5e22-4499-47093d380fb3-8ac24aa5, #w-node-_283a56d9-3aea-b636-ca8e-fbf86dbff0df-8ac24aa5, #w-node-d62c0208-c929-dd05-26d5-742fbf608632-8ac24aa5, #w-node-_8150b6e8-9141-d81a-7211-35f5cb516529-8ac24aa5, #w-node-f3265592-4eb5-325e-ea0a-e4f38354bbb4-8ac24aa5, #w-node-_1fd6fbd3-a0ff-3fa5-edc7-daaaaa6cedcf-8ac24aa5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_146fe504-9e5b-b392-d1cd-d834df5e6238-8ac24aa5 {
justify-self: center;
}
#w-node-b609db5e-6f76-96bf-e0ab-a8a02b330beb-8ac24aa5 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b609db5e-6f76-96bf-e0ab-a8a02b330bec-8ac24aa5 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-b609db5e-6f76-96bf-e0ab-a8a02b330bf4-8ac24aa5, #w-node-b609db5e-6f76-96bf-e0ab-a8a02b330bfb-8ac24aa5, #w-node-b609db5e-6f76-96bf-e0ab-a8a02b330c02-8ac24aa5, #w-node-b609db5e-6f76-96bf-e0ab-a8a02b330c09-8ac24aa5 {
grid-area: span 3 / span 2 / span 3 / span 2;
}
#w-node-_34fec628-eeab-318c-6773-b47216b316da-8ac24aa5, #w-node-d8769326-2d26-7161-8bcc-236bc9340ec3-8ac24aa5, #w-node-b81019bb-e17c-74d8-ee28-000fcc4148d4-8ac24aa5, #w-node-_8a6c6b8e-5b2b-e881-7a59-135262d0c6ba-8ac24aa5, #w-node-da82eb4c-6161-48eb-1396-21d8dee43452-8ac24aa5, #w-node-d683a2db-296f-ce20-33b5-9fc1f6b8221f-8ac24aa5 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_5331ac6e-b417-1003-1015-2e4ae663b608-b6c24a49 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_5331ac6e-b417-1003-1015-2e4ae663b61f-b6c24a49 {
align-self: center;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7ab6-31c24ba3 {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7aca-31c24ba3 {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7ade-31c24ba3 {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7af1-31c24ba3 {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b01-31c24ba3 {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b03-31c24ba3 {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b08-31c24ba3 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b0a-31c24ba3 {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b0f-31c24ba3 {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b11-31c24ba3 {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b16-31c24ba3 {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b18-31c24ba3 {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b1d-31c24ba3 {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b1f-31c24ba3 {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b24-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b26-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b28-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b2a-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b2c-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b2e-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b30-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b32-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b34-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b36-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b38-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b3a-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b3c-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b3e-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b40-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b42-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07a6-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07b4-31c24ba3 {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07c8-31c24ba3 {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07dc-31c24ba3 {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07ef-31c24ba3 {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f07ff-31c24ba3 {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0801-31c24ba3 {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0806-31c24ba3 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0808-31c24ba3 {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f080d-31c24ba3 {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f080f-31c24ba3 {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0814-31c24ba3 {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0816-31c24ba3 {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f081b-31c24ba3 {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f081d-31c24ba3 {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0822-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0824-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0826-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0828-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f082a-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f082c-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f082e-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0830-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0832-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0834-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0836-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0838-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f083a-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f083c-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f083e-31c24ba3, #w-node-_4b8c4740-4fb2-72ab-185d-cba5432f0840-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b47-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b55-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b6a-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b7f-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b8a-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b94-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7b9f-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7ba9-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bb4-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bbe-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bc9-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bd3-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bde-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7be8-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7bf3-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c00-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c0e-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c25-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c3b-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c47-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c53-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c5f-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c6a-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c77-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c83-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c90-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7c9c-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7ca9-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7cb5-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb7cc2-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb807e-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8138-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8147-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8156-31c24ba3 {
justify-self: stretch;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb819e-31c24ba3 {
place-self: auto stretch;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb81c6-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb821d-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8246-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90876-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90965-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90974-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90983-31c24ba3 {
justify-self: stretch;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee909cb-31c24ba3 {
place-self: auto stretch;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee909f3-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90a4a-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90a73-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90b01-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90c63-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90cf6-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d06-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90d0b-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90d10-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d1a-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d20-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d2e-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d2f-31c24ba3 {
place-self: center;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d32-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90d36-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90d43-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90e60-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90f74-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90f82-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90f90-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90f9d-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90fa9-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90fb6-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee90fc2-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90fcf-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90fdb-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90fe8-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90ff4-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee91001-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee9100d-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee9101a-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee910aa-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#field-2.w-node-b804792a-61d4-cc02-04d5-fed94ee910d9-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee91150-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee91160-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee91165-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee9116a-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee91174-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee9117a-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee91188-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee91189-31c24ba3 {
place-self: center;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee9118c-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee91190-31c24ba3 {
align-self: auto;
}
#w-node-b804792a-61d4-cc02-04d5-fed94ee9119d-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_541c87d4-d4a0-3cab-4d37-a9c913fd549d-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d636-31c24ba3 {
grid-area: 1 / 1 / 9 / 2;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d63c-31c24ba3 {
grid-area: 9 / 1 / 17 / 2;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d63f-31c24ba3 {
grid-area: 1 / 2 / 5 / 3;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d640-31c24ba3 {
grid-area: 5 / 2 / 9 / 3;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d641-31c24ba3 {
grid-area: 9 / 2 / 13 / 3;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d642-31c24ba3 {
grid-area: 13 / 2 / 17 / 3;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d643-31c24ba3 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d644-31c24ba3 {
grid-area: 3 / 3 / 5 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d645-31c24ba3 {
grid-area: 5 / 3 / 7 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d646-31c24ba3 {
grid-area: 7 / 3 / 9 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d647-31c24ba3 {
grid-area: 9 / 3 / 11 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d648-31c24ba3 {
grid-area: 11 / 3 / 13 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d649-31c24ba3 {
grid-area: 13 / 3 / 15 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64a-31c24ba3 {
grid-area: 15 / 3 / 17 / 4;
}
#w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64b-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64c-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64d-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64e-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d64f-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d650-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d651-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d652-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d653-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d654-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d655-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d656-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d657-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d658-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d659-31c24ba3, #w-node-_99d2bee2-562c-324c-bbcd-0be26bb4d65a-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec7d75-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec7d9c-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec7dd0-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec7dfd-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec7e57-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80a1-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80a3-31c24ba3 {
grid-area: span 3 / span 3 / span 3 / span 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80af-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80be-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c3-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c4-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c5-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c6-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c7-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c8-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80c9-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80d0-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80dd-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80e7-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80ec-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80f1-31c24ba3 {
align-self: auto;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec80fb-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82bd-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82d8-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82dd-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82e7-31c24ba3 {
align-self: auto;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82e8-31c24ba3 {
place-self: center;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82eb-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82ef-31c24ba3 {
align-self: auto;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec82fc-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8301-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8306-31c24ba3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8310-31c24ba3 {
align-self: auto;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8311-31c24ba3 {
place-self: center;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8314-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8318-31c24ba3 {
align-self: auto;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8325-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec83e0-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8414-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8450-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8488-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8592-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec859f-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85ac-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85b8-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85c3-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85cf-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85da-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85e6-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85f1-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec85fd-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8608-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8614-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec861f-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec862b-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec86f6-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8703-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8710-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec871c-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8727-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8733-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec873e-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec874a-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8755-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8761-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec876c-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8778-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8783-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec878f-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec885a-31c24ba3 {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8867-31c24ba3 {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8874-31c24ba3 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8880-31c24ba3 {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec888b-31c24ba3 {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec8897-31c24ba3 {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88a2-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88ae-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88b9-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88c5-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88d0-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88dc-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88e7-31c24ba3, #w-node-_4d4a23ac-26a9-d2a7-c777-c2dbd1ec88f3-31c24ba3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db8f6-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db8f8-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db906-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db908-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db919-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db91b-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db92c-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f1a67d28-3550-e6d5-1307-c7efa27db92e-31c24ba3 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_2250c1a8-b6b7-8496-c43b-cd3d0c0b0485-47c24c12 {
justify-self: stretch;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd60391ea-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd60391ec-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd60391fa-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd60391fc-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd603920d-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd603920f-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd6039220-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_851dbdd0-64a7-288b-f78d-80dfd6039222-47c24c12 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb046e0c-0ec24b9e {
align-self: center;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb046f68-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb0470ca-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb04715d-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb04716d-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047172-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047177-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047181-0ec24b9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047187-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047195-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047196-0ec24b9e {
place-self: center;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047199-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb04719d-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0471aa-0ec24b9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0472c7-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0473db-0ec24b9e {
grid-area: 1 / 1 / 5 / 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0473e9-0ec24b9e {
grid-area: 5 / 1 / 9 / 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0473f7-0ec24b9e {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047404-0ec24b9e {
grid-area: 3 / 2 / 5 / 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047410-0ec24b9e {
grid-area: 5 / 2 / 7 / 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb04741d-0ec24b9e {
grid-area: 7 / 2 / 9 / 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047429-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047436-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047442-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb04744f-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb04745b-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047468-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047474-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb047481-0ec24b9e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047511-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#field-2.w-node-_05ae581a-f444-ed61-52c5-fe0bcb047540-0ec24b9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475b7-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475c7-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475cc-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475d1-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475db-0ec24b9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475e1-0ec24b9e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475ef-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475f0-0ec24b9e {
place-self: center;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475f3-0ec24b9e, #w-node-_05ae581a-f444-ed61-52c5-fe0bcb0475f7-0ec24b9e {
align-self: auto;
}
#w-node-_05ae581a-f444-ed61-52c5-fe0bcb047604-0ec24b9e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
@media screen and (min-width: 1440px) {
#w-node-_299af6bc-8d0e-5570-c9f1-9131f5dd36d0-00c24bc3, #w-node-_39a1db8a-11c3-64f8-df48-5e8a4a4f5a16-00c24bc3 {
justify-self: stretch;
}
#w-node-_30d651e6-5190-4994-db3a-8670b76b1ff2-68c24c16 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14a91a0c-84d5-e310-06fd-67cc07727d5f-aac24bc7, #w-node-_14a91a0c-84d5-e310-06fd-67cc07727d6e-aac24bc7, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad8ef-89c24a46, #w-node-_92899d0d-2e68-0dbc-d320-d58c8edad8fe-89c24a46, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618a1-aec24c0b, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618b0-aec24c0b, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf712c1-d0c24bc6, #w-node-_48e32755-4e2f-acf1-1afd-8dd4daf712d0-d0c24bc6, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618a1-67c24bbb, #w-node-_92dd88d3-810d-79c4-df4e-a138a73618b0-67c24bbb {
justify-self: stretch;
}
#w-node-_2d304443-806d-b9c5-31ff-999d80e823f5-8ac24aa5 {
grid-area: span 3 / span 3 / span 3 / span 3;
}
#w-node-d62c0208-c929-dd05-26d5-742fbf608632-8ac24aa5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8147-31c24ba3, #w-node-b20ad09f-4fdf-21d3-5ca2-cc99c8eb8156-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90974-31c24ba3, #w-node-b804792a-61d4-cc02-04d5-fed94ee90983-31c24ba3 {
justify-self: stretch;
}
}
@media screen and (max-width: 991px) {
#w-node-_01c7f0d6-0010-31bf-56ed-9bd92f35c11c-41c24ba5 {
order: -9999;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f84-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f8a-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f90-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f96-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9f9c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fa2-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fa8-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fae-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fb4-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fba-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fc0-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fc6-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fcc-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fd2-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fd8-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fe0-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fe6-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9fec-aac24bc7 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ffa-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969a9ffc-aac24bc7 {
grid-column: span 5 / span 5;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa008-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa00c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa012-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa018-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa01e-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa024-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa02a-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa030-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa036-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa03c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa042-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa048-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa04e-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa054-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa05a-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa062-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa068-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa06e-aac24bc7 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa07c-aac24bc7, #w-node-_1e00c752-f0e7-c2f7-e05e-7057969aa07e-aac24bc7 {
grid-column: span 5 / span 5;
}
}
@media screen and (max-width: 767px) {
#w-node-a3d6c3c9-2c13-2168-b4a7-d5ca81fc7319-cfc24bbc, #w-node-_01c7f0d6-0010-31bf-56ed-9bd92f35c120-41c24ba5 {
order: 9999;
}
}