@charset "UTF-8";
/*
Theme Name: WBCL 2019
Theme URI: 
Description: Custom theme for WBCL
Author: Blythe Langley and Scott Poulin for Microarts
Version: 0.3
*/
.bg-black, .has-black-background-color { background-color: black !important; }

.bg-black, .bg-black a:hover, .bg-black .frm_error, .bg-black .frm_error_style, .has-black-background-color, .has-black-background-color a:hover, .has-black-background-color .frm_error, .has-black-background-color .frm_error_style { color: white; }

.bg-black .frm_error, .bg-black .frm_error_style, .has-black-background-color .frm_error, .has-black-background-color .frm_error_style { color: white !important; }

.bg-black .wbcl-blog-subscribe .frm_form_fields, .has-black-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-black { border: 2px solid black; }

.text-black, .text-black > *, .has-black-color, .has-black-color > * { color: black !important; }

.bg-blue, .has-blue-background-color { background-color: #68ace5 !important; }

.bg-blue, .bg-blue a:hover, .bg-blue .frm_error, .bg-blue .frm_error_style, .has-blue-background-color, .has-blue-background-color a:hover, .has-blue-background-color .frm_error, .has-blue-background-color .frm_error_style { color: white; }

.bg-blue .frm_error, .bg-blue .frm_error_style, .has-blue-background-color .frm_error, .has-blue-background-color .frm_error_style { color: white !important; }

.bg-blue .wbcl-blog-subscribe .frm_form_fields, .has-blue-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-blue { border: 2px solid #68ace5; }

.text-blue, .text-blue > *, .has-blue-color, .has-blue-color > * { color: #68ace5 !important; }

.bg-gray, .has-gray-background-color { background-color: #6a747c !important; }

.bg-gray, .bg-gray a:hover, .bg-gray .frm_error, .bg-gray .frm_error_style, .has-gray-background-color, .has-gray-background-color a:hover, .has-gray-background-color .frm_error, .has-gray-background-color .frm_error_style { color: white; }

.bg-gray .frm_error, .bg-gray .frm_error_style, .has-gray-background-color .frm_error, .has-gray-background-color .frm_error_style { color: white !important; }

.bg-gray .wbcl-blog-subscribe .frm_form_fields, .has-gray-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-gray { border: 2px solid #6a747c; }

.text-gray, .text-gray > *, .has-gray-color, .has-gray-color > * { color: #6a747c !important; }

.bg-gray-light, .has-gray-light-background-color { background-color: #afafaf !important; }

.border-gray-light { border: 2px solid #afafaf; }

.text-gray-light, .text-gray-light > *, .has-gray-light-color, .has-gray-light-color > * { color: #afafaf !important; }

.bg-gray-pale, .has-gray-pale-background-color { background-color: #e1e1e1 !important; }

.border-gray-pale { border: 2px solid #e1e1e1; }

.text-gray-pale, .text-gray-pale > *, .has-gray-pale-color, .has-gray-pale-color > * { color: #e1e1e1 !important; }

.bg-gray-super-pale, .has-gray-super-pale-background-color { background-color: #f7f7f7 !important; }

.border-gray-super-pale { border: 2px solid #f7f7f7; }

.text-gray-super-pale, .text-gray-super-pale > *, .has-gray-super-pale-color, .has-gray-super-pale-color > * { color: #f7f7f7 !important; }

.bg-green, .has-green-background-color { background-color: #6cb33f !important; }

.bg-green, .bg-green a:hover, .bg-green .frm_error, .bg-green .frm_error_style, .has-green-background-color, .has-green-background-color a:hover, .has-green-background-color .frm_error, .has-green-background-color .frm_error_style { color: white; }

.bg-green .frm_error, .bg-green .frm_error_style, .has-green-background-color .frm_error, .has-green-background-color .frm_error_style { color: white !important; }

.bg-green .wbcl-blog-subscribe .frm_form_fields, .has-green-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-green { border: 2px solid #6cb33f; }

.text-green, .text-green > *, .has-green-color, .has-green-color > * { color: #6cb33f !important; }

.bg-orange, .has-orange-background-color { background-color: #efae00 !important; }

.bg-orange, .bg-orange a:hover, .bg-orange .frm_error, .bg-orange .frm_error_style, .has-orange-background-color, .has-orange-background-color a:hover, .has-orange-background-color .frm_error, .has-orange-background-color .frm_error_style { color: white; }

.bg-orange .frm_error, .bg-orange .frm_error_style, .has-orange-background-color .frm_error, .has-orange-background-color .frm_error_style { color: white !important; }

.bg-orange .wbcl-blog-subscribe .frm_form_fields, .has-orange-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-orange { border: 2px solid #efae00; }

.text-orange, .text-orange > *, .has-orange-color, .has-orange-color > * { color: #efae00 !important; }

.bg-pink, .has-pink-background-color { background-color: #ef6fbc !important; }

.bg-pink, .bg-pink a:hover, .bg-pink .frm_error, .bg-pink .frm_error_style, .has-pink-background-color, .has-pink-background-color a:hover, .has-pink-background-color .frm_error, .has-pink-background-color .frm_error_style { color: white; }

.bg-pink .frm_error, .bg-pink .frm_error_style, .has-pink-background-color .frm_error, .has-pink-background-color .frm_error_style { color: white !important; }

.bg-pink .wbcl-blog-subscribe .frm_form_fields, .has-pink-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-pink { border: 2px solid #ef6fbc; }

.text-pink, .text-pink > *, .has-pink-color, .has-pink-color > * { color: #ef6fbc !important; }

.bg-purple, .has-purple-background-color { background-color: #673bb8 !important; }

.bg-purple, .bg-purple a:hover, .bg-purple .frm_error, .bg-purple .frm_error_style, .has-purple-background-color, .has-purple-background-color a:hover, .has-purple-background-color .frm_error, .has-purple-background-color .frm_error_style { color: white; }

.bg-purple .frm_error, .bg-purple .frm_error_style, .has-purple-background-color .frm_error, .has-purple-background-color .frm_error_style { color: white !important; }

.bg-purple .wbcl-blog-subscribe .frm_form_fields, .has-purple-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-purple { border: 2px solid #673bb8; }

.text-purple, .text-purple > *, .has-purple-color, .has-purple-color > * { color: #673bb8 !important; }

.bg-red, .has-red-background-color { background-color: #ef5023 !important; }

.bg-red, .bg-red a:hover, .bg-red .frm_error, .bg-red .frm_error_style, .has-red-background-color, .has-red-background-color a:hover, .has-red-background-color .frm_error, .has-red-background-color .frm_error_style { color: white; }

.bg-red .frm_error, .bg-red .frm_error_style, .has-red-background-color .frm_error, .has-red-background-color .frm_error_style { color: white !important; }

.bg-red .wbcl-blog-subscribe .frm_form_fields, .has-red-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-red { border: 2px solid #ef5023; }

.text-red, .text-red > *, .has-red-color, .has-red-color > * { color: #ef5023 !important; }

.bg-red-2, .has-red-2-background-color { background-color: #d6083b !important; }

.bg-red-2, .bg-red-2 a:hover, .bg-red-2 .frm_error, .bg-red-2 .frm_error_style, .has-red-2-background-color, .has-red-2-background-color a:hover, .has-red-2-background-color .frm_error, .has-red-2-background-color .frm_error_style { color: white; }

.bg-red-2 .frm_error, .bg-red-2 .frm_error_style, .has-red-2-background-color .frm_error, .has-red-2-background-color .frm_error_style { color: white !important; }

.bg-red-2 .wbcl-blog-subscribe .frm_form_fields, .has-red-2-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-red-2 { border: 2px solid #d6083b; }

.text-red-2, .text-red-2 > *, .has-red-2-color, .has-red-2-color > * { color: #d6083b !important; }

.bg-turquoise, .has-turquoise-background-color { background-color: #0787ae !important; }

.bg-turquoise, .bg-turquoise a:hover, .bg-turquoise .frm_error, .bg-turquoise .frm_error_style, .has-turquoise-background-color, .has-turquoise-background-color a:hover, .has-turquoise-background-color .frm_error, .has-turquoise-background-color .frm_error_style { color: white; }

.bg-turquoise .frm_error, .bg-turquoise .frm_error_style, .has-turquoise-background-color .frm_error, .has-turquoise-background-color .frm_error_style { color: white !important; }

.bg-turquoise .wbcl-blog-subscribe .frm_form_fields, .has-turquoise-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-turquoise { border: 2px solid #0787ae; }

.text-turquoise, .text-turquoise > *, .has-turquoise-color, .has-turquoise-color > * { color: #0787ae !important; }

.bg-yellow-green, .has-yellow-green-background-color { background-color: #b5bf00 !important; }

.bg-yellow-green, .bg-yellow-green a:hover, .bg-yellow-green .frm_error, .bg-yellow-green .frm_error_style, .has-yellow-green-background-color, .has-yellow-green-background-color a:hover, .has-yellow-green-background-color .frm_error, .has-yellow-green-background-color .frm_error_style { color: white; }

.bg-yellow-green .frm_error, .bg-yellow-green .frm_error_style, .has-yellow-green-background-color .frm_error, .has-yellow-green-background-color .frm_error_style { color: white !important; }

.bg-yellow-green .wbcl-blog-subscribe .frm_form_fields, .has-yellow-green-background-color .wbcl-blog-subscribe .frm_form_fields { border: none; }

.border-yellow-green { border: 2px solid #b5bf00; }

.text-yellow-green, .text-yellow-green > *, .has-yellow-green-color, .has-yellow-green-color > * { color: #b5bf00 !important; }

.bg-white, .has-white-background-color { background-color: white !important; }

.border-white { border: 2px solid white; }

.text-white, .text-white > *, .has-white-color, .has-white-color > * { color: white !important; }

/* global stuff, in alphabetical order */
html { font-size: 18px; }

body { background: white; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

body, input, select, textarea { font: 1rem/1.58 'futura-pt', Arial, Helvetica, sans-serif; color: black; }

a { position: relative; text-decoration: none; color: #efae00; font-weight: bold; transition: color .3s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; }

a:hover { color: #6cb33f; }

a:hover img { transform: scale(1.05, 1.05); }

a:active { background-color: transparent; }

a img { transform: scale(1, 1); transition: transform .5s; }

a.scroll-down, a[href="#scroll-down"] { overflow: hidden; text-indent: 1000%; white-space: nowrap; position: relative; display: inline-block; width: 45px; height: 45px; border: 3px solid white; border-radius: 50%; transition: transform .3s; }

a.scroll-down:after, a[href="#scroll-down"]:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -10px; width: 10px; height: 10px; border-left: 3px solid white; border-bottom: 3px solid white; transform: rotate(315deg); transition: margin .3s; }

a.scroll-down:hover, a[href="#scroll-down"]:hover { transform: scale(1.05, 1.05); }

a.scroll-down:hover:after, a[href="#scroll-down"]:hover:after { margin-left: -7px; }

a.toggle { display: block; }

.alignleft { float: left; margin: 0.35rem 1.313rem 0.35rem 0; }

.alignright { float: right; margin: 0.35rem 0 .35rem 1.313rem; }

.base-button-style, .mce-content-body .button, .acf-block-preview .button, footer button, footer .button, footer .checkout-button, footer input[type=button], footer input[type=submit], footer input[type=reset], header button, header .button, header .checkout-button, header input[type=button], header input[type=submit], header input[type=reset], main button, main .button, main .checkout-button, main input[type=button], main input[type=submit], main input[type=reset], footer .wp-block-button__link, main .wp-block-button__link, .block-editor-writing-flow .wp-block-button__link { cursor: pointer; display: inline-block; line-height: 1; background: #efae00; transition: transform .3s; font-size: 1.18rem; color: white; text-transform: uppercase; padding: .8em 1.2em; border: none; -webkit-appearance: none; border-radius: 0; font-weight: normal; }

.base-button-style:hover, .mce-content-body .button:hover, .acf-block-preview .button:hover, footer button:hover, footer .button:hover, footer .checkout-button:hover, footer input:hover[type=button], footer input:hover[type=submit], footer input:hover[type=reset], header button:hover, header .button:hover, header .checkout-button:hover, header input:hover[type=button], header input:hover[type=submit], header input:hover[type=reset], main button:hover, main .button:hover, main .checkout-button:hover, main input:hover[type=button], main input:hover[type=submit], main input:hover[type=reset], footer .wp-block-button__link:hover, main .wp-block-button__link:hover, .block-editor-writing-flow .wp-block-button__link:hover, .base-button-style:active, .mce-content-body .button:active, .acf-block-preview .button:active, footer button:active, footer .button:active, footer .checkout-button:active, footer input:active[type=button], footer input:active[type=submit], footer input:active[type=reset], header button:active, header .button:active, header .checkout-button:active, header input:active[type=button], header input:active[type=submit], header input:active[type=reset], main button:active, main .button:active, main .checkout-button:active, main input:active[type=button], main input:active[type=submit], main input:active[type=reset], footer .wp-block-button__link:active, main .wp-block-button__link:active, .block-editor-writing-flow .wp-block-button__link:active { transform: scale(1.05, 1.05); color: white; }

a.button[href="#facebook-share"], a.button[href*="facebook.com/sharer.php"], a.button[href*="twitter.com/intent/tweet"] { background: #476aac; text-transform: none; font-size: 1rem; font-weight: bold; }

a.button[href="#facebook-share"]:before, a.button[href*="facebook.com/sharer.php"]:before, a.button[href*="twitter.com/intent/tweet"]:before { content: ""; display: inline-block; vertical-align: sub; width: 1.25rem; height: 1.25rem; margin-right: .25rem; background: url(images/Social-Icons.svg) no-repeat left bottom; background-size: 12rem; }

a.button[href="#facebook-share"], a.button[href*="facebook.com/sharer.php"] { background: #476aac; }

a.button[href*="twitter.com"] { background: #00baf6; }

a.button[href*="twitter.com"]:before { background-position: 66.6666% bottom; }

.broken_link, a.broken_link { text-decoration: none !important; }

.clear, .clearfix { clear: both; }

.clear:before, .clearfix:before { content: ""; display: table; width: 100%; clear: both; }

b, strong { font-weight: bold; }

big, .big { font-size: 1.125em; }

footer, header, main section { padding-left: 1.25rem; padding-right: 1.25rem; }

footer input[type=radio], footer input[type=checkbox], header input[type=radio], header input[type=checkbox], main input[type=radio], main input[type=checkbox] { cursor: pointer; width: 1rem; height: 1rem; vertical-align: text-bottom; margin-right: .25rem; }

footer .frm_forms .form-field, header .frm_forms .form-field, main .frm_forms .form-field { flex-basis: 100%; margin-bottom: 1rem; }

footer .frm_forms .frm_ajax_loading, header .frm_forms .frm_ajax_loading, main .frm_forms .frm_ajax_loading { display: none; }

footer .frm_forms .frm_description, header .frm_forms .frm_description, main .frm_forms .frm_description { font-size: .9rem; font-style: italic; }

footer .frm_forms .frm_dropzone, header .frm_forms .frm_dropzone, main .frm_forms .frm_dropzone { background: #f7f7f7; border: 3px dashed #afafaf; padding: 1rem; cursor: pointer; }

footer .frm_forms .frm_dropzone .frm_compact_text, header .frm_forms .frm_dropzone .frm_compact_text, main .frm_forms .frm_dropzone .frm_compact_text { display: none; }

footer .frm_forms .frm_dropzone .frm_upload_text, header .frm_forms .frm_dropzone .frm_upload_text, main .frm_forms .frm_dropzone .frm_upload_text { font-size: 1.3333rem; }

footer .frm_forms .frm_error, footer .frm_forms .frm_error_style, header .frm_forms .frm_error, header .frm_forms .frm_error_style, main .frm_forms .frm_error, main .frm_forms .frm_error_style { color: #efae00; }

footer .frm_forms .frm_fields_container, header .frm_forms .frm_fields_container, main .frm_forms .frm_fields_container { display: flex; flex-wrap: wrap; justify-content: space-between; }

footer .frm_forms .frm_hidden, footer .frm_forms .frm_none_container .frm_primary_label, footer .frm_forms legend, footer .frm_forms .frm_verify, header .frm_forms .frm_hidden, header .frm_forms .frm_none_container .frm_primary_label, header .frm_forms legend, header .frm_forms .frm_verify, main .frm_forms .frm_hidden, main .frm_forms .frm_none_container .frm_primary_label, main .frm_forms legend, main .frm_forms .frm_verify { display: none; }

footer .frm_forms .frm_submit, header .frm_forms .frm_submit, main .frm_forms .frm_submit { width: 100%; }

footer .frm_forms label:not(.frm_primary_label), header .frm_forms label:not(.frm_primary_label), main .frm_forms label:not(.frm_primary_label) { font-weight: normal; text-transform: none; font-size: .9rem; cursor: pointer; line-height: 1.2; }

footer .hidden, header .hidden, main .hidden { display: none; }

footer input[type=date], footer input[type=datetime], footer input[type=datetime-local], footer input[type=email], footer input[type=month], footer input[type=number], footer input[type=password], footer input[type=tel], footer input[type=text], footer input[type=time], footer input[type=url], footer input[type=week], footer select, footer textarea, header input[type=date], header input[type=datetime], header input[type=datetime-local], header input[type=email], header input[type=month], header input[type=number], header input[type=password], header input[type=tel], header input[type=text], header input[type=time], header input[type=url], header input[type=week], header select, header textarea, main input[type=date], main input[type=datetime], main input[type=datetime-local], main input[type=email], main input[type=month], main input[type=number], main input[type=password], main input[type=tel], main input[type=text], main input[type=time], main input[type=url], main input[type=week], main select, main textarea { color: #6a747c; -webkit-appearance: none; border: 1px solid #afafaf; outline: none; border-radius: 0; line-height: 1.5rem; padding: .25rem .5rem; transition: all .3s; width: 100%; }

footer input[type=date]:active, footer input[type=date]:focus, footer input[type=date].valid, footer input[type=datetime]:active, footer input[type=datetime]:focus, footer input[type=datetime].valid, footer input[type=datetime-local]:active, footer input[type=datetime-local]:focus, footer input[type=datetime-local].valid, footer input[type=email]:active, footer input[type=email]:focus, footer input[type=email].valid, footer input[type=month]:active, footer input[type=month]:focus, footer input[type=month].valid, footer input[type=number]:active, footer input[type=number]:focus, footer input[type=number].valid, footer input[type=password]:active, footer input[type=password]:focus, footer input[type=password].valid, footer input[type=tel]:active, footer input[type=tel]:focus, footer input[type=tel].valid, footer input[type=text]:active, footer input[type=text]:focus, footer input[type=text].valid, footer input[type=time]:active, footer input[type=time]:focus, footer input[type=time].valid, footer input[type=url]:active, footer input[type=url]:focus, footer input[type=url].valid, footer input[type=week]:active, footer input[type=week]:focus, footer input[type=week].valid, footer select:active, footer select:focus, footer select.valid, footer textarea:active, footer textarea:focus, footer textarea.valid, header input[type=date]:active, header input[type=date]:focus, header input[type=date].valid, header input[type=datetime]:active, header input[type=datetime]:focus, header input[type=datetime].valid, header input[type=datetime-local]:active, header input[type=datetime-local]:focus, header input[type=datetime-local].valid, header input[type=email]:active, header input[type=email]:focus, header input[type=email].valid, header input[type=month]:active, header input[type=month]:focus, header input[type=month].valid, header input[type=number]:active, header input[type=number]:focus, header input[type=number].valid, header input[type=password]:active, header input[type=password]:focus, header input[type=password].valid, header input[type=tel]:active, header input[type=tel]:focus, header input[type=tel].valid, header input[type=text]:active, header input[type=text]:focus, header input[type=text].valid, header input[type=time]:active, header input[type=time]:focus, header input[type=time].valid, header input[type=url]:active, header input[type=url]:focus, header input[type=url].valid, header input[type=week]:active, header input[type=week]:focus, header input[type=week].valid, header select:active, header select:focus, header select.valid, header textarea:active, header textarea:focus, header textarea.valid, main input[type=date]:active, main input[type=date]:focus, main input[type=date].valid, main input[type=datetime]:active, main input[type=datetime]:focus, main input[type=datetime].valid, main input[type=datetime-local]:active, main input[type=datetime-local]:focus, main input[type=datetime-local].valid, main input[type=email]:active, main input[type=email]:focus, main input[type=email].valid, main input[type=month]:active, main input[type=month]:focus, main input[type=month].valid, main input[type=number]:active, main input[type=number]:focus, main input[type=number].valid, main input[type=password]:active, main input[type=password]:focus, main input[type=password].valid, main input[type=tel]:active, main input[type=tel]:focus, main input[type=tel].valid, main input[type=text]:active, main input[type=text]:focus, main input[type=text].valid, main input[type=time]:active, main input[type=time]:focus, main input[type=time].valid, main input[type=url]:active, main input[type=url]:focus, main input[type=url].valid, main input[type=week]:active, main input[type=week]:focus, main input[type=week].valid, main select:active, main select:focus, main select.valid, main textarea:active, main textarea:focus, main textarea.valid { color: black; outline: none; }

footer input[type=date].error, footer input[type=datetime].error, footer input[type=datetime-local].error, footer input[type=email].error, footer input[type=month].error, footer input[type=number].error, footer input[type=password].error, footer input[type=tel].error, footer input[type=text].error, footer input[type=time].error, footer input[type=url].error, footer input[type=week].error, footer select.error, footer textarea.error, header input[type=date].error, header input[type=datetime].error, header input[type=datetime-local].error, header input[type=email].error, header input[type=month].error, header input[type=number].error, header input[type=password].error, header input[type=tel].error, header input[type=text].error, header input[type=time].error, header input[type=url].error, header input[type=week].error, header select.error, header textarea.error, main input[type=date].error, main input[type=datetime].error, main input[type=datetime-local].error, main input[type=email].error, main input[type=month].error, main input[type=number].error, main input[type=password].error, main input[type=tel].error, main input[type=text].error, main input[type=time].error, main input[type=url].error, main input[type=week].error, main select.error, main textarea.error { background-color: #FFEFEA; border-color: #FF9184; }

footer input[type=date], footer input[type=datetime], footer input[type=datetime-local], footer input[type=email], footer input[type=month], footer input[type=number], footer input[type=password], footer input[type=tel], footer input[type=text], footer input[type=time], footer input[type=url], footer input[type=week], footer select, header input[type=date], header input[type=datetime], header input[type=datetime-local], header input[type=email], header input[type=month], header input[type=number], header input[type=password], header input[type=tel], header input[type=text], header input[type=time], header input[type=url], header input[type=week], header select, main input[type=date], main input[type=datetime], main input[type=datetime-local], main input[type=email], main input[type=month], main input[type=number], main input[type=password], main input[type=tel], main input[type=text], main input[type=time], main input[type=url], main input[type=week], main select { height: 2.2rem; }

footer label, footer .frm_forms .frm_primary_label, header label, header .frm_forms .frm_primary_label, main label, main .frm_forms .frm_primary_label { font-weight: bold; text-transform: uppercase; }

footer select, header select, main select { -webkit-appearance: menulist; }

footer ::-webkit-input-placeholder, header ::-webkit-input-placeholder, main ::-webkit-input-placeholder { color: #6a747c; }

footer :-moz-placeholder, header :-moz-placeholder, main :-moz-placeholder { color: #6a747c; }

footer ::-moz-placeholder, header ::-moz-placeholder, main ::-moz-placeholder { color: #6a747c; }

footer :-ms-input-placeholder, header :-ms-input-placeholder, main :-ms-input-placeholder { color: #6a747c; }

footer p, header p, main p { margin: 0 0 1rem; }

footer section, main section { position: relative; min-height: 100px; padding-top: 3rem; padding-bottom: 3rem; }

footer section > h1, footer section > h2, footer section > h3, footer section > h4, footer section > h5, footer section > h6, footer section > ol, footer section > p, footer section > ul, main section > h1, main section > h2, main section > h3, main section > h4, main section > h5, main section > h6, main section > ol, main section > p, main section > ul { max-width: 1100px; margin-left: auto; margin-right: auto; }

footer section img, main section img { max-width: 100%; }

footer section img[src*=".jpg"][height], footer section img[src*=".jpeg"][height], footer section img[src*=".gif"][height], footer section img[src*=".png"][height], main section img[src*=".jpg"][height], main section img[src*=".jpeg"][height], main section img[src*=".gif"][height], main section img[src*=".png"][height] { height: auto !important; }

footer .no-margin, main .no-margin, .block-editor-writing-flow .no-margin { margin: 0; }

footer ol, footer ul, main ol, main ul, .block-editor-writing-flow ol, .block-editor-writing-flow ul { padding-left: 40px; margin: 0 0 1rem; }

footer ol li, footer ul li, main ol li, main ul li, .block-editor-writing-flow ol li, .block-editor-writing-flow ul li { margin-bottom: .5rem; }

footer ol li:last-child, footer ul li:last-child, main ol li:last-child, main ul li:last-child, .block-editor-writing-flow ol li:last-child, .block-editor-writing-flow ul li:last-child { margin-bottom: 0; }

footer ol li, main ol li, .block-editor-writing-flow ol li { list-style: outside decimal; }

footer ul li, main ul li, .block-editor-writing-flow ul li { list-style: outside disc; }

footer { position: relative; background: black; padding-top: 2rem; padding-bottom: 1rem; font-size: .8rem; }

footer, footer a { color: #6a747c; }

footer a { font-weight: normal; }

footer a:hover { color: white; }

footer section { padding: 0; }

footer .sharify-container { display: none; }

footer .social { text-align: center; white-space: nowrap; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: uppercase; font-weight: bold; margin-bottom: 1rem; line-height: 1; }

h1, .h1 { font-size: 3rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.5rem; }

h4, .h4 { font-size: 1.33rem; }

h5, .h5 { font-size: 1.2rem; }

h6, .h6 { font-size: 1rem; }

h1.line-behind, h2.line-behind { position: relative; text-align: center; }

h1.line-behind:before, h2.line-behind:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 0; border-top: 1px solid #9a9a9a; }

h1.line-behind span, h2.line-behind span { position: relative; display: inline-block; padding: 0 .5em; background: white; }

hr { border: none; height: 0px; overflow: hidden; border-bottom: 1px solid #6a747c; clear: both; margin: 1.5rem 0; }

header { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; background: transparent; transition: padding .3s, height .3s, background-color .3s; height: 80px; padding-top: 12px; }

header:hover, header.open, header.scrolling { background-color: black; }

header a[href="#mobile-menu"] { position: absolute; top: 50%; margin-top: -12px; right: 1.25rem; z-index: 55; overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 36px; height: 24px; border-top: 3px solid white; border-bottom: 3px solid white; }

header a[href="#mobile-menu"], header a[href="#mobile-menu"]:after { transition: border-color .3s; }

header a[href="#mobile-menu"]:after { content: ""; height: 0; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -1.5px; border-bottom: 3px solid white; }

header a[href="#mobile-menu"]:hover, header a[href="#mobile-menu"]:hover:after { border-color: #efae00; }

header a[href="#search"] { display: none; }

header .logo { transition: transform .3s; position: relative; z-index: 70; }

header .logo:hover { transform: scale(1.05, 1.05); }

header nav { position: absolute; z-index: 50; left: 0; top: 100%; height: 0; width: 100%; padding: 0 1.25rem; overflow: hidden; transition: height .3s; font-size: .88rem; background: black; text-align: center; }

header nav.open { height: calc( 100vh - 80px); overflow: auto; }

header nav a { font-weight: normal; padding: .3rem; display: block; }

header nav .sub-menu { text-align: center; padding: .5rem 1rem 1rem; background: black; }

header nav .sub-menu a { color: #afafaf; }

header nav > ul { margin-top: 1rem; }

header nav > ul > li { margin-bottom: 1rem; }

header nav > ul > li:hover > a:after { left: .15rem; width: calc(100% - .3rem); }

header nav > ul > li > a { display: block; position: relative; text-transform: uppercase; }

header nav > ul > li > a, header nav > ul > li > a:hover { color: white; }

header nav > ul > li > a:after { content: ""; display: block; position: absolute; z-index: 2; width: 0; height: 0; left: 50%; top: 100%; margin-top: -.2rem; border-bottom: 1px solid white; transition: width .3s, left .3s; }

header .wbcl-search { margin-bottom: 2rem; }

.less-leading { line-height: 1.1; }

.logo { display: block; overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 120px; height: 55px; background: url(images/WBCL-Logo-White.svg) no-repeat left top; background-size: contain; }

main { overflow: hidden; }

main .product-page-coupon-button { margin-top: 1rem; }

main > section { background: white; }

main > section:first-of-type { padding-top: 8rem; }

main > section:first-of-type.billboard-tall { padding-bottom: 8rem; }

main > section:first-of-type.wp-block-mkl-section-block .section-bg ~ * { position: static; }

main > section:first-of-type.wp-block-mkl-section-block .section-bg ~ *.wp-block-columns { position: relative; }

main > section:first-of-type a.scroll-down, main > section:first-of-type a[href="#scroll-down"] { position: absolute; bottom: 2rem; left: 50%; margin-left: -22.5px; }

main > section .section-bg video { max-width: none; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); }

main .slick-slider .slick-dots li button, main .slick-slider .slick-prev, main .slick-slider .slick-next { overflow: hidden; text-indent: 150%; white-space: nowrap; padding: 0; }

main .slick-slider .slick-dots { padding: 0; text-align: center; margin-top: 1.5rem; }

main .slick-slider .slick-dots li { list-style: none; display: inline-block; margin: 0 .35rem; }

main .slick-slider .slick-dots li, main .slick-slider .slick-dots li button { outline: none; }

main .slick-slider .slick-dots li button { width: 14px; height: 14px; border-radius: 100%; background: #e1e1e1; transition: background-color .3s; }

main .slick-slider .slick-dots li.slick-active button { background-color: #6cb33f; }

main .slick-slider .slick-prev, main .slick-slider .slick-next { position: absolute; top: 50%; margin-top: calc( -35px - 1rem); width: 30px; height: 30px; background: none; border-left: 3px solid #a1a1a1; border-top: 3px solid #a1a1a1; transition: border-color .3s; outline: none; }

main .slick-slider .slick-prev:hover, main .slick-slider .slick-next:hover { border-color: #6cb33f; }

main .slick-slider .slick-prev { transform: rotate(315deg); left: -40px; }

main .slick-slider .slick-next { transform: rotate(135deg); right: -40px; }

main .slick-slider .slick-slide { height: inherit; }

main .slick-slider .slick-track { display: flex; }

main .social { text-align: center; }

.modal { display: block; width: 100%; height: 100vh; display: none; position: fixed; z-index: 1001; top: 0; left: 0; background: black; }

.modal .close { position: absolute; display: block; right: 0; top: 0; width: 50px; height: 50px; font-size: 60px; font-weight: normal; line-height: 50px; text-decoration: none; text-align: center; z-index: 100; transform: rotate(45deg); }

.modal .close, .modal .close:hover { color: white; }

.modal > div { margin: 3rem 0 0; height: calc( 100vh - 3rem); overflow-y: auto; overflow-x: hidden; }

.page-numbers { text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: bold; padding: .25rem; }

.page-numbers.current, .page-numbers.dots { color: #afafaf; }

.ratio { position: relative; height: 0; width: 100%; padding: 0; overflow: hidden; }

.ratio > *, .ratio .touch-helper, .ratio .double-touch { position: absolute !important; left: 0; width: 100%; top: 0; }

.ratio img, .ratio iframe, .ratio video { position: absolute; left: 0; width: 100%; top: 0; }

.ratio iframe, .ratio video, .ratio .touch-helper, .ratio .double-touch { height: 100%; }

.ratio.ratio-16-7 { padding-bottom: 43.75%; }

.ratio.ratio-16-8 { padding-bottom: 50%; }

.ratio.ratio-16-9 { padding-bottom: 56.25%; }

.ratio.ratio-16-10 { padding-bottom: 62.5%; }

.ratio.ratio-16-11 { padding-bottom: 68.75%; }

.ratio.ratio-16-12 { padding-bottom: 75%; }

.ratio.ratio-9-16 { padding-bottom: 177.77%; }

.ratio.ratio-12-16 { padding-bottom: 133.33%; }

.max-width-10em { max-width: 10em !important; margin-left: auto; margin-right: auto; }

.max-width-12em { max-width: 12em !important; margin-left: auto; margin-right: auto; }

.max-width-15em { max-width: 15em !important; margin-left: auto; margin-right: auto; }

.max-width-20em { max-width: 20em !important; margin-left: auto; margin-right: auto; }

.max-width-25em { max-width: 25em !important; margin-left: auto; margin-right: auto; }

.max-width-30em { max-width: 30em !important; margin-left: auto; margin-right: auto; }

.max-width-35em { max-width: 35em !important; margin-left: auto; margin-right: auto; }

.max-width-40em { max-width: 40em !important; margin-left: auto; margin-right: auto; }

small, .small { font-size: .8333em; }

.social, #menu-social-icons { padding: 0; }

.social a, #menu-social-icons a { display: inline-block; margin-left: 5px; margin-right: 5px; opacity: 1; position: relative; }

.social a, .social a:after, #menu-social-icons a, #menu-social-icons a:after { overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 26px; height: 26px; background: url(images/Social-Icons.svg) no-repeat left top; background-size: 260px 78px; transition: opacity .3s; }

.social a:after, #menu-social-icons a:after { content: ""; display: block; position: absolute; left: 0; top: 0; background-position: left 49%; opacity: 0; }

.social a:hover:after, #menu-social-icons a:hover:after { opacity: 1; }

.social a[href*="instagram.com"], #menu-social-icons a[href*="instagram.com"] { background-position: 17% top; }

.social a[href*="instagram.com"]:after, #menu-social-icons a[href*="instagram.com"]:after { background-position: 17% 49%; }

.social a[href*="linkedin.com"], #menu-social-icons a[href*="linkedin.com"] { background-position: 33.3333% top; }

.social a[href*="linkedin.com"]:after, #menu-social-icons a[href*="linkedin.com"]:after { background-position: 33.3333% 49%; }

.social a[href*="pinterest.com"], #menu-social-icons a[href*="pinterest.com"] { background-position: 50% top; }

.social a[href*="pinterest.com"]:after, #menu-social-icons a[href*="pinterest.com"]:after { background-position: 50% 49%; }

.social a[href*="twitter.com"], #menu-social-icons a[href*="twitter.com"] { background-position: 66.6666% top; }

.social a[href*="twitter.com"]:after, #menu-social-icons a[href*="twitter.com"]:after { background-position: 66.6666% 49%; }

.social a[href*="youtube.com"], #menu-social-icons a[href*="youtube.com"] { background-position: 83.3333% top; }

.social a[href*="youtube.com"]:after, #menu-social-icons a[href*="youtube.com"]:after { background-position: 83.3333% 49%; }

.social a[href*="mailto:"], .social a[href*="/contact-us/"], #menu-social-icons a[href*="mailto:"], #menu-social-icons a[href*="/contact-us/"] { background-position: right top; }

.social a[href*="mailto:"]:after, .social a[href*="/contact-us/"]:after, #menu-social-icons a[href*="mailto:"]:after, #menu-social-icons a[href*="/contact-us/"]:after { background-position: right 49%; }

.social.huge a, #menu-social-icons.huge a { margin-left: 15px; margin-right: 15px; width: 64px; height: 64px; background-size: 640px; }

.social.huge a:after, #menu-social-icons.huge a:after { display: none; }

.social.huge a:hover, #menu-social-icons.huge a:hover { opacity: .7; }

.social li, #menu-social-icons li { list-style: none; display: inline; }

sup { font-size: .5em; vertical-align: .8em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-weight-400, .text-weight-normal { font-weight: 400; }

.wbcl-post-grid .wp-block-column { margin-bottom: 2rem; }

.wbcl-post-grid .wp-block-columns { margin-bottom: 0; }

.wbcl-stars { font-family: Arial, Helvetica, sans-serif; }

.archive header, .single header, body.header-black header { background: black; }

.clearing-the-air h2 { padding: 1.5rem; }

.clearing-the-air h2 + .wbcl-post-grid:not(.wbcl-block-slider) { margin-top: 3rem; }

.clearing-the-air .wbcl-post-grid { margin-bottom: 2rem; }

.dear-tabby .form-container, .dear-tabby .form-container form { text-align: center; }

.dear-tabby form { max-width: 30rem; margin: 0 auto; }

.dear-tabby form label { display: none; }

.dear-tabby form textarea { height: 8rem; }

.find-your-best-litter.slick-slider .slick-track { display: block; }

.find-your-best-litter .wp-block-column { min-width: 150px; line-height: 1.2; }

.find-your-best-litter .wp-block-column img { max-width: none; }

.getting-started .how-to-switch-guide .section-bg { background-position: center 3rem; }

.getting-started .how-to-switch-guide p.has-drop-cap { line-height: 1.2; }

.getting-started .how-to-switch-guide p.has-drop-cap:first-letter { font-weight: bold; font-size: 6em; color: #6cb33f; }

.home main > section:first-of-type .section-bg video { transform: none; left: auto; right: -20%; }

.home .find-your-best-litter .wp-block-column { min-width: 130px; }

.home .wbcl-give-litter .wp-block-columns.has-1-columns > .wp-block-column { max-width: 32rem; margin-left: auto !important; margin-right: auto !important; }

.international-brand-materials main .has-4-columns p { font-size: .9rem; line-height: 1.2; }

.international-brand-materials .has-4-columns .wp-block-column { margin-bottom: 2rem; }

.international-brand-materials .wp-block-columns { margin-bottom: 0; }

.international-brand-materials .wp-block-image figure, .international-brand-materials figure.wp-block-image { width: 100%; height: 0; padding-bottom: 50%; position: relative; border: 1px solid #e1e1e1; }

.international-brand-materials .wp-block-image figure img, .international-brand-materials figure.wp-block-image img { position: absolute; width: auto; max-width: calc( 100% - 40px); max-height: calc( 100% - 10px); left: 50%; top: 50%; transform: translate(-50%, -50%); }

.natural-cat-litter .find-your-best-litter .wp-block-column { width: 275px; min-width: 275px; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; margin: 0; font-size: .9rem; }

.news-and-media .wbcl-faq-slider-tabs a { font-weight: bold; padding: .5rem; }

.news-and-media .wbcl-faq-slider-tabs li { display: inline-block; }

.news-and-media .wbcl-faq-slider { text-align: center; font-size: .9rem; }

.news-and-media .wbcl-faq-slider .wbcl-slide { flex-wrap: wrap; align-content: flex-start; }

.news-and-media .wbcl-faq-slider .wbcl-slide a { color: black; text-transform: uppercase; }

.news-and-media .wbcl-faq-slider .wbcl-slide a:hover { color: #afafaf; }

.nominate-a-shelter form .frm_submit { text-align: center; margin-top: 2rem; }

.nominate-a-shelter form h5 { margin-top: 2rem; margin-bottom: .5rem; }

.page main > section:first-of-type *:last-child { margin-bottom: 0; }

.post-password-form input[type="submit"] { margin-top: 1rem; }

.ribbon-background { background: url(images/Ribbon-Green.svg) no-repeat center center; color: white; }

#sb_instagram { margin: -32px -64px 0 !important; width: auto !important; }

.schema-faq { margin-bottom: 2rem; }

.schema-faq .schema-faq-title { margin-bottom: 0; }

.schema-faq .schema-faq-question, a.toggle { font-weight: normal; position: relative; cursor: pointer; padding-left: 1rem; margin-bottom: .5rem; }

.schema-faq .schema-faq-question:before, a.toggle:before { content: "+"; display: inline-block; width: 1rem; margin-left: -1rem; font-weight: bold; font-size: 1.25em; color: #efae00; }

.schema-faq .schema-faq-question.active:before, a.toggle.active:before { content: "–"; }

.schema-faq .schema-faq-answer, a.toggle + div { display: none; padding-left: 1rem; }

.single h1 { font-size: 2rem; }

.single h2 { font-size: 1.7rem; }

.single h3 { font-size: 1.4rem; }

.single h4 { font-size: 1.3rem; }

.single p + h2, .single p + h3, .single p + h4, .single p + h5 { margin-top: 2.5rem; }

.single p + div + p > img.alignleft, .single p + div + p > img.alignright, .single ul + p > img.alignleft, .single ul + p > img.alignright, .single h3 + p > img.alignleft, .single h3 + p > img.alignright { margin-top: 2rem; }

.single .postmeta { display: flex; justify-content: space-between; font-size: .9rem; text-transform: uppercase; color: #afafaf; margin-bottom: 2rem; }

.single .post-thumbnail { margin-bottom: .5rem; }

.single .post-thumbnail, .single .post-thumbnail img { width: 100%; }

.single .sharify-container { border-top: 1px solid #6a747c; border-bottom: 1px solid #6a747c; padding: .5rem 0; position: relative; margin-top: 3rem; }

.single .sharify-container li { list-style: none; display: inline-block; margin: 0 .5rem; }

.single .sharify-container li a { padding: .25rem; }

.single .sharify-container .sharify-count, .single .sharify-container .sharify-title { display: none; }

.single .sharify-container ul { text-align: center; margin: 0; }

.single .sharify-container ul:before { content: 'SHARE THIS POST'; font-weight: bold; display: block; }

.single .sharify-container .sharify-icon { font-size: 1.1rem; }

.single .sidebar .sharify-container ul { padding-left: 0; }

.single .sidebar .sharify-container ul:before { display: block !important; }

.site-map main { text-align: center; }

.site-map main ul { padding: 0; }

.site-map main ul.menu, .site-map main ul.menu li { list-style: none; }

.site-map main ul.menu > li > a { text-transform: uppercase; }

.site-map main ul.menu li { margin-bottom: 0; }

.wbcl-blog-subscribe, .wbcl-search, #find-intl-distributor { max-width: 30rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; text-align: center; }

.wbcl-blog-subscribe .frm_form_fields, .wbcl-search .frm_form_fields { position: relative; border: 1px solid #afafaf; }

.wbcl-blog-subscribe .frm_form_fields .frm_field, .wbcl-search .frm_form_fields .frm_field { padding-right: 8rem; width: 100%; }

.wbcl-blog-subscribe .frm_form_fields .frm_field input, .wbcl-search .frm_form_fields .frm_field input { width: 100%; border: none; }

.wbcl-blog-subscribe .frm_form_fields .frm_submit, .wbcl-search .frm_form_fields .frm_submit { position: absolute; right: 0; top: 0; width: 9rem; text-align: right; }

.wbcl-blog-subscribe .frm_form_fields .frm_submit input[type="submit"], .wbcl-search .frm_form_fields .frm_submit input[type="submit"] { height: 2.2rem; padding-top: .5rem; }

#find-intl-distributor input, #find-intl-distributor select { display: inline-block; }

#find-intl-distributor input[type="submit"] { height: 2.2rem; padding-top: .5rem; }

#find-intl-distributor select { width: calc( 100% - 5.5rem); }

.wbcl-search { margin-bottom: 1rem; }

.wbcl-search .frm_form_fields .frm_field { padding-right: 2rem; }

.wbcl-search .frm_form_fields .frm_submit { width: 2.25rem; height: 2.25rem; text-align: center; }

.wbcl-search .frm_form_fields .frm_submit input[type="submit"] { width: 2.25rem; padding: 0; overflow: hidden; text-indent: 1000%; white-space: nowrap; background-image: url(images/Search-Icon.svg); background-repeat: no-repeat; background-position: center; background-size: 1.25rem; }

.wbcl-post-grid.wbcl-featured-post article > p { font-size: 1.1rem; }

.wbcl-post-grid.wbcl-featured-post article > p > strong:first-child { font-size: 2rem; }

.wbcl-post-grid.wbcl-featured-post figure { margin-bottom: 2rem; }

.wbcl-post-grid.wbcl-featured-post figure, .wbcl-post-grid.wbcl-featured-post figure img { width: 100%; }

.wbcl-product main > section:first-of-type { padding-top: 7rem; }

.wbcl-product main > section:first-of-type h1 { font-weight: normal; font-size: 2rem; max-width: 12.5em; margin: -.5rem 0 1.5rem; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column { margin-left: 0; margin-right: 0; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:first-child h3 { margin-bottom: .5rem; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-column { flex-basis: 50%; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image { border: 1px solid white; margin: .25rem 0 .5rem; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image img { display: block; margin: auto; max-width: 86%; max-height: 70%; }

.wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image, .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image a { width: 128px; height: 48px; display: flex; }

.wbcl-product .wbcl-featured-review { text-align: center; color: white; padding-bottom: .5rem; }

.wbcl-product .wbcl-featured-review.has-black-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid black; }

.wbcl-product .wbcl-featured-review.has-blue-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #68ace5; }

.wbcl-product .wbcl-featured-review.has-gray-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #6a747c; }

.wbcl-product .wbcl-featured-review.has-gray-light-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #afafaf; }

.wbcl-product .wbcl-featured-review.has-gray-pale-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #e1e1e1; }

.wbcl-product .wbcl-featured-review.has-gray-super-pale-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #f7f7f7; }

.wbcl-product .wbcl-featured-review.has-green-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #6cb33f; }

.wbcl-product .wbcl-featured-review.has-orange-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #efae00; }

.wbcl-product .wbcl-featured-review.has-pink-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #ef6fbc; }

.wbcl-product .wbcl-featured-review.has-purple-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #673bb8; }

.wbcl-product .wbcl-featured-review.has-red-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #ef5023; }

.wbcl-product .wbcl-featured-review.has-red-2-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #d6083b; }

.wbcl-product .wbcl-featured-review.has-turquoise-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #0787ae; }

.wbcl-product .wbcl-featured-review.has-yellow-green-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid #b5bf00; }

.wbcl-product .wbcl-featured-review.has-white-background-color .wbcl-reviews.size-medium .wbcl-slide figure { border: 2px solid white; }

.wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-slide { display: block; }

.wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-slide article, .wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-slide figure { display: block; }

.wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-slide figure { margin-top: calc( -3rem - 50px); width: 100px; height: 100px; }

.wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-stars { display: none; }

.wbcl-product .wbcl-product-callouts .wp-block-columns:first-child .wp-block-column:first-child { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.wbcl-product-callouts .wp-block-columns .wp-block-column { margin: 6px 0; position: relative; overflow: hidden; }

.wbcl-product-callouts .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; }

.wbcl-product-callouts .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; }

.wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-bottom, .wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-top { display: flex; flex-direction: column; }

.wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-bottom img, .wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-top img { display: block; }

.wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-bottom { justify-content: flex-end; padding-top: 1.5rem; }

.wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-top { justify-content: flex-start; padding-bottom: 1.5rem; }

.wbcl-product-callouts .wp-block-columns .wp-block-column.bag-image-top .wp-block-image { margin-bottom: 1.25rem; }

.wbcl-product-callouts .wp-block-columns .wp-block-column h2, .wbcl-product-callouts .wp-block-columns .wp-block-column h3, .wbcl-product-callouts .wp-block-columns .wp-block-column h4, .wbcl-product-callouts .wp-block-columns .wp-block-column h5, .wbcl-product-callouts .wp-block-columns .wp-block-column h6, .wbcl-product-callouts .wp-block-columns .wp-block-column p, .wbcl-product-callouts .wp-block-columns .wp-block-column .wp-block-button { padding-left: 1rem; padding-right: 1rem; }

.wbcl-product-callouts .wp-block-image, .wbcl-product-callouts .wp-block-image img { display: block; margin: 0; width: 100%; }

.clumping-cat-litter .find-your-best-litter .clumping-cat-litter { display: none; }

.clumping-cat-litter .wbcl-usage-grid .wbcl-slide-content td:last-child { color: #6cb33f; }

.scoopable-multiple-cat-clumping-litter .find-your-best-litter .scoopable-multiple-cat-clumping-litter { display: none; }

.scoopable-multiple-cat-clumping-litter .wbcl-usage-grid .wbcl-slide-content td:last-child, .scoopable-multiple-cat-clumping-litter .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #d6083b; }

.dust-free-lavender-scented-cat-litter .find-your-best-litter .dust-free-lavender-scented-cat-litter { display: none; }

.dust-free-lavender-scented-cat-litter .wbcl-usage-grid .wbcl-slide-content td:last-child, .dust-free-lavender-scented-cat-litter .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #673bb8; }

.litter-with-natural-attractant .find-your-best-litter .litter-with-natural-attractant { display: none; }

.litter-with-natural-attractant .wbcl-usage-grid .wbcl-slide-content td:last-child, .litter-with-natural-attractant .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #ef5023; }

.lotus-blossom-scented-litter .find-your-best-litter .lotus-blossom-scented-litter { display: none; }

.lotus-blossom-scented-litter .wbcl-usage-grid .wbcl-slide-content td:last-child, .lotus-blossom-scented-litter .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #0787ae; }

.fresh-scent-cat-litter .find-your-best-litter .fresh-scent-cat-litter { display: none; }

.fresh-scent-cat-litter .wbcl-usage-grid .wbcl-slide-content td:last-child, .fresh-scent-cat-litter .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #68ace5; }

.pine-scented-cat-litter .find-your-best-litter .pine-scented-cat-litter { display: none; }

.pine-scented-cat-litter .wbcl-usage-grid .wbcl-slide-content td:last-child, .pine-scented-cat-litter .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #b5bf00; }

.litter-for-picky-cats .find-your-best-litter .litter-for-picky-cats { display: none; }

.litter-for-picky-cats .wbcl-usage-grid .wbcl-slide-content td:last-child, .litter-for-picky-cats .wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { color: #ef6fbc; }

main .wp-block-mkl-section-block:first-of-type .section-bg.bg__fixed { background-attachment: local; position: fixed; bottom: auto; height: 100vh; transition: height 1s cubic-bezier(0, 0.4, 0.3, 1); }

main .wp-block-columns, .block-editor-writing-flow .wp-block-columns { max-width: 1100px; margin-left: auto; margin-right: auto; }

main .wp-block-columns.narrow, main .wp-block-columns.columns-narrow, .block-editor-writing-flow .wp-block-columns.narrow, .block-editor-writing-flow .wp-block-columns.columns-narrow { max-width: 900px; }

main .wp-block-columns.slick-slider, .block-editor-writing-flow .wp-block-columns.slick-slider { width: auto; }

main .wp-block-column.image-background, .block-editor-writing-flow .wp-block-column.image-background { position: relative; display: flex; flex-direction: column; justify-content: center; }

main .wp-block-column.image-background > *:not(:first-child), .block-editor-writing-flow .wp-block-column.image-background > *:not(:first-child) { position: relative; }

main .wp-block-column.image-background > *:last-child, .block-editor-writing-flow .wp-block-column.image-background > *:last-child { margin-bottom: 0; }

main .wp-block-column.image-background .wp-block-image:first-child, .block-editor-writing-flow .wp-block-column.image-background .wp-block-image:first-child { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; }

main .wp-block-column.image-background .wp-block-image:first-child img, .block-editor-writing-flow .wp-block-column.image-background .wp-block-image:first-child img { min-width: 100%; min-height: 100%; top: 0; left: 0; }

main .wp-block-image figcaption, .block-editor-writing-flow .wp-block-image figcaption { color: black; font-size: .78rem; line-height: 1; }

main .wp-block-image.no-margin img, .block-editor-writing-flow .wp-block-image.no-margin img { display: block; }

main .wp-block-image.round img, .block-editor-writing-flow .wp-block-image.round img { border-radius: 50%; }

main .wp-block-table.is-style-regular th, main .wp-block-table.is-style-regular td, .block-editor-writing-flow .wp-block-table.is-style-regular th, .block-editor-writing-flow .wp-block-table.is-style-regular td { border: 1px solid #afafaf; padding: 1em; }

main .wp-block-table.is-style-regular th:not(:first-child), main .wp-block-table.is-style-regular td:not(:first-child), .block-editor-writing-flow .wp-block-table.is-style-regular th:not(:first-child), .block-editor-writing-flow .wp-block-table.is-style-regular td:not(:first-child) { border-left: none; }

main .wp-block-table.is-style-regular tr:not(:first-child) th, main .wp-block-table.is-style-regular tr:not(:first-child) td, .block-editor-writing-flow .wp-block-table.is-style-regular tr:not(:first-child) th, .block-editor-writing-flow .wp-block-table.is-style-regular tr:not(:first-child) td { border-top: none; }

main .wbcl-cards, main .wbcl-cards p, main .wbcl-cards h1, main .wbcl-cards h2, main .wbcl-cards h3, main .wbcl-cards h4, main .wbcl-cards h5, main .wbcl-cards h6, main .wbcl-cards ol, main .wbcl-cards ul, main .wbcl-cards li, .block-editor-writing-flow .wbcl-cards, .block-editor-writing-flow .wbcl-cards p, .block-editor-writing-flow .wbcl-cards h1, .block-editor-writing-flow .wbcl-cards h2, .block-editor-writing-flow .wbcl-cards h3, .block-editor-writing-flow .wbcl-cards h4, .block-editor-writing-flow .wbcl-cards h5, .block-editor-writing-flow .wbcl-cards h6, .block-editor-writing-flow .wbcl-cards ol, .block-editor-writing-flow .wbcl-cards ul, .block-editor-writing-flow .wbcl-cards li { color: white; }

main .wbcl-cards .wp-block-column, .block-editor-writing-flow .wbcl-cards .wp-block-column { padding: 1.5rem; margin: 0; }

@media (max-width: 779px) { main .wbcl-cards .wp-block-column, .block-editor-writing-flow .wbcl-cards .wp-block-column { padding: 2rem; } }

main .wbcl-cards .wp-block-column > *, .block-editor-writing-flow .wbcl-cards .wp-block-column > * { margin-bottom: 0; }

main .wbcl-cards .wp-block-column > .wp-block-image, .block-editor-writing-flow .wbcl-cards .wp-block-column > .wp-block-image { margin-bottom: .5rem; }

.block-editor-writing-flow .wbcl-cards { background: #6a747c; }

.wbcl-block-slider.no-arrows .slick-prev, .wbcl-block-slider.no-arrows .slick-next { display: none !important; }

.wbcl-block-slider.no-dots .slick-dots { display: none !important; }

.wbcl-expando { position: relative; width: 130px; height: 130px; display: flex; flex-direction: column; justify-content: center; border: 4px solid white; border-radius: 50%; overflow: hidden; text-align: center; color: white; font-size: .9rem; cursor: pointer; }

.wbcl-expando * { margin-bottom: 0; }

.wbcl-expando, .wbcl-expando .expando-title, .wbcl-expando .expando-content { transition: all .4s; }

.wbcl-expando.expanded > .expando-title { opacity: 0; }

.wbcl-expando.expanded .expando-content { opacity: 1; }

.wbcl-expando .expando-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; }

.wbcl-expando .expando-title { font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 0; }

.wbcl-expando > .expando-title { position: absolute; top: 50%; margin-top: -.7rem; left: 0; width: 100%; }

.wbcl-expando > .expando-title span { display: block; font-size: 2.7em; line-height: .7; color: #efae00; }

.wbcl-expando .expando-content { opacity: 0; padding-left: 1.5rem; padding-right: 1.5rem; line-height: 1.2; }

html.desktop .wbcl-expando:hover > .expando-title { opacity: 0; }

html.desktop .wbcl-expando:hover .expando-content { opacity: 1; }

.wbcl-slide { position: relative; outline: none; }

.wbcl-slide:not(.slick-slide):not(:first-child) { display: none; }

.wbcl-banner { max-width: 1056px; margin-left: auto; margin-right: auto; }

.wbcl-banner .wbcl-slide *:last-child { margin-bottom: 0; }

.wbcl-banner .wbcl-slide > figure > iframe, .wbcl-banner .wbcl-slide > figure > img, .wbcl-banner .wbcl-slide > figure > video { display: block; }

.wbcl-banner .wbcl-slide > figure > iframe, .wbcl-banner .wbcl-slide > figure > video { width: 590px; height: 457px; position: relative; z-index: 3; }

.wbcl-banner .wbcl-slide > figure > img { width: 100%; height: auto; }

.wbcl-banner .wbcl-slide > figure > img.mobile { display: none; }

@media (max-width: 999px) { .wbcl-banner .wbcl-slide > figure > img:not(.mobile) { display: none; }
  .wbcl-banner .wbcl-slide > figure > img.mobile { display: block; } }

.wbcl-banner .wbcl-slide article { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }

.wbcl-banner .wbcl-slide article .wbcl-slide-content { width: 37%; margin: auto 0 auto 56%; }

@media (max-width: 999px) { .wbcl-banner .wbcl-slide article { position: relative; height: auto; }
  .wbcl-banner .wbcl-slide article .wbcl-slide-content { width: auto; margin: 1.5rem; } }

.wbcl-banner .wbcl-slide.has-video article .wbcl-slide-content { width: auto; margin-right: 7%; margin-left: 635px; }

@media (max-width: 999px) { .wbcl-banner .wbcl-slide.has-video > figure { width: 100%; height: 0; padding-bottom: 77.45%; position: relative; }
  .wbcl-banner .wbcl-slide.has-video > figure > iframe, .wbcl-banner .wbcl-slide.has-video > figure > video { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
  .wbcl-banner .wbcl-slide.has-video article .wbcl-slide-content { margin: 1.5rem; } }

.wbcl-faq-slider .wbcl-slide { display: flex; justify-content: space-between; }

.wbcl-faq-slider .wbcl-slide figure, .wbcl-faq-slider .wbcl-slide .wbcl-faq-block { flex-basis: 50%; }

.wbcl-faq-slider .wbcl-slide figure { text-align: right; }

.wbcl-faq-slider .wbcl-slide figure img { display: inline; }

@media (max-width: 999px) { .wbcl-faq-slider .wbcl-slide figure { display: none; } }

.wbcl-faq-slider .wbcl-slide .wbcl-faq-block { margin-left: 40px; }

@media (max-width: 999px) { .wbcl-faq-slider .wbcl-slide .wbcl-faq-block { margin-right: 40px; flex-basis: 100%; } }

@media (max-width: 750px) { .wbcl-faq-slider .wbcl-slide .wbcl-faq-block { margin-right: 0; margin-left: 0; } }

.wbcl-faq-slider-tabs { padding: 0; text-align: center; }

.wbcl-faq-slider-tabs *, .wbcl-faq-slider-tabs li { list-style: none; }

.wbcl-faq-slider-tabs a { display: block; font-weight: normal; text-transform: uppercase; color: #afafaf; padding: .5rem; }

.wbcl-faq-slider-tabs a:hover, .wbcl-faq-slider-tabs a.active { color: black; }

@media (max-width: 999px) { .wbcl-faq-slider-tabs a { padding: .25rem; } }

.wbcl-faq-slider-tabs li { text-transform: uppercase; display: inline-block; position: relative; }

.wbcl-faq-slider-tabs li:after { content: ""; position: absolute; top: 25%; height: 50%; right: -.125em; width: 0; border-right: 1px solid #afafaf; }

.wbcl-faq-slider-tabs li:last-child:after { display: none; }

@media (max-width: 999px) { .wbcl-faq-slider-tabs li { display: block; margin-bottom: 0; }
  .wbcl-faq-slider-tabs li:after { display: none; } }

.wbcl-image-slider.wbcl-block-slider, .wbcl-post-grid.wbcl-block-slider { margin-left: -32px; margin-right: -32px; }

@media (max-width: 1299px) { .wbcl-image-slider.wbcl-block-slider, .wbcl-post-grid.wbcl-block-slider { margin-left: .5rem; margin-right: .5rem; } }

.wbcl-image-slider .wbcl-slide, .wbcl-post-grid .wbcl-slide { margin-left: 32px; margin-right: 32px; }

main .wbcl-image-slider .slick-prev, main .wbcl-image-slider .slick-next { margin-top: -20px; }

.wbcl-post-grid { text-align: center; line-height: 1.2; font-size: .9rem; }

.wbcl-post-grid article > p > strong:first-child, .wbcl-post-grid article > .wbcl-slide-content > p > strong:first-child { text-transform: uppercase; }

.wbcl-post-grid figure { display: inline-flex; margin-bottom: 1rem; height: 160px; }

.wbcl-post-grid figure > a { display: flex; justify-content: center; }

.wbcl-post-grid figure img { max-height: 100%; width: auto; }

.wbcl-post-grid > div:not(.has-1-columns) figure img { margin: auto; }

.wbcl-post-grid > .has-1-columns figure { height: auto; }

.wbcl-post-grid > .has-1-columns figure a { display: inline; }

.acf-block-preview .wbcl-post-grid .has-2-columns, .acf-block-preview .wbcl-post-grid .has-3-columns, .acf-block-preview .wbcl-image-slider .has-2-columns, .acf-block-preview .wbcl-image-slider .has-3-columns { display: flex; }

.acf-block-preview .wbcl-post-grid .has-2-columns .wp-block-column, .acf-block-preview .wbcl-image-slider .has-2-columns .wp-block-column { flex-basis: 50%; }

.acf-block-preview .wbcl-post-grid .has-3-columns .wp-block-column, .acf-block-preview .wbcl-image-slider .has-3-columns .wp-block-column { flex-basis: 33.3333%; }

.wbcl-reviews .wbcl-slide:not(.slick-slide):not(:first-child) { display: none; }

.wbcl-reviews.size-large, .wbcl-reviews.size-medium { margin-left: 50px; margin-right: 50px; }

@media (max-width: 1199px) { .wbcl-reviews.size-large, .wbcl-reviews.size-medium { margin-left: .5rem; margin-right: .5rem; } }

.wbcl-reviews.size-large .wbcl-slide-content .wbcl-review, .wbcl-reviews.size-medium .wbcl-slide-content .wbcl-review { font-size: 2rem; }

@media (max-width: 1199px) { .wbcl-reviews.size-large .wbcl-slide-content .wbcl-review, .wbcl-reviews.size-medium .wbcl-slide-content .wbcl-review { font-size: 1.5rem; } }

@media (max-width: 750px) { .wbcl-reviews.size-large .wbcl-slide-content .wbcl-review, .wbcl-reviews.size-medium .wbcl-slide-content .wbcl-review { font-size: 1.25rem; } }

.wbcl-reviews.size-large .wbcl-slide-content .wbcl-stars, .wbcl-reviews.size-medium .wbcl-slide-content .wbcl-stars { font-size: 2.5rem; }

@media (max-width: 750px) { .wbcl-reviews.size-large .wbcl-slide-content .wbcl-stars, .wbcl-reviews.size-medium .wbcl-slide-content .wbcl-stars { font-size: 2rem; } }

.wbcl-reviews.size-large .wbcl-slide { display: flex; height: auto; text-align: center; }

@media (max-width: 750px) { .wbcl-reviews.size-large .wbcl-slide { flex-wrap: wrap; } }

.wbcl-reviews.size-large .wbcl-slide article { width: 100%; margin: auto 0; padding-left: 1rem; padding-right: 1rem; }

.wbcl-reviews.size-large .wbcl-slide figure { width: 36%; height: 0; padding-bottom: 36%; margin: auto 4% auto 0; }

@media (max-width: 750px) { .wbcl-reviews.size-large .wbcl-slide figure { width: 50%; padding-bottom: 50%; margin: 0 auto; } }

@media (max-width: 450px) { .wbcl-reviews.size-large .wbcl-slide figure { width: 80%; padding-bottom: 80%; } }

.wbcl-reviews.size-large .wbcl-slide figure + article { width: 60%; box-sizing: border-box; margin: auto 0; padding-right: 1rem; text-align: left; }

@media (max-width: 750px) { .wbcl-reviews.size-large .wbcl-slide figure + article { width: 100%; text-align: center; } }

.wbcl-reviews.size-medium .wbcl-slide { text-align: center; display: flex; flex-direction: column; justify-content: center; }

.wbcl-reviews.size-medium .wbcl-slide article { max-width: 850px; margin-left: auto; margin-right: auto; }

.wbcl-reviews.size-medium .wbcl-slide figure { width: 160px; height: 160px; margin: 0 auto 1rem; }

.wbcl-reviews.size-small .wbcl-slide { display: block; text-align: center; }

.wbcl-reviews.size-small .wbcl-slide article .wbcl-slide-content .wbcl-review { font-size: 1.25rem; }

.wbcl-reviews.size-small .wbcl-slide article .wbcl-slide-content .wbcl-stars { font-size: 2rem; }

.wbcl-reviews.size-small .wbcl-slide figure { width: 100px; height: 100px; margin: 0 auto 1rem; }

.wbcl-reviews .slick-track { display: flex; }

.wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-author { text-transform: uppercase; }

.wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-review { line-height: 1.2; }

.wbcl-reviews .wbcl-slide article .wbcl-slide-content .wbcl-stars { font-family: Arial, Helvetica, sans-serif; color: #6cb33f; margin: 0; }

.wbcl-reviews .wbcl-slide figure { position: relative; overflow: hidden; border-radius: 50%; }

.wbcl-reviews .wbcl-slide figure img { display: block; width: 100%; height: auto; }

main .wbcl-usage-grid.slick-slider { text-align: center; margin: 0 70px .5rem; }

@media (max-width: 1199px) { main .wbcl-usage-grid.slick-slider { margin-left: 70px; margin-right: 70px; } }

@media (min-width: 780px) and (max-width: 999px) { main .wbcl-usage-grid.slick-slider { margin-left: 50px; margin-right: 50px; } }

@media (max-width: 449px) { main .wbcl-usage-grid.slick-slider { margin-left: 40px; margin-right: 40px; } }

main .wbcl-usage-grid.slick-slider .slick-dots { display: none !important; }

main .wbcl-usage-grid.slick-slider .wbcl-slide h3 { font-size: 1.8rem; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table { width: 100%; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td { width: 50%; height: 40px; border-bottom: 1px solid #6a747c; font-size: 1.4rem; text-transform: uppercase; line-height: 48px; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td b, main .wbcl-usage-grid.slick-slider .wbcl-slide table td strong { font-size: 1.19em; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-1, main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-2, main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-3, main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-4 { display: block; overflow: hidden; text-indent: 150%; white-space: nowrap; margin: auto; height: 46px; background: url(images/Cat-Icon.svg) repeat-x left center; background-size: 40px; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-1 { width: 40px; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-2 { width: 80px; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-3 { width: 120px; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table td .cats-4 { width: 160px; }

@media (min-width: 1100px) { main .wbcl-usage-grid.slick-slider .wbcl-slide table td:first-child { padding-left: 10%; }
  main .wbcl-usage-grid.slick-slider .wbcl-slide table td:last-child { padding-right: 10%; } }

main .wbcl-usage-grid.slick-slider .wbcl-slide table tr { vertical-align: middle; }

main .wbcl-usage-grid.slick-slider .wbcl-slide table tr:last-child td { border: none; }

@media (orientation: landscape) { .home main > section:first-of-type .section-bg video { right: 0; height: 100vh; } }

@media (min-aspect-ratio: 7 / 4) and (min-width: 1200px) { main > section:first-of-type .section-bg video, .home main > section:first-of-type .section-bg video { width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); } }

@media (max-width: 450px) { h1 { font-size: 2.5rem; }
  h2 { font-size: 1.8rem; } }

@media (max-width: 479px) { main .slick-slider .slick-prev { left: -20px; }
  main .slick-slider .slick-next { right: -20px; } }

@media (min-width: 480px) { footer, header, main section { padding-left: 2rem; padding-right: 2rem; }
  header a[href="#mobile-menu"] { right: 2rem; } }

@media (min-width: 550px) { .single .sharify-container ul:before { display: inline-block; margin-right: 1rem; } }

@media (max-width: 700px) { .getting-started .how-to-switch-guide .section-bg { background-size: contain; } }

@media (orientation: portrait) and (min-width: 750px) { .home main > section:first-of-type .section-bg video { right: -5%; } }

@media (min-width: 750px) { main > section:first-of-type.billboard-tall { padding-top: 15rem; padding-bottom: 15rem; }
  main > section:first-of-type.billboard-tall a.scroll-down, main > section:first-of-type.billboard-tall a[href="#scroll-down"] { bottom: 5rem; } }

@media (min-width: 768px) { .modal > div { margin: 0; height: 100vh; } }

@media (max-width: 779px) { footer .wp-block-columns.rtl, footer .wp-block-columns.stack-rtl, footer .wp-block-columns.stack-reverse, main .wp-block-columns.rtl, main .wp-block-columns.stack-rtl, main .wp-block-columns.stack-reverse { flex-wrap: wrap-reverse; }
  footer .wp-block-column, main .wp-block-column { margin-left: 0 !important; margin-right: 0 !important; flex-basis: 100% !important; }
  footer { text-align: center; }
  .hide-mobile { display: none !important; }
  main .wp-block-column.image-background, .block-editor-writing-flow .wp-block-column.image-background { padding-top: 3rem; padding-bottom: 3rem; min-height: 60vw; }
  main .slick-slider .slick-prev { transform: rotate(315deg) scale(0.8, 0.8); }
  main .slick-slider .slick-next { transform: rotate(135deg) scale(0.8, 0.8); }
  .find-your-best-litter .wp-block-column { flex-basis: inherit; }
  .getting-started .how-to-switch-guide .wbcl-expando { margin-left: auto; margin-right: auto; }
  .wbcl-product main > section:first-of-type h1 { margin: -.5rem auto 1.5rem; }
  .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column { text-align: center; } }

@media (min-width: 780px) { footer .frm_forms .frm_half, header .frm_forms .frm_half, main .frm_forms .frm_half { flex-basis: 49%; }
  footer .hide-desktop, header .hide-desktop, main .hide-desktop { display: none !important; }
  footer .wp-block-column:last-child, main .wp-block-column:last-child { margin-right: 0; }
  footer .wp-block-columns, main .wp-block-columns { margin-bottom: 0; }
  footer .has-3-columns .wp-block-column:first-child, footer .has-3-columns .wp-block-column:last-child { width: 14rem; flex-basis: 14rem; }
  footer .has-3-columns .wp-block-column:nth-child(2) { margin-left: 0; margin-right: 0; padding: 0 2.5rem; flex-basis: calc( 100% - 28rem - 64px); border-left: 1px solid #6a747c; border-right: 1px solid #6a747c; }
  footer .has-3-columns .wp-block-column:nth-child(2) p { max-width: 30em; margin-left: auto; margin-right: auto; }
  .natural-cat-litter .has-2-columns.columns-wide-narrow > .wp-block-column:first-child { position: relative; }
  .natural-cat-litter .has-2-columns.columns-wide-narrow > .wp-block-column:first-child:after { content: ""; position: absolute; display: block; right: -32px; top: 0; width: 0; height: 100%; border-right: 1px solid #6a747c; }
  .news-and-media .wbcl-faq-slider .wbcl-slide .wp-block-column:only-child { margin: 0 auto; }
  .wbcl-cards + .wbcl-cards { margin-top: -1px; }
  .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:first-child { flex-basis: 41%; }
  .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:nth-child(2) { flex-basis: 35%; padding-top: 3rem; }
  .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child { flex-basis: 24%; padding-top: 5rem; }
  .wbcl-product-callouts .wp-block-columns .wp-block-column { margin: 6px !important; }
  .wbcl-product-callouts .wp-block-columns .wp-block-column > .wp-block-image:only-child { height: 100%; }
  .wbcl-product-callouts .wp-block-columns .wp-block-column > .wp-block-image:only-child img { height: 100%; width: auto; max-width: none; } }

@media (min-width: 780px) and (max-width: 1199px) { .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-columns { flex-wrap: wrap; }
  .wbcl-product main > section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-column { flex-basis: 100%; margin-bottom: 0; } }

@media (min-width: 1000px) { footer, header, main section { padding-left: 2.5rem; padding-right: 2.5rem; }
  main section { padding-top: 4rem; padding-bottom: 4rem; }
  .natural-cat-litter .has-2-columns.columns-wide-narrow > .wp-block-column:first-child:after { right: calc( -32px + 4%); }
  .wbcl-product .wbcl-featured-review .wbcl-reviews.size-medium .wbcl-slide figure { margin-top: calc( -4rem - 50px); } }

@media (max-width: 1199px) { main .slick-slider { margin-left: .5rem; margin-right: .5rem; }
  main .slick-slider .slick-prev { left: -30px; }
  main .slick-slider .slick-next { right: -30px; } }

@media (min-width: 1200px) { html.desktop footer .transition, html.desktop header .transition, html.desktop main .transition { transition: all 1s .3s; }
  html.desktop footer .transition.delay, html.desktop header .transition.delay, html.desktop main .transition.delay { transition-delay: .8s; }
  html.desktop footer .transition.delay.more, html.desktop header .transition.delay.more, html.desktop main .transition.delay.more { transition-delay: 1.5s; }
  html.desktop footer .transition.enlarge, html.desktop header .transition.enlarge, html.desktop main .transition.enlarge { transform: scale(0.5, 0.5); }
  html.desktop footer .transition.enlarge.complete, html.desktop header .transition.enlarge.complete, html.desktop main .transition.enlarge.complete { transform: scale(1, 1); }
  html.desktop footer .transition.move-left, html.desktop header .transition.move-left, html.desktop main .transition.move-left { transform: translateX(100%); }
  html.desktop footer .transition.move-left.complete, html.desktop header .transition.move-left.complete, html.desktop main .transition.move-left.complete { transform: translateX(0); }
  html.desktop footer .transition.move-right, html.desktop header .transition.move-right, html.desktop main .transition.move-right { transform: translateX(-100%); }
  html.desktop footer .transition.move-right.complete, html.desktop header .transition.move-right.complete, html.desktop main .transition.move-right.complete { transform: translateX(0); }
  html.desktop footer .transition.move-up, html.desktop header .transition.move-up, html.desktop main .transition.move-up { transform: translateY(6rem); }
  html.desktop footer .transition.move-up.complete, html.desktop header .transition.move-up.complete, html.desktop main .transition.move-up.complete { transform: translateY(0); }
  html.desktop footer .transition.move-down, html.desktop header .transition.move-down, html.desktop main .transition.move-down { transform: translateY(-6rem); }
  html.desktop footer .transition.move-down.complete, html.desktop header .transition.move-down.complete, html.desktop main .transition.move-down.complete { transform: translateY(0); }
  html.desktop footer .transition.opacity, html.desktop header .transition.opacity, html.desktop main .transition.opacity { opacity: 0; }
  html.desktop footer .transition.opacity.complete, html.desktop header .transition.opacity.complete, html.desktop main .transition.opacity.complete { opacity: 1; }
  html.desktop footer .transition.reduce, html.desktop header .transition.reduce, html.desktop main .transition.reduce { transform: scale(1.5, 1.5); }
  html.desktop footer .transition.reduce.complete, html.desktop header .transition.reduce.complete, html.desktop main .transition.reduce.complete { transform: scale(1, 1); }
  html.desktop header a[href="#mobile-menu"] { display: none; }
  html.desktop header a[href="#search"] { display: block; width: 2.25rem; overflow: hidden; text-indent: 1000%; white-space: nowrap; background-image: url(images/Search-Icon.svg); background-repeat: no-repeat; background-position: center; background-size: 1.25rem; }
  html.desktop header a[href="#search"]:after { display: none; }
  html.desktop header nav { left: auto; right: 2rem; text-align: right; top: .5rem; padding: 0; overflow: visible; transition: top .3s, height .3s; }
  html.desktop header nav a { padding: .3rem .8rem; }
  html.desktop header nav > ul { margin: 0; float: right; }
  html.desktop header nav > ul:before { content: ""; background: transparent; position: absolute; top: -20px; height: 70px; left: 0; right: -50px; transition: background-color .3s; }
  html.desktop header nav > ul:hover:before { background-color: black; }
  html.desktop header nav > ul > li { position: relative; display: inline-block; padding: 0 0 10px; margin-bottom: 0; }
  html.desktop header nav > ul > li:first-child { margin-top: 1rem; }
  html.desktop header nav > ul > li:hover .sub-menu { top: 100%; }
  html.desktop header nav > ul > li .sub-menu { position: absolute; z-index: -1; top: -600px; margin-top: -10px; left: 50%; transform: translate(-50%, 0); min-width: 12rem; max-width: 20rem; padding: .7rem .5rem 1rem; transition: top .3s; }
  html.desktop header nav > ul > li .sub-menu a:hover { color: white; }
  html.desktop header nav > ul > li .sub-menu li { line-height: 1.3; margin-bottom: .5rem; }
  html.desktop header .wbcl-search { position: fixed; z-index: -5; left: 0; right: 0; top: -100px; max-width: none; padding: 0 1rem 1rem; background: black; transition: top .3s; }
  html.desktop header .wbcl-search .frm_form_fields { width: 30rem; display: inline-block; }
  html.desktop header .wbcl-search.open { top: 80px; }
  .wbcl-product-callouts .wp-block-columns .wp-block-column { height: 388px; } }

@media (min-width: 1260px) { footer, header { padding-left: calc( 50vw - 550px); padding-right: calc( 50vw - 550px); }
  header nav { right: calc( 50vw - 550px); } }

@media (min-width: 1400px) { header { padding-left: 10%; padding-right: 10%; }
  header nav { right: 10%; } }

.IE9 .wbcl-banner .wbcl-slide article .wbcl-slide-content, .IE10 .wbcl-banner .wbcl-slide article .wbcl-slide-content, .IE11 .wbcl-banner .wbcl-slide article .wbcl-slide-content { margin-top: 3rem; }

.IE9 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image img, .IE10 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image img, .IE11 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.IE9 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image a, .IE10 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image a, .IE11 .wbcl-product main section:first-of-type > .wp-block-columns > .wp-block-column:last-child .wp-block-image a { display: block; }

html.iOS .wp-block-mkl-section-block .section-bg.bg__fixed { background-attachment: scroll; }

html.iOS .find-your-best-litter .wp-block-column.slick-slide .wp-block-image figure { position: relative; padding-bottom: 2rem; }

html.iOS .find-your-best-litter .wp-block-column.slick-slide .wp-block-image figure figcaption { position: absolute; top: calc( 100% - 2rem); width: 100%; }

html.iOS .wbcl-post-grid:not(.wbcl-featured-post) figure a img { width: 320px; height: 160px; }

/*.wp-block {
    max-width: none;
    
    &:not(.editor-default-block-appender) {
        padding-top: .75rem;
        //padding-bottom: .75rem;
    }
}*/
.editor-writing-flow { padding-left: 40px !important; padding-right: 40px !important; }

/*
// make it easier to see blocks in admin
.editor-block-list__layout {
    .editor-block-list__block {
        .editor-block-list__block-edit::before {
            border: 1px solid #e7e7e7;
        }
        
        &.is-selected > .editor-block-list__block-edit::before {
            outline: 1px solid #006a95;
        }
        
        & > .editor-block-mover {
            top: 0;
            margin-top: 0;
        }
        
        // fix for side inserter - hovering is weird
        .editor-block-list__layout .editor-block-list__empty-block-inserter, .editor-block-list__layout .editor-default-block-appender .editor-inserter {
            z-index: 20;
        }
    }  
}
// fix for ACF pro 5.8 beta 3 with WP 5.0.2
.edit-post-layout__content {
    //height: auto !important;
}

// always have some padding
.wp-block-columns {
    & > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] {
        padding: .75rem;
        
        & > .editor-block-list__block-edit {
            padding-left: .75rem;
            padding-right: .75rem;
        }
    }
    // single column
    &.has-1-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"],
    &.has-1-columns > .wp-block-column {
        flex-basis: 100%;
        margin-right: 14px;
    }
    
    &.has-1-columns > .wp-block-column {
        margin-right: 0;
    }
}

// WP 5.2.1
div.mce-inline-toolbar-grp {
    display: block !important;
}
*/
/*# sourceMappingURL=style.css.map */