/* ==========================================================================
   KIDZ - Kreezalid theme over kindshare
   Loaded on every storefront page after kindshare's stylesheets and before the
   marketplace's own custom CSS and colours, which still win.

   The palette is five CSS variables, set from Theme > Theme options
   ({{ theme.css_variables }} in the layout overrides these defaults).
   ========================================================================== */

/* Must precede every rule: an @import after one is ignored. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');

:root {
    --kidz-primary: #3D3D90;       /* header, footer, titles */
    --kidz-accent: #AAC949;        /* buttons, links */
    --kidz-accent-hover: #F6A32B;  /* hovers, active states */
    --kidz-highlight: #CE5835;     /* prices, alerts, tiles */
    --kidz-secondary: #49BCC3;     /* tiles, decorations */
}

/* --------------------------------------------------------------------------
   1. Layout and components
   -------------------------------------------------------------------------- */

/* ==========================================================================
  Table Of Content
  ==========================================================================
  0.Imports
  1.Fonts
  2.Typography
  3.General
  4.Buttons
  5.Search, Sort & Filter
  6.Navigation
  7.Homepage
  8.Listing template
  9.Listing Thumbnail
  10.Login / Register form
  11.CMS Pages / Blog / FAQ
  13.Checkout
  14.Footer
*/

/* ==========================================================================
 0. Imports
========================================================================== */


/* ==========================================================================
 1. Fonts
========================================================================== */

body, .h1, .h2, .h3, .h4, .h5, .h6, .popover, .tooltip, h1, h2, h3, h4, h5, h6, p, a, span {
   font-family: 'Montserrat', sans-serif;
}

.shop-view .btn-inbox {
    width: fit-content;
    margin: 15px auto;
}
.empty-bag-title{
    margin-top:3rem;
}
/* ==========================================================================
 2. Typography
========================================================================== */

html,
body {
    font-size: 16px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6 {
    font-weight: 600;
    color: var(--kidz-primary);
    margin: 1rem 0;
    line-height: 1.3;
}

/* ==========================================================================
 3. General
========================================================================== */

a:hover,
a:focus {
    text-decoration: none;
}

.small, small {
    font-size: 0.86rem;
}

input,
input.form-control,
select,
select.form-control { font-size: 100% !important; }

label {
    font-weight: normal;
}

.btn {
    border-radius: 10px;
}

.section-spacing {
    padding: 5rem 0;
}

.section-spacing h1,
.section-spacing h2,
.section-spacing h3,
.section-spacing h4,
.section-spacing h5,
.section-spacing h6 {
    margin-top: 0;
}

.grey-bg{
 background:#f9f9f9;
}

.breadcrumb {
    display: none;
}

form select option:first-child {
    color: #333;
}

.social-share {
    margin-top: 10px;
}
.social-share .social-block,
.social-share,
.social-share-links {
    text-align: center;
}
.social-block, .social-share-title {
    display: block;
    margin: 15px 0 !important;
}
.social-block ul {
    margin: 0;
}
.social-block li,
.social li {
    padding-left: 0;
}
.social-share-links {
 text-align: center;
 margin-top: 5px;
 padding-top: 5px;
}

.modal-header {
    background-color: transparent;
}

.modal-header .close {
    color : #333;
}

.modal-content {
   border-radius: 10px !important;
}

.modal-footer {
   border: none;
   padding-top:0;
   background: none;
}

.blue-border-box.thin {
   border:0 none;
}
.listings_success h1 .blue {
   color: var(--kidz-accent);
}

.add-annonce-step {
   background: #fff;
   top:10px;
   z-index: 0;
}

.white-box.my-listings, .white-box.my-revenue {
   color: #0be77d;
}
   
.page-header h1.post-title:after,
.page-header.post-show:after,
.page-header.post-show:before{
   content:none;
}

.page-header {
    padding-bottom: 165px;
}

.homepage-hero-module {
    padding-bottom: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header h1 {
    font-weight: 800;
    font-size: 2em;
    text-align: left;
}

/* The white wave at the bottom of the headers: its shape is the "Waves" theme option
   (section 5). */
.page-header:before,
.homepage-hero-module:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: var(--kidz-wave-h);
    background-color: #FFFFFF;
    -webkit-mask: var(--kidz-wave-top) 0 100% / var(--kidz-wave-w) 100% repeat-x;
    mask: var(--kidz-wave-top) 0 100% / var(--kidz-wave-w) 100% repeat-x;
    pointer-events: none;
}

@media (max-width:992px) {
    .page-header {
        background-position: left !important;
    }
}

@media (min-width:992px) {
    .search_result.no_filters .page-header,
    .big-header-page .page-header,
    .page-header.blog-index-head,
    .homepage-hero-module {
        padding-bottom: 400px;
    }
    .page-header h1 {
       font-size: 3em;
    }
    .search_result.no_filters .page-header h1,
    .big-header-page .page-header h1,
    .blog-index-head.page-header h1 {
       font-size: 4em;
       width: 40%;
    }
    .category_result h1 {
        width: 100%;
    }
    
   .page-header.post-show{
       padding-top: 5em;
       padding-bottom: 10em;
       margin-bottom:0;
   }
   .page-section.post .col-md-10.col-md-offset-1{
       background: #FFF;
       margin-top: -10em;
       padding: 5em;
    }

   .post-show .a2a_kit a {
       float: none;
       display: block;
   }
   .post-show .container .col-md-10.col-md-offset-1{
       position: relative;
       width: 100%;
   }

   .post-show .blog-share{
       position: absolute;
       right: 0;
       top: 0;
       float: none;
   }
   .page-header h1.post-title {
       width: 60%;
   }
}

.notification.success {
   background: #FFF;
   color: var(--kidz-accent) !important;
   border: 2px solid var(--kidz-accent);
}
.notification.success .close {
   color: var(--kidz-accent);
}
.notification.warning {
   background: #FFF;
   color: var(--kidz-accent-hover) !important;
   border: 2px solid var(--kidz-accent-hover);
}
.notification.warning .close {
   color: var(--kidz-accent-hover);
}
.notification.error {
   background: #FFF;
   color: var(--kidz-highlight) !important;
   border: 2px solid var(--kidz-highlight);
}
.notification.error .close {
   color: var(--kidz-highlight);
}
.notification.error {
   background: #FFF;
   color: var(--kidz-highlight) !important;
   border: 2px solid var(--kidz-highlight);
}
.notification.error .close {
   color: var(--kidz-highlight);
}
.notification.closed {
   transform: translate(0,-200px);
   transition: 2s;
}
.notification.success .notification-msg:before {
   top: 5px;
   bottom: auto;
   content: "\f05d";
   position: absolute;
   left: 30px;
   font-family: Fontawesome;
   font-size: 2em;
   line-height: 1.1em;
}


/* ==========================================================================
 4. Buttons
========================================================================== */
.btn {
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
    .btn {
      transition: all .2s;
    }
    .btn.btn-default:hover,
    .btn.btn-default:focus,
    button[type="submit"]:hover,
    .btn.btn-primary:hover,
    .btn.btn-primary:focus{
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
    }
}

.btn.btn-primary.white {
  padding: 10px 25px;
  border-radius: 10px;
}

a.btn.btn-primary.listing-add {
  text-transform: none !important;
  font-weight: 400;
}

.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>input[type=submit].dropdown-toggle.focus,
.open>input[type=submit].dropdown-toggle:focus,
.open>input[type=submit].dropdown-toggle:hover,
input[type=submit].active.focus,
input[type=submit].active:focus,
input[type=submit].active:hover,
input[type=submit]:active.focus,
input[type=submit]:active:focus,
input[type=submit]:active:hover,
input[type=submit]:active,
input[type=submit]:hover,
button[type="submit"].active.focus,
button[type="submit"].active:focus,
button[type="submit"].active:hover,
button[type="submit"]:active.focus,
button[type="submit"]:active:focus,
button[type="submit"]:active:hover,
button[type="submit"]:active,
button[type="submit"]:hover {
    color: #fff;
    background-color: var(--kidz-accent-hover);
    border-color: var(--kidz-accent-hover);
    outline: none;
}

.btn-inbox {
    margin-top: 15px
}

.cc-btn {
    color: #fff !important;
}

/* ==========================================================================
 5. Search
========================================================================== */

.top_search_cta{
   border-left: 1px solid;
   padding-left: 20px;
}

.form-control,
.spec_options {
   border-radius: 10px !important;
   color: #333;
   border-color: #ccc;
}

.home-search .search_by_category,
.home-search .search_by_keyword,
.home-search .search_by_location {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 15px;
}

.home-search input,
.home-search select {
   border-radius: 10px !important;
   padding: 0 15px !important;
}

.home-search input:focus,
.home-search select:focus {
    outline: none;
}

.home-search button[type="submit"] {
    border-radius: 10px;
    margin-top: 0;
}

.home-search .search_by_category > select {
    background: url('kidz-caret-down.png') 95% 50% / 15px no-repeat #fff !important;
    margin-top: 0;
}

.home-search .search_by_keyword > input {
    background: url('kidz-search.png') 95% 50% / 20px no-repeat #fff !important;
    margin-top: 0;
}

.home-search .search_by_location > input {
    background: url('kidz-map-marker.png') 95% 50% / 20px no-repeat #fff !important;
    margin-top: 0;
}

#sort-options {
    margin: 15px 0;
}

@media (max-width: 450px) {
    div.sort-by {
        float: none;
    }
}

.selected-filters .selected-filter {
    margin: 8px 0;
}

.selected-filters .selected-filter .label {
    padding: .5em .8em .6em;
    font-size: 13px;
}

.selected-filters .selected-filter .label a {
    text-transform: uppercase;
}

.selected-filters .selected-filter .label span {
    margin-left: 8px;
}

.search_result.no_filters #filter-modele_de_duplo_lego,
.search_result.no_filters #filter-modele_de_planchettes,
.search_result.no_filters #filter-livre_sans_piles,
.search_result.no_filters #filter-modele_console_de_jeu_sony,
.search_result.no_filters #filter-modele_de_console_microsoft,
.search_result.no_filters #filter-modele_de_console_nintendo,
.search_result.no_filters #filter-modele_de_console_sega,
.search_result.no_filters #filter-modele_de_console_neo_geo_aes,
.search_result.no_filters #filter-modele_de_console_amiga,
.search_result.no_filters #filter-modele_de_console_atari,
.search_result.no_filters #filter-modele_de_console_amstrad,
.search_result.no_filters #filter-modele_de_console_nokia,
.search_result.no_filters #filter-type_de_produit_jeux_videos,
.search_result.no_filters #filter-genre_de_jeu_video,
.search_result.no_filters #filter-age_jeux_videos {
    display: none;
}

/* ==========================================================================
 6. Navigation
========================================================================== */
.navbar-inverse .navbar-toggle {
    background-color: var(--kidz-primary);
    border-color: var(--kidz-primary);
    margin-top: 17px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #fff;
    border-color: #fff;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: var(--kidz-primary);
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 8px;
}

.navbar-inverse .navbar-collapse {
    border-color: transparent;
}

.navbar-inverse .top_bar_menu {
    font-size: 13px;
}

.navbar-inverse .top_bar_menu .container.clear_menu {
    display: flex;
    align-items: center;
    width: 100%;
}
@media (max-width: 991px) {
    .navbar-inverse .top_bar_menu .container.clear_menu {
        flex-direction: column;
    }
    
    .navbar-inverse .navbar-toggle {
        width: 50px;
    }
    
    .nav.navbar-nav.navbar-right {
        background-color: transparent!important;
        color: #fff;
        width: 100%
    }
    
    .nav.navbar-nav .main-search input {
        height: 3rem !important;
        border-radius: 10px;
    }
    
    .navbar-inverse .navbar-nav > li > a {
        border-bottom: none;
        padding-bottom: 15px;
    }
}

.navbar-brand > img {
 margin-top: 0;
 height: auto;
 max-height: 100px;
}

.nav>li>a:focus,
.nav>li>a:hover,
.welcome-message .nav>li>.start:focus,
.welcome-message .nav>li>.start:hover {
    background: none;
}

.inbox.inbox_notification_menu .dropbtn {
    color: #FFF;
}

@media (min-width: 768px){
 .navbar-inverse .navbar-nav>li>a{
   margin-top:0;
   padding-bottom: 8.5px;
 }
}

@media (min-width: 992px){
 .navbar-brand > img {
     height:auto;
 }
 .navbar-inverse {
   box-shadow: 0 3px 5px rgba(0,0,0, 0.3);
   }
   .navbar-right {
   float: left !important;
 }
}
/* ==========================================================================
 7. Homepage
========================================================================== */

.homepage-body .main-content {
   padding-bottom:0;
}

.more-info .img_cover img {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 15px;
}

.more-info .post_link .post-title{
   font-weight: 600;
   display: inline;
}

.home_trending_collection,
.home_featured_listings,
.home_featured_collection {
    position: relative;
}

.home_trending_collection {
    overflow: hidden;
    position: relative;
}

.home_trending_collection:before {
    transform: translate3d(0, var(--kidz-parallax, 0px), 0);
    content: '';
    height: 350px;
    width: 350px;
    border-radius: 50%;
    background-color: var(--kidz-accent-hover);
    position: absolute;
    bottom: 50px;
    right: -75px;
}

.home_trending_collection:after {
    content: '';
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: var(--kidz-accent);
    position: absolute;
    bottom: 0;
    left: -20px;
    z-index: -10;
}

.home_trending_collection h2 {
   padding-left: 15px;
   padding-right: 15px;
}

.trending-item {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    overflow: hidden;
    height: 250px;
    color: #fff;
    background-color: var(--kidz-primary);
}

.trending-categories div:nth-child(6n+1) .trending-item {
    background-color: var(--kidz-secondary);
}

.trending-categories div:nth-child(6n+2) .trending-item {
    background-color: var(--kidz-highlight);
}

.trending-categories div:nth-child(6n+3) .trending-item {
    background-color: var(--kidz-accent-hover);
}

.trending-categories div:nth-child(6n+4) .trending-item {
    background-color: var(--kidz-primary);
}

.trending-categories div:nth-child(6n+5) .trending-item {
    background-color: var(--kidz-accent);
}

.trending-categories div:nth-child(6n+6) .trending-item {
    background-color: var(--kidz-secondary);
}

.trending-item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem;
    width: 100%;
    height: 100%;
}

.trending-item h4 {
    color: #FFF;
    font-weight: 800;
    font-size: 17px;
}

.trending-item img {

    transition: transform 375ms;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.trending-item a:hover >img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.poster {
   left:0;
   top:0;
   background: #0000!important;
}

/* The welcome block's colour overlay (Homepage > Welcome block > Colour overlay) is
   kindshare's: the chosen colour at 40% over the picture. KIDZ's hero keeps its text
   in a short box above a tall padding, so the overlay is laid on the whole block
   rather than on that box, and the white wave stays above it. */
.homepage-hero-module .hero-container {
   position: static;
}

.hero-container .overlay-filter {
   left: 0;
   top: 0;
}

.homepage-hero-module:before {
   z-index: 1;
}

.home_featured_collection,
.home_featured_listings {
    overflow: hidden;
    position: relative;
}

.home_featured_listings:before {
    transform: translate3d(0, var(--kidz-parallax, 0px), 0);
    content: '';
    height: 500px;
    width: 500px;
    border-radius: 50%;
    background-color: var(--kidz-secondary);
    position: absolute;
    bottom: 125px;
    right: 125px;
}

.home_featured_collection:before {
    content: '';
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background-color: var(--kidz-highlight);
    position: absolute;
    bottom: 0;
    right: -100px;
}

.home_featured_collection h2,
.home_featured_listings h2,
.section-header h2 {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
}

figure.x h2,
figure.hover--effect.effect-1 p{
   transform:none;
   transition:none;
   letter-spacing:0;
   word-spacing: normal;
}

.home-search-wrapper{
   margin:0;
}

figure.hover--effect.effect-1 {
 display: flex;
 align-items: center;
}

@media(max-width:768px) {
    figure.hover--effect.effect-1 {
        margin-top: 2rem;
    }
}

figure.hover--effect.effect-1 a.featured_cat_home_cta {
 display:none;
}

figure.hover--effect.effect-1 img {
 width:auto;
}

figure.hover--effect.effect-1 .features_cat_img,
figure.hover--effect.effect-1 figcaption {
 position: relative;
 width: 50%;
}

figure.hover--effect.effect-1 h2 {
    font-size: 0.75em;
    font-weight: 600;
    text-align: right; 
    color: var(--kidz-accent);
    padding-top: 25px;
}

figure.hover--effect.effect-1 figcaption,
figure.hover--effect.effect-1 figcaption h2,
figure.hover--effect.effect-1 figcaption p,
figure.hover--effect.effect-1 figcaption a {
 opacity: 1;
}

figure.hover--effect.effect-1 figcaption,
figure.hover--effect.effect-1 figcaption h2,
figure.hover--effect.effect-1 figcaption p,
figure.hover--effect.effect-1 figcaption a {
   padding-left: 15px;
}
figure.hover--effect.effect-1 figcaption {
   padding-left: 15px;
   padding-right: 30px;
   padding-top: 8px;
   padding-bottom: 8px;
}
figure.hover--effect.effect-1 figcaption p {
    font-size: 0.7em;
    margin-top: 5px;
    color: #333;
    text-align: right;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}
figure.hover--effect.effect-1 {
 box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
 border-radius: 10px;
}

@media (min-width: 992px){
   .home_welcome_cover_img img {
       margin-top:60px;
       width:550px;
   }
   .trending-categories{
       text-align:left;
   }

    .home-banner-content {
       text-align: left;
       color: #484848;
       padding: 0;

    }
    .scope{
       border-left: 2px solid #00b764;
    }
    .home-search{
        display: block;
        margin: 0;
        padding:0;
        width: 100%;
   }

   .narrow_pad {
     margin-bottom: 10px;
     padding-left: 0;
 }
}

@media(max-width:991px){
   .homepage-hero-module.welcome-message{
       height: auto !important;
   }
   .trending-categories h3.heading_with-divider {
       margin-top: 60px;
   }
}

.more-info .column-1,
.more-info .column-2 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media(min-width:768px){
   .more-info .column-1{
       border-right: 2px solid #e6e6e6;
   }
   .more-info .column-1{
        padding-right: 45px;
   }
   .more-info .column-2{
       padding-left: 45px;
   }
}

/* The "How it works" picture spans its column, rounded like the blog pictures. */
.more-info .column-1 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* ==========================================================================
 8. Listing Template
========================================================================== */

.listing_container {
    margin-top: 50px;
}

@media (min-width: 992px){
   .listing_main_body {
       width: 60%;
   }
   .listing_info_sidebar {
        width: 40%;
        padding-left: 45px;
        margin-top: 0 !important;
        background: #fff;
        padding-right: 45px;
        padding-top: 30px;
        padding-bottom: 30px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        border-radius: 10px;
        transition: translate .18s,box-shadow .18s;
        transform: translateY(0);
   }
}

.add-to-favorite-wrapper .wishlist-btn {
   color: var(--kidz-highlight);
}

.user-external-link a{
   background:none;
   border:none;
}

.user-external-link a:after{
   content:'\f178';
   font-family:FontAwesome;
   margin-left: 10px;
}
.about-user-review .rate .fa.fa-star-o,
.listing_info_sidebar .rate .fa.fa-star-o {
   font-size: 1em;
   margin-right: 5px;
}

.listing-gallery .slick-list .slick-slide img{
   border-radius: 10px;
}
.listing_info_sidebar .vendor_name {
   color: #333;
}
.listing_info_sidebar .vendor_name img {
   margin-right: 5px;
}
.listing_info_sidebar .rate{
    margin-left: 5px;
}
.listing_info_sidebar .user-badges-listing {
    margin-left: 40px;
    font-size: 14px;
}
.listing_info_sidebar .user-badges-listing .user-badge i {
    color: var(--kidz-secondary);
}
.user-badge i {
    margin-right: 10px;
}
.listing_info_sidebar h1.entry-title .label {
    font-size: 1rem;
    display: block;
    top: unset;
    margin: 15px 0 0;
    background: none;
    border: none;
    text-align: left;
    padding: 0;
}
.listing_info_sidebar h1.entry-title .label:hover {
    color: var(--kidz-accent-hover);
}
.listing_info_sidebar .see_more_details {
    display: none;
}
.listing_info_sidebar .listing_details_list_location {
   margin: 15px 0 0;
}
.listing_info_sidebar .listing_details_list_location a {
   color: #333;
}
.listing_info_sidebar .listing_details_list_location a:hover {
   color: var(--kidz-accent-hover);
}
.listing_info_sidebar .listing_details_list_location a .fa-map-marker {
   color: var(--kidz-highlight);
}
.listing_info_sidebar li.price {
   color: var(--kidz-secondary);
   margin: 15px 0;
}

.listing_info_sidebar span.a2a_svg{
   background:#fff !important;
}
.listing_info_sidebar span.a2a_svg path {
   fill: var(--kidz-primary) !important;
}

.listing_info_sidebar .panel-group {
    margin-bottom: 0;
}

.listing_info_sidebar .panel {
    border-bottom: none;
}

.listing_info_sidebar .panel-heading {
    padding-left: 0;
    padding-top: 20px;
}

.listing_info_sidebar .panel-title {
    text-transform: none;
}

.listing_info_sidebar .panel-title:before {
    content: '\f0d1';
    font-family: FontAwesome;
    margin-right: 5px;
    transform: scale(-1, 1);
    display: inline-block;
} 

.listing_info_sidebar .panel-title a {
    cursor: default;
}

.listing_info_sidebar .panel-title a:hover {
    color: #333;
}

.listing_info_sidebar .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '';
}

.listing_info_sidebar .panel-body {
    border-top: none !important;
    font-size: 14px;
    padding: 0;
}

.listing_info_sidebar .panel-body ul {
    padding: 0;
    margin-left: 15px;
    list-style: none;
}

.listing_info_sidebar .panel-body ul li {
    margin-bottom: 10px;
}

.listing_info_sidebar .panel-body ul li.shipping.in-person:before {
    font-family: FontAwesome;
    margin-right: 7px;
    content: '\f2b5';
}

.listing_info_sidebar .panel-body ul li.shipping.mondial-relay {
    background: no-repeat top 3px left 0px url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20385.89%20396.85%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M614.62%20429.51c-.81%2025.19-18.84%2047.92-43.47%2053.79-100.85%2017.48-198.1%2017.48-298.95%200-24.63-5.86-42.66-28.61-43.47-53.79v-263c.81-25.19%2018.84-47.92%2043.47-53.79%20100.85-17.47%20198.1-17.48%20299%200%2024.63%205.87%2042.66%2028.6%2043.47%2053.79z%22%20fill%3D%22%23ca0047%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22m442.68%20217.67c-21.37-3.81-35.63%207.64-35.63%2026.21v61.31l-33.59-20v-41.31c0-37.15%2025.7-63.1%2069.22-57.76z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m221.86%2086.48h31.72v31.72h-31.72z%22%20fill%3D%22%23cfc8c0%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M286.54%20433.12h15.11V394a13.82%2013.82%200%20013.86-10%2014.53%2014.53%200%200110.31-3.81%2049%2049%200%20017.84.82V366a80.89%2080.89%200%2000-9.36-.77c-17.65%200-27.71%2012.53-27.76%2028.81zm52.07-6.12c-3.74-3.9-5.59-9.44-5.59-15.89v-23.56c0-6.45%201.85-12%205.59-15.9%203.72-3.92%209.25-6.09%2016.2-6.08H379v14.81h-24.1c-2.79%200-4.45.56-5.38%201.49-.94.92-1.51%202.56-1.51%205.42v4.9h26.25v14.17H348v4.93c0%202.82.57%204.5%201.52%205.45.94.95%202.58%201.51%205.37%201.51H379v14.82h-24.24c-6.92%200-12.43-2.17-16.15-6.08zm59.02.09c-3.74-3.85-5.6-9.35-5.59-15.8v-45.72h15v45.53c0%202.84.55%204.58%201.49%205.57.93%201%202.53%201.58%205.3%201.58h20.86l-5.08%2014.82H413.7c-6.87%200-12.36-2.11-16.07-6zm124.77%205.98v-25.84l-22.67-41.66h17l13.2%2026.13%2013.28-26.13h17l-22.71%2041.66v25.84zM485.61%20375c-3.24-9.5-8-9.51-10.44-9.51H471c-2.45%200-7.17%200-10.44%209.51-5%2014.52-20.22%2058-20.22%2058h15.91l4.39-13h24.89l4.39%2013h15.91zm-20.23%2030.84l7.71-22.84%207.7%2022.87zm48.72-75.38c-1.19-3.48-2.93-3.49-3.83-3.49h-1.53c-.9%200-2.63%200-3.83%203.49-1.83%205.32-7.41%2021.27-7.41%2021.27h5.83l1.61-4.76h9.13l1.61%204.76h5.84zm-7.42%2011.31l2.83-8.39%202.82%208.39zM311.8%20351.7v-16.35a3.47%203.47%200%2000-3.62-3.59%203.4%203.4%200%2000-3.56%203.59v16.35h-5.53v-16.35a3.44%203.44%200%2000-3.59-3.59%203.45%203.45%200%2000-3.62%203.59v16.35h-5.47v-16.28a8.89%208.89%200%20019.09-9.06%208.43%208.43%200%20016.34%202.8%208.41%208.41%200%20016.34-2.8%208.89%208.89%200%20019.12%209.06v16.28zm5-.49zm22.6-11.99c0-7.12%205.1-12.84%2012.14-12.86%207%200%2012.09%205.74%2012.11%2012.86%200%207.15-5.11%2012.88-12.11%2012.89-7%200-12.13-5.74-12.14-12.89zm5.54%200c0%204.23%203%207.62%206.6%207.63%203.58%200%206.57-3.4%206.57-7.63%200-4.2-3-7.59-6.57-7.6-3.61%200-6.6%203.4-6.6%207.6zm56.76-10.28a9.1%209.1%200%20012.54%206.51v16.25h-5.5v-16.35c-.05-2.32-1.27-3.55-3.63-3.59-2.32%200-3.54%201.27-3.59%203.59v16.35H386v-16.25a9.1%209.1%200%20012.54-6.51%209.14%209.14%200%20016.55-2.58%209.17%209.17%200%20016.59%202.58m35.88%2022.76h-9.3v-24.76h9.3a10.69%2010.69%200%20018.21%203.36%2013.19%2013.19%200%20013%209%2013.19%2013.19%200%2001-3%209%2010.68%2010.68%200%2001-8.16%203.38m0-19.56h-3.8v14.37h3.79c5%200%205.67-4.37%205.71-7.22%200-3.46-1-7.14-5.71-7.15m32.45%2019.58v-24.76h5.5v24.76zm79.02%200a7.91%207.91%200%2001-5.92-2.19%208.17%208.17%200%2001-2-5.8v-16.77h5.51v16.7c.1%202.08.49%202.53%202.49%202.63h7.65v5.43z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M431.35%20153.3a19.3%2019.3%200%2011-19.29-19.3%2019.29%2019.29%200%200119.29%2019.3z%22%20fill%3D%22%23cfc8c0%22%2F%3E%3C%2Fsvg%3E%0A');
    padding: 0 0 0 25px;
}

.listing_info_sidebar .panel-body ul li.shipping.colissimo {
    background: no-repeat top 3px left 0px url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2021%2024%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22colissimo_svg__a%22%20x1%3D%2212.608%25%22%20x2%3D%2286.28%25%22%20y1%3D%2275.139%25%22%20y2%3D%2223.876%25%22%3E%3Cstop%20stop-color%3D%22%23EC6608%22%20offset%3D%220%22%2F%3E%3Cstop%20stop-color%3D%22%23ED6C08%22%20offset%3D%22.19%22%2F%3E%3Cstop%20stop-color%3D%22%23F07C08%22%20offset%3D%22.44%22%2F%3E%3Cstop%20stop-color%3D%22%23F59707%22%20offset%3D%22.72%22%2F%3E%3Cstop%20stop-color%3D%22%23FBBA07%22%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M14.589%2010.711a.377.377%200%2001-.35-.006l-.569-.332a.356.356%200%2001-.12-.127l-.006-.01a.36.36%200%2001-.058-.175l-.014-.65a.365.365%200%2001.168-.3l6.828-3.902L10.884.085a.912.912%200%2000-.768%200L.53%205.21l10.737%206.131a.356.356%200%2001.176.294v8.945a.363.363%200%2001-.183.294l-.577.315a.375.375%200%2001-.174.038h-.01a.38.38%200%2001-.185-.038l-.58-.315a.36.36%200%2001-.179-.294v-7.974a.222.222%200%2000-.095-.157L0%207.048v10.579c0%20.237.17.528.379.648l9.743%205.636a.847.847%200%2000.757%200l9.744-5.636a.833.833%200%2000.377-.648V7.047l-6.411%203.664z%22%20fill%3D%22url(%23colissimo_svg__a)%22%2F%3E%3C%2Fsvg%3E%0A');
    padding: 0 0 0 25px;
}

.listing_info_sidebar .panel-body ul li .zone-retrait {
    font-size: 13px;
    margin-left: 29px;
}

.listing_info_sidebar .social-share {
    margin-top: 0;
}

.listing_description {
   background:#FFF;
}

a.btn.btn-primary.btn-live-preview {
 font-size: 0.8em;
 margin-top: 20px;
}

.listing-tags-item a::after {
 background: #f9f9f9 !important;
}

.wishlist-btn.add-to-wishlist,
.wishlist-btn.remove-from-wishlist{
 background: none;
 border: none;
}

a.vendor_name:hover {
   text-decoration:none;
}

.wishlist-btn.add-to-wishlist i {
 margin-right:5px;
}

a.add-to-favorite {
 width:100%
}

a.add-to-favorite:hover,
a.add-to-favorite:focus {
 color: #FFF!important;
 background-color: #FF5A5F !important;
 border-color: #FF5A5F;
}

.report,
.publish_on_date {
    display: none;
}

.tags {
 text-align: center;
 margin-top: 5px;
 padding-top: 5px;
}

.listing_container .btn-inbox {
   width: 100%;
}

.msg_to_supplier {
   float:left;
   margin-top: 15px;
   border: 1px solid;
   padding: 10px 20px;
   display: block;
   text-align: center;
   text-decoration: none;
   width:100%;
}

.msg_to_supplier:hover,
.msg_to_supplier:focus{
   text-decoration:none;
   background:#0be77d;
   color:#FFF;
}


.date_range_box {
   border: 1px solid #484848;
   border-bottom: 0;
}

select#qty_select {
   border: 1px solid #484848;
   width: auto;
   padding: 0 50px !important;
}
input.btn.btn-rounded.btn-primary.add-to-cart {
   background: #ff5760 !important;
   color: #FFF;
   font-weight: 400;
   height: 50px;
   line-height: 50px;
   padding: 0;
}

.date_range_box .fa {
   color: #ff5a5f;
}

.gr__yourbnb_mykreezalid_com .bootstrap-datetimepicker-widget table td.active{
   background-color: #ff5a5f !important;
}

.single_date_booking select {
 border-radius: 10px !important;
}

.date_range_box{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.add-to-cart.btn.btn-rounded.btn-primary{
   letter-spacing: 0;
   font-size: 1.2em;
   text-transform: none;
   font-weight: 600;
   color: #000;
}

.listing_main_body .slick-prev,
.listing_main_body .slick-next {
 top:40%;
}
.listing_description h2 {
   text-transform: none;
   font-size: 1.1em;
   letter-spacing: 0;
   text-align: center;
   margin-bottom: 30px;
   margin-top: 30px;
   text-align: left;
   font-weight: 600;
   line-height: 1.5em;
}

.listing_description h2:after {
   margin: 20px 0;
   background: var(--kidz-accent);
}

.other-listings h2 {
   margin-top: 30px;
}

.other-listings h2:after {
   content: "";
   width: 65px;
   height: 2px;
   background: var(--kidz-accent);
   display: block;
   margin:20px auto;
}
.listing_container .btn-inbox {
   width:100%;
   border-color: #E6E6E6!important;
   background: #E6E6E6 !important;
   color: #555 !important;
   height: 50px;
   line-height: 50px;
   padding: 0;
}

.filter_sidebar .filter_title {
   color: #555 !important;
   background-color: #FFF !important;
   padding: 0;
   font-weight: 600;
}

.noUi-connect {
   background: #555 !important;
}
.noUi-handle {
   border: 2px solid #555 !important;
}

@media (min-width: 992px){
 .listing_description .attribute-box {
       width: 49%;
   }
   .attribute-box p.listing_attr_title {
       display: inline-block;
   }
   .listing_info_sidebar {
       margin-top: 0;
   }
   .product_info .listing-supplier-avatar {
       position: absolute;
       right: 10px;
       bottom: 100px;
   }
   .add-to-cart.btn.btn-rounded.btn-primary {
       border-radius: 10px;
   }

   .listing_detail_content{
       display:flex;
   }
   .listing_detail_content h2{
       flex:1;
   }
   .shop_overview {
      display:flex;
   }
   .shop_overview .col-md-3{
       flex:1;
   }
   .shop_overview,
   .listing-description{
       flex:3;
       padding:2em
   }

   .preset-2.listing-attributes-grid {
       flex:2;
       padding:2em
   }


   .listing_description{
       padding-bottom:0;
   }
}

@media(max-width:991px){
   .other-listings {
       margin-top:60px;
   }
}

.listing-form label,
.listing-form h2 {
    font-size: 1rem;
    color: var(--kidz-primary);
}

.listing-form h3 {
    font-size: 0.9rem;
}

.listing-form #statusHelp {
    margin-top: 5px;
}

.listing-form input#ListingPrice {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.listing-form .checkbox label {
    color: #333;
}

.listing-form input[type=checkbox] {
    margin-top: 2px;
}

.listing-form label span.shipping.in-person:before {
    font-family: FontAwesome;
    margin-right: 7px;
    content: '\f2b5';
}

.listing-form label span.shipping.mondial-relay {
    background: no-repeat top 2px left 2px url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20385.89%20396.85%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M614.62%20429.51c-.81%2025.19-18.84%2047.92-43.47%2053.79-100.85%2017.48-198.1%2017.48-298.95%200-24.63-5.86-42.66-28.61-43.47-53.79v-263c.81-25.19%2018.84-47.92%2043.47-53.79%20100.85-17.47%20198.1-17.48%20299%200%2024.63%205.87%2042.66%2028.6%2043.47%2053.79z%22%20fill%3D%22%23ca0047%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22m442.68%20217.67c-21.37-3.81-35.63%207.64-35.63%2026.21v61.31l-33.59-20v-41.31c0-37.15%2025.7-63.1%2069.22-57.76z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m221.86%2086.48h31.72v31.72h-31.72z%22%20fill%3D%22%23cfc8c0%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M286.54%20433.12h15.11V394a13.82%2013.82%200%20013.86-10%2014.53%2014.53%200%200110.31-3.81%2049%2049%200%20017.84.82V366a80.89%2080.89%200%2000-9.36-.77c-17.65%200-27.71%2012.53-27.76%2028.81zm52.07-6.12c-3.74-3.9-5.59-9.44-5.59-15.89v-23.56c0-6.45%201.85-12%205.59-15.9%203.72-3.92%209.25-6.09%2016.2-6.08H379v14.81h-24.1c-2.79%200-4.45.56-5.38%201.49-.94.92-1.51%202.56-1.51%205.42v4.9h26.25v14.17H348v4.93c0%202.82.57%204.5%201.52%205.45.94.95%202.58%201.51%205.37%201.51H379v14.82h-24.24c-6.92%200-12.43-2.17-16.15-6.08zm59.02.09c-3.74-3.85-5.6-9.35-5.59-15.8v-45.72h15v45.53c0%202.84.55%204.58%201.49%205.57.93%201%202.53%201.58%205.3%201.58h20.86l-5.08%2014.82H413.7c-6.87%200-12.36-2.11-16.07-6zm124.77%205.98v-25.84l-22.67-41.66h17l13.2%2026.13%2013.28-26.13h17l-22.71%2041.66v25.84zM485.61%20375c-3.24-9.5-8-9.51-10.44-9.51H471c-2.45%200-7.17%200-10.44%209.51-5%2014.52-20.22%2058-20.22%2058h15.91l4.39-13h24.89l4.39%2013h15.91zm-20.23%2030.84l7.71-22.84%207.7%2022.87zm48.72-75.38c-1.19-3.48-2.93-3.49-3.83-3.49h-1.53c-.9%200-2.63%200-3.83%203.49-1.83%205.32-7.41%2021.27-7.41%2021.27h5.83l1.61-4.76h9.13l1.61%204.76h5.84zm-7.42%2011.31l2.83-8.39%202.82%208.39zM311.8%20351.7v-16.35a3.47%203.47%200%2000-3.62-3.59%203.4%203.4%200%2000-3.56%203.59v16.35h-5.53v-16.35a3.44%203.44%200%2000-3.59-3.59%203.45%203.45%200%2000-3.62%203.59v16.35h-5.47v-16.28a8.89%208.89%200%20019.09-9.06%208.43%208.43%200%20016.34%202.8%208.41%208.41%200%20016.34-2.8%208.89%208.89%200%20019.12%209.06v16.28zm5-.49zm22.6-11.99c0-7.12%205.1-12.84%2012.14-12.86%207%200%2012.09%205.74%2012.11%2012.86%200%207.15-5.11%2012.88-12.11%2012.89-7%200-12.13-5.74-12.14-12.89zm5.54%200c0%204.23%203%207.62%206.6%207.63%203.58%200%206.57-3.4%206.57-7.63%200-4.2-3-7.59-6.57-7.6-3.61%200-6.6%203.4-6.6%207.6zm56.76-10.28a9.1%209.1%200%20012.54%206.51v16.25h-5.5v-16.35c-.05-2.32-1.27-3.55-3.63-3.59-2.32%200-3.54%201.27-3.59%203.59v16.35H386v-16.25a9.1%209.1%200%20012.54-6.51%209.14%209.14%200%20016.55-2.58%209.17%209.17%200%20016.59%202.58m35.88%2022.76h-9.3v-24.76h9.3a10.69%2010.69%200%20018.21%203.36%2013.19%2013.19%200%20013%209%2013.19%2013.19%200%2001-3%209%2010.68%2010.68%200%2001-8.16%203.38m0-19.56h-3.8v14.37h3.79c5%200%205.67-4.37%205.71-7.22%200-3.46-1-7.14-5.71-7.15m32.45%2019.58v-24.76h5.5v24.76zm79.02%200a7.91%207.91%200%2001-5.92-2.19%208.17%208.17%200%2001-2-5.8v-16.77h5.51v16.7c.1%202.08.49%202.53%202.49%202.63h7.65v5.43z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20transform%3D%22translate(-228.73%20-99.56)%22%20d%3D%22M431.35%20153.3a19.3%2019.3%200%2011-19.29-19.3%2019.29%2019.29%200%200119.29%2019.3z%22%20fill%3D%22%23cfc8c0%22%2F%3E%3C%2Fsvg%3E%0A');
    padding: 0 0 0 25px;
}

.listing-form label span.shipping.colissimo {
    background: no-repeat top 2px left 2px url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2021%2024%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22colissimo_svg__a%22%20x1%3D%2212.608%25%22%20x2%3D%2286.28%25%22%20y1%3D%2275.139%25%22%20y2%3D%2223.876%25%22%3E%3Cstop%20stop-color%3D%22%23EC6608%22%20offset%3D%220%22%2F%3E%3Cstop%20stop-color%3D%22%23ED6C08%22%20offset%3D%22.19%22%2F%3E%3Cstop%20stop-color%3D%22%23F07C08%22%20offset%3D%22.44%22%2F%3E%3Cstop%20stop-color%3D%22%23F59707%22%20offset%3D%22.72%22%2F%3E%3Cstop%20stop-color%3D%22%23FBBA07%22%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M14.589%2010.711a.377.377%200%2001-.35-.006l-.569-.332a.356.356%200%2001-.12-.127l-.006-.01a.36.36%200%2001-.058-.175l-.014-.65a.365.365%200%2001.168-.3l6.828-3.902L10.884.085a.912.912%200%2000-.768%200L.53%205.21l10.737%206.131a.356.356%200%2001.176.294v8.945a.363.363%200%2001-.183.294l-.577.315a.375.375%200%2001-.174.038h-.01a.38.38%200%2001-.185-.038l-.58-.315a.36.36%200%2001-.179-.294v-7.974a.222.222%200%2000-.095-.157L0%207.048v10.579c0%20.237.17.528.379.648l9.743%205.636a.847.847%200%2000.757%200l9.744-5.636a.833.833%200%2000.377-.648V7.047l-6.411%203.664z%22%20fill%3D%22url(%23colissimo_svg__a)%22%2F%3E%3C%2Fsvg%3E%0A');
    padding: 0 0 0 25px;
}

/* ==========================================================================
 9. Listing Thumbnail
========================================================================== */
.list_item {
    min-width: calc(25% - 20px);
    max-width: calc(25% - 20px);
    margin-left: 20px;
}

@media (max-width: 480px) {
    .list_item, .list_row {
        margin-left: 0;
    }
}

.card {
   box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
   border-radius: 10px;
   transition: translate .18s,box-shadow .18s;
   transform: translateY(0);
   background-color: #fff;
   margin-top: 20px;
   height: 400px;
}

@media (hover: hover) and (pointer: fine) {
    .card:hover {
       box-shadow: rgba(0,0,0,.15) 0 5px 30px;
       transform: translateY(-1px);
    }
}

.card .card_img {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   height: 275px;
}

.card .bd-listing-information {
  padding: 1em;
  font-size: 14px;
  list-style: none;
  height: 125px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.card .bd-listing-information .bd-listing-category,
.card .bd-listing-information .bd-listing-geolocation {
    font-size: 12px;
}

.card .bd-listing-information .bd-listing-name,
.card .bd-listing-information .bd-listing-category,
.card .bd-listing-information .bd-listing-geolocation,
.card .bd-listing-information .bd-listing-action-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.card .bd-listing-information .bd-listing-name a {
  color: var(--kidz-primary);
  font-weight: 600;
}

.card .bd-listing-information .bd-listing-name a:hover {
  color: var(--kidz-accent-hover);
}

.card .bd-listing-information .bd-listing-geolocation:before {
   content: "\f041";
   font-family: Fontawesome;
   margin-right: 5px;
   color: var(--kidz-highlight);
}

.card .bd-listing-information .bd-listing-action-wrapper,
.card .bd-listing-information .bd-listing-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.card .bd-listing-information .bd-listing-price {
  color: var(--kidz-secondary);
  font-weight: 600;
}

.card .bd-listing-information .wishlist-btn {
   margin-top: 0;
   margin-right: 15px;
}

.card .bd-listing-information .wishlist-btn-text {
   display:none;
}

/* ==========================================================================
 10. Login / Register form
========================================================================== */
#business-name-input-div {
    margin-bottom: 15px;
}

.login h1,
.register h1 {
   font-weight: 600;
   margin-top:40px;
   text-align: left;
   font-size: 3em;
}

.login .wh-part-body,
.register .wh-part-body {
   padding-left:0;
   padding-right:0;
}

.register .form-control,
.register select.form-control{
 border-radius: 10px !important;
}
.gray2-wrapper.login,
.register.gray2-wrapper {
 margin-bottom:0px;
 background: #FFF;
}
.login .workbook-content,
.register .workbook-content{
 text-align: right;
 margin-left: 0;
 width: 100%;
 font-size: 0.9em;
}
.login hr,
.register hr{
   display :none;
}
.register .form-step{
   margin-left: 0;
   width: 100%;
}
.login .workbook-content a,
.register .workbook-content a{
 color:#484848;
}
.login .wh-part-body,
.register .wh-part-body{
 padding:0;
}

.login .wh-part-head,
.register .wh-part-head{
   border:0 none;
}

.login .forgot_password{
 color:#484848;
}

.form-control.login-email {
 border-radius: 10px;
}

.form-control.login-password {
 border-radius: 10px;
 border-color:#b0b0b0;
}

.login .btn.btn-primary,
.register .btn.btn-primary{
 border:0 none;
 border-radius: 10px;
 margin-top :15px;
 padding-top: 13px;
 padding-bottom: 13px;
 transition: opacity 1.25s !important;
}

.login .btn.btn-primary:hover,
.register .btn.btn-primary:hover{
 opacity:1;
}

#tosLabelMessage a{
 color:blue;
 text-decoration:underline;
}

@media(min-width:991px) and (min-width:1679px){
 .login.col-md-6,
 .register.col-md-6 {
   margin-left: 32.5%;
   width: 35%;
 }
}

@media(min-width:992px){

 .registration_redirect{
   margin-bottom:0px;
 }
}


/* ==========================================================================
 11. CMS Pages / Blog / FAQ
========================================================================== */

svg.wave-background {
    width: 100%;
    display: block;
    background: red;
}
 
.welcome-message h1 {
    font-size: 3rem;
    padding: 0 7rem;
    font-weight: 900;
    margin-top: 5rem;
    margin-bottom: 0;
    text-align: center;
}



.welcome-message h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 1.5rem; 
}
 
@media (max-width: 992px){
    .welcome-message h1 {
        font-size: 1.3rem;
        padding: 0;
    }
}

.page-header.post-show h1 {
   margin-top: 1rem;
}

@media (min-width: 992px){
   .page-header .container .row {
       margin:0;
   }
}

.cms-page h2 {
 font-size: 1.5em;
 font-weight: 700;
 margin-bottom: 20px;
 line-height: 1.5em;
}
.cms-page h3{
 font-size: 1.2em;
 font-weight: 600;
 line-height: 1.5em;
}

.cms-page img {
 border-radius: 10px;
}

.page-header .container,
.page-header.cms-page .container,
.page-header.faq-header .container,
.page-header.blog-index-head .container{
    z-index:0;
    text-align: left;
}

.page-header.blog-index-head {
    background-position: left !important;
}

.post-show .share_post{
   display:none;
}

.post-show .blog-share a .fa{
   text-align:center;
}

.blog-share .welcome-message .start .fa.fa-facebook,
.blog-share a .fa.fa-facebook,
.welcome-message .blog-share .start .fa.fa-facebook,
.blog-share .welcome-message .start .fa.fa-twitter,
.blog-share a .fa.fa-twitter,
.welcome-message .blog-share .start .fa.fa-twitter,
.blog-share .welcome-message .start .fa.fa-linkedin,
.blog-share a .fa.fa-linkedin,
.welcome-message .blog-share .start .fa.fa-linkedin,
.blog-share .welcome-message .start .fa.fa-envelope,
.blog-share a .fa.fa-envelope,
.welcome-message .blog-share .start .fa.fa-envelope,
.blog-share .welcome-message .start .fa,
.blog-share a .fa,
.welcome-message .blog-share .start .fa{
    background: var(--kidz-secondary);
}

.blog-category.label-primary {
    background-color: transparent;
}

a.category-tag {
    background: var(--kidz-secondary);
}

a.category-tag:hover {
    background: var(--kidz-accent-hover);
}

.faq-content h3:before,
.tos h2:before{
 content:'\f05d';
 color:#ffc107;
 font-family:FontAwesome;
 margin-right:15px;
 font-size:1.5em;

}

.testimony-start {
 color: #FDB32B !important;
 font-size: 60px !important;
 display:block;
 font-weight: 600 !important;
 letter-spacing: 0px !important;
 padding: 0px !important;
 margin-left: 0px !important;
 margin-top: 35px !important;
 line-height: 0 !important;
}
.faq-content h3 {
 font-weight: 700;
}
.faq-content .panel-title>a{
 font-weight:400;
}

.faq-content .col-md-10{
 margin-left:0;
 width:100%;
}

img.founder-picture {
 width: 80px !important;
 border-radius: 99% !important;
}

#about-us-testimony img{
 width:100%;
}

.cms-page small{
 color: #999;
 font-size: 0.9em;
}

.fancy-list li:before {
 margin-left: 0;
}

div#about-service {
 border: 1px solid;
 padding: 2em 2em;
 border-radius: 10px;
 text-align: center;
}


div#about-faq{
 background: #222;
 padding: 60px 30px;
 border-radius: 10px;
 color: #fff;
 text-align:center;
}

.cms-page-content {
 margin-left: 0;
 width:100%;
}

.page-block-left,
.page-block-right {
    width: 100%;
    padding-top: 75px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.page-block-right {
    flex-direction: row-reverse;
}

.page-block-image {
    margin: 0;
    width: 100%;
    text-align: center;
}

.page-block-image img {
    max-height: 500px;
}

@media (min-width: 768px) {
    .page-block-content {
        width: 60%;
    }
    
    .page-block-image {
        width: 40%;
    }
    
    .page-block-left .page-block-content {
        padding-right: 100px;
    }
    
    .page-block-right .page-block-content {
        padding-left: 100px;
    }
    
    .page-block-left:first-child {
        padding-top: 0;
    }
}

@media (min-width: 1200px){
.cms-page .container,
.faq-header .container,
.faq-content .container,
.page-header.blog-index-head .container,
.blog-index.container{
   width: 1170px;
   padding-right: 15px;
   padding-left: 15px;
 }
}
}

/* ==========================================================================
 12. User Dashboard
========================================================================== */

.dashboard-body .unread_msg_alert {
 background: var(--kidz-highlight) !important;
 color: #FFF !important;
}

.dashboard-body .unread_msg_alert:focus,
.dashboard-body .unread_msg_alert:hover {
    background: var(--kidz-accent);
}

.dashboard-body .listing_list_item .label {
    padding: 0;
}

.shop-view .about-user-body {
   z-index: 1;
   position: relative;
   margin-top: 0;
}

.result_list_wrapper{
   margin-top: 80px;
}

#home_dashboard_body .white-box,
.order-sidebar .white-box{
 border-bottom: 1px solid #999;
}
.order-sidebar .bank-link.active,
.order-sidebar .orders-link.active,
.order-sidebar .question-link.active,
.order-sidebar .review-link.active,
.order-sidebar .sales-link.active,
.order-sidebar .shipping-link.active,
.order-sidebar .store-link.active {
 box-shadow: none;
}
.order-sidebar .bank-link,
.order-sidebar .orders-link,
.order-sidebar .question-link,
.order-sidebar .review-link,
.order-sidebar .sales-link,
.order-sidebar .shipping-link,
.order-sidebar .store-link {
 margin-bottom: 0;
}

.shop-view .page-header .container {
    text-align: center !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.shop-view .page-header h1,
.shop-view .page-header h1 small {
    color:#FFF;
    text-align: center;
    width: 100%;
}

@media(min-width:992px){
   div#home_dashboard_body,
   .dashboard-body .listings-list{
     border-left:1px solid #999;
   }
}

/* ==========================================================================
 13. Checkout
========================================================================== */

.booking_summary_box {
 margin-top: 30px;
}

/* ==========================================================================
 14. Footer
========================================================================== */

.site-footer.section-spacing {
    padding: 6em 0;
}

.footer-logo {
 max-width: 250px;
}

#back-top {
    bottom: 10px;
    right: 18px;
}

.backtotop {
   border-radius: 99%;
   
}


/* --------------------------------------------------------------------------
   2. Colours (what kindshare's colour settings generate, on the KIDZ palette).
      After the layout, as the design was made: they win over it.
   -------------------------------------------------------------------------- */

body{color:#333333;background-color:#FFFFFF;}
a{color:var(--kidz-accent);}
a:hover{color:var(--kidz-accent-hover);}
.btn-primary, .dashboard-body .btn-primary{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
.btn-primary:hover, .btn-primary:focus, .dashboard-body .btn-primary:hover, .dashboard-body .btn-primary:focus{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
.btn.btn-primary.line{color:var(--kidz-accent);border-color:var(--kidz-accent);}
.btn.btn-primary.line:hover, .btn.btn-primary.line:hover:focus{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
button.btn.btn-submit, input[type='submit']{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
button.btn.btn-submit:hover,button.btn.btn-submit:focus, input[type='submit']:hover, input[type='submit']:focus{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
.label-primary{color:#333333;background-color:#F4F4F4;border-color:#F4F4F4;}
.backtotop{color:#FFFFFF;background-color:var(--kidz-accent);}
.backtotop:hover, .backtotop:focus{color:var(--kidz-accent-hover);background-color:#FFFFFF;}
.pagination > li > a{color:var(--kidz-accent);background-color:#FFFFFF;}
.pagination > li > a:hover, .pagination > li > a:focus{color:var(--kidz-accent-hover);}
.pagination > .active > a{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
.pagination > .active > a:hover, .pagination > .active > a:focus{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
.secondary-modal-head{color:var(--kidz-primary);}
.navbar-inverse{background-color:var(--kidz-primary);border-color:var(--kidz-primary);}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a span{color:#FFFFFF;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover span, .navbar-inverse .navbar-nav > li > a:focus span{color:var(--kidz-accent);}
.navbar-inverse{color:#FFFFFF;}
.navbar-inverse .navbar-nav .dropdown-menu{background-color:#F4F4F4;}
.navbar-inverse .navbar-nav .dropdown-menu > li > a{color:var(--kidz-primary);}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus{color:var(--kidz-accent);}
.cbp-hrmenu,.cbp-hrmenu ul{color:#FFFFFF;background-color:var(--kidz-primary);border-color:var(--kidz-primary);}
.cbp-hrmenu .cbp-hrsub-inner ul{background-color:var(--kidz-primary);}
.cbp-hrmenu>ul>li>a.univers-link{color:#FFFFFF;}
.cbp-hrmenu>ul>li>a.univers-link:hover, .cbp-hrmenu > ul > li.cbp-hropen a:hover{color:var(--kidz-accent);}
.cbp-hrmenu>ul>li.cbp-hropen a.univers-link:hover{color:var(--kidz-accent);}
.cbp-hrmenu>ul>li.cbp-hropen a{color:#FFFFFF;}
.cbp-hrmenu>ul>li.cbp-hropen a:hover{color:var(--kidz-accent);}
.home-search input{color:#333333;background-color:#FFFFFF;}
.home-search input::-webkit-input-placeholder{color:#333333;}
.header button.btn-search.header button.btn-search, .home-search button[type="submit"]{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
.header button.btn-search:hover, .header button.btn-search, .home-search button[type="submit"]:hover{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
a.btn.btn-primary.btn-sm.listing-add{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
a.btn.btn-primary.btn-sm.listing-add:hover, a.btn.btn-primary.btn-sm.listing-add:focus{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
.cart_link a span{color:var(--kidz-accent);}
.cart_link a:hover span, .cart_link a:focus span {color:var(--kidz-accent-hover);}
.product-information .listing-name, .card .product_info .listing-name a{color:var(--kidz-primary);}
.product-information .product_price{color:var(--kidz-secondary);}
.product-information .listing-location{color:#333333;}
.product-information .listing-category{color:#333333;}
.entry-title{color:var(--kidz-primary);}
.listing_info .listing_short_description{color:#333333;}
.listing_info_sidebar .price_content{color:var(--kidz-secondary);}
.listing_details_list_location{color:#333333;}
.listing_details_list_location i{color:var(--kidz-highlight);}
.see_more_details a{color:var(--kidz-accent);}
input.btn.btn-primary.add-to-cart{color:#FFFFFF;background-color:var(--kidz-accent);border-color:var(--kidz-accent);}
input.btn.btn-primary.add-to-cart:hover, input.btn.btn-primary.add-to-cart:focus{color:#FFFFFF;background-color:var(--kidz-accent-hover);border-color:var(--kidz-accent-hover);}
listing_long_description{color:#333333;}
.panel-default.panel{color:#333333;background-color:#FFFFFF;}
.panel-default > .panel-heading{color:#333333;background-color:#FFFFFF;}
.add-annonce-step, .add-annonce-step ul li{color:#333333;background-color:#FFFFFF;}
.add-annonce-step ul li.active, .add-annonce-step ul li.active:before{color:#333333;background-color:var(--kidz-accent);}
.welcome-message h1{color:var(--kidz-primary);}
.welcome-message h2{color:var(--kidz-primary);}
.home_featured_collection h2{color:var(--kidz-primary);}
.feat_item figure h2{color:var(--kidz-primary);}
figure.hover--effect p{color:var(--kidz-primary);}
.home_featured_listings h2{color:var(--kidz-primary);}
.page-header, .page-header .subtitle{color:#FFFFFF;background-color:var(--kidz-primary);}
.page-header h1, .page-header h1 small{color:#FFFFFF;}
.page-header .breadcrumb > li, .page-header .breadcrumb > .active, .page-header .breadcrumb > *:before, .breadcrumb li{color:#FFFFFF;}
.page-header .breadcrumb > li a, .breadcrumb li a{color:var(--kidz-accent);}
.contact-us .wh-part-head{color:var(--kidz-primary);background-color:#FFFFFF;}
.contact-us .wh-part-head h1{color:var(--kidz-primary);}
.page-header.blog-index-head{color:#FFFFFF;background-color:var(--kidz-primary);}
.page-header.blog-index-head h1{color:#FFFFFF;}
a.list-group-item{color:#DDFF00;background-color:#FFFFFF;border-color:#FF0303;}
.blog-index .post a .summary{color:#333333;}
h1.post-title{color:#FFFFFF;}
.post-show .date{color:#FFFFFF;}
.page-header.post-show .breadcrumb > li,.page-header.post-show .breadcrumb > .active,.page-header.blog-index-head .breadcrumb > li,.page-header.blog-index-head .breadcrumb > .active{color:#FFFFFF;}
.page-header.post-show .breadcrumb > li a,.page-header.post-show .breadcrumb > li,.post-show .breadcrumb > *,.page-header.blog-index-head .breadcrumb > *:before,.page-header.post-show .breadcrumb > *:before{color:var(--kidz-accent);}
.fancy{color:var(--kidz-accent);}
.filter_sidebar .filter_title{color:#FFFFFF;background-color:var(--kidz-accent);}
.filter_sidebar a{color:#333333;}
.filter_sidebar a:hover{color:var(--kidz-accent);}
.noUi-base .noUi-connect{background-color:var(--kidz-accent-hover);}
.noUi-base .noUi-handle{background-color:#FFFFFF;border-color:var(--kidz-accent-hover);}
.secondary-menu-wrapper{color:#333333;background-color:#FFFFFF;}
.secondary-menu > li > a{color:#333333;}
ul.secondary-menu > li.current-menu-item > a:before{background-color:var(--kidz-accent);}
.dashboard-body{color:#333333;background-color:#FFFFFF;}
.dashboard-body a{color:var(--kidz-highlight);}
.dashboard-body a:hover, .dashboard-body a:focus{color:var(--kidz-accent);}
.dashboard-body .white-box{color:#333333;background-color:#FFFFFF;}
.white-box .white-box-icon{color:#333333;background-color:#F4F4F4;}
.site-footer{color:#FFFFFF;background-color:var(--kidz-primary);}
.site-footer a{color:#FFFFFF;}
.site-footer a:hover{color:var(--kidz-accent);}
.site-footer .social li a.link-facebook{color:#FFFFFF;}
.site-footer .social li a.link-facebook:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-twitter{color:#FFFFFF;}
.site-footer .social li a.link-twitter:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-google-plus{color:#FFFFFF;}
.site-footer .social li a.link-google-plus:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-pinterest{color:#FFFFFF;}
.site-footer .social li a.link-pinterest:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-instagram{color:#FFFFFF;}
.site-footer .social li a.link-instagram:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-youtube{color:#FFFFFF;}
.site-footer .social li a.link-youtube:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.site-footer .social li a.link-linkedin{color:#FFFFFF;}
.site-footer .social li a.link-linkedin:hover{color:#FFFFFF;background-color:var(--kidz-accent);}
.product-information .listing-supplier-name{color:#4D4D4D;}
.listing_description{color:#4D4D4D;background-color:#FFFFFF;border-color:#FFFFFF;}
.add-annonce-step ul li.active{color:#121212;}
.add-annonce-step ul li.active:before{background-color:#121212;}


/* --------------------------------------------------------------------------
   3. Added for the theme: what the original design did not need
   -------------------------------------------------------------------------- */

/* A marketplace without a logo image shows its name: keep it readable on the header. */
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #FFFFFF;
}

/* The booking button carries a red background with !important elsewhere; the design's
   buttons all use the accent colour. */
body input.btn.btn-rounded.btn-primary.add-to-cart {
    background-color: var(--kidz-accent) !important;
    border-color: var(--kidz-accent);
}

body input.btn.btn-rounded.btn-primary.add-to-cart:hover,
body input.btn.btn-rounded.btn-primary.add-to-cart:focus {
    background-color: var(--kidz-accent-hover) !important;
    border-color: var(--kidz-accent-hover);
}

/* The tall search and category header is sized for a picture (Listings > All listings
   background image, or the category's). Without one it is a plain band: keep it short. */
@media (min-width: 992px) {
    .search_result.no_filters .page-header:not([style*="background-image"]),
    .big-header-page .page-header:not([style*="background-image"]) {
        padding-bottom: 160px;
    }
}

/* Edito card (homepage-edito.liquid) */

.kidz-edito {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.kidz-edito__card {
    max-width: 540px;
    margin: 0 auto;
    padding: 40px 30px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.kidz-edito__title {
    margin: 0 0 20px;
    color: var(--kidz-primary);
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.kidz-edito__content {
    font-size: 15px;
    line-height: 1.6;
}

.kidz-edito__content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .kidz-edito {
        padding: 60px 0;
    }

    .kidz-edito__title {
        font-size: 30px;
    }
}


/* --------------------------------------------------------------------------
   4. Motion (kidz.js): parallax, skeleton loader.
      Everything here only applies once kidz.js has run (html.kidz-js), and
      stands still for visitors who ask for reduced motion.
   -------------------------------------------------------------------------- */

/* Skeleton loader: a card's picture and text are placeholders until the
   picture has arrived. */
.kidz-is-loading img {
    opacity: 0;
}

/* A listing card's picture is a background: a shimmering layer covers it. */
.card.kidz-is-loading .card_img {
    position: relative;
}

.card.kidz-is-loading .card_img::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #EEEEEE;
}

.trending-item img,
.more-info img,
.featured-posts-section img,
.home_featured_listings img {
    transition: opacity 0.35s ease;
}

.kidz-is-loading .img_cover,
.trending-item.kidz-is-loading {
    background-color: #EEEEEE;
}

.card.kidz-is-loading .card_img::after,
.trending-item.kidz-is-loading,
.kidz-is-loading.kidz-imagetext__media,
.kidz-is-loading.kidz-triptych__image,
.kidz-is-loading.kidz-collage__image,
.kidz-is-loading.kidz-cat__media,
.kidz-is-loading .img_cover,
.kidz-is-loading .post-title,
.kidz-is-loading .post-summary,
.card.kidz-is-loading .bd-listing-information li,
.trending-item.kidz-is-loading h4 {
    background-image: linear-gradient(90deg, #EEEEEE 0%, #F7F7F7 40%, #EEEEEE 80%);
    background-size: 300% 100%;
    animation: kidz-shimmer 1.4s ease-in-out infinite;
}

.trending-item.kidz-is-loading {
    background-color: #EEEEEE !important;
}

/* A blog cover is an inline `background` shorthand, which would otherwise win. */
.kidz-is-loading .img_cover {
    background-color: #EEEEEE !important;
    background-image: linear-gradient(90deg, #EEEEEE 0%, #F7F7F7 40%, #EEEEEE 80%) !important;
    background-size: 300% 100% !important;
}

.card.kidz-is-loading .bd-listing-information li,
.kidz-is-loading .post-title,
.kidz-is-loading .post-summary,
.trending-item.kidz-is-loading h4 {
    width: fit-content;
    min-width: 45%;
    color: transparent !important;
    border-radius: 4px;
}

.card.kidz-is-loading .bd-listing-information li *,
.kidz-is-loading .post-title *,
.trending-item.kidz-is-loading h4 * {
    visibility: hidden;
}

@keyframes kidz-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}


/* --------------------------------------------------------------------------
   5. Waves and homepage sections (theme options).
   -------------------------------------------------------------------------- */

/* Waves. Each shape is two masks, for a top edge (opaque below the curve) and a
   bottom edge (opaque above it), plus the size of one repeat. The "Waves" option
   points --kidz-wave-* at one shape (ThemeSettings::cssVariables), on every page:
   the headers' white wave and the homepage sections follow the same choice. */
:root {
    --kidz-wave-top--original: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1590 142' preserveAspectRatio='none'%3E%3Cpath d='M0 0C110 80 220 141 320 141C480 141 640 6 833 6C1000 6 1130 71 1274 71C1400 71 1500 40 1590 0V142H0Z'/%3E%3C/svg%3E");
    --kidz-wave-bottom--original: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1590 142' preserveAspectRatio='none'%3E%3Cpath d='M0 142C110 62 220 1 320 1C480 1 640 136 833 136C1000 136 1130 71 1274 71C1400 71 1500 102 1590 142V0H0Z'/%3E%3C/svg%3E");
    --kidz-wave-w--original: 100%;
    --kidz-wave-h--original: clamp(36px, 9vw, 140px);
    --kidz-wave-top--soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20C120 6 240 6 360 20S600 34 720 20V40H0Z'/%3E%3C/svg%3E");
    --kidz-wave-bottom--soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20C120 34 240 34 360 20S600 6 720 20V0H0Z'/%3E%3C/svg%3E");
    --kidz-wave-w--soft: 720px;
    --kidz-wave-h--soft: 40px;
    --kidz-wave-top--bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40C80 18 150 8 220 8C320 8 350 48 430 48C520 48 560 20 650 20C760 20 820 62 900 40V70H0Z'/%3E%3C/svg%3E");
    --kidz-wave-bottom--bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 70' preserveAspectRatio='none'%3E%3Cpath d='M0 30C80 52 150 62 220 62C320 62 350 22 430 22C520 22 560 50 650 50C760 50 820 8 900 30V0H0Z'/%3E%3C/svg%3E");
    --kidz-wave-w--bold: 900px;
    --kidz-wave-h--bold: 70px;
    --kidz-wave-top--scallop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20A30 18 0 0 1 60 20Z'/%3E%3C/svg%3E");
    --kidz-wave-bottom--scallop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20' preserveAspectRatio='none'%3E%3Cpath d='M0 0A30 18 0 0 0 60 0Z'/%3E%3C/svg%3E");
    --kidz-wave-w--scallop: 60px;
    --kidz-wave-h--scallop: 20px;
    --kidz-wave-top--zigzag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16L20 0L40 16Z'/%3E%3C/svg%3E");
    --kidz-wave-bottom--zigzag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0L20 16L40 0Z'/%3E%3C/svg%3E");
    --kidz-wave-w--zigzag: 42px;
    --kidz-wave-h--zigzag: 18px;
    --kidz-wave-top--none: none;
    --kidz-wave-bottom--none: none;
    --kidz-wave-w--none: 100%;
    --kidz-wave-h--none: 0px;
    --kidz-wave-top: var(--kidz-wave-top--original);
    --kidz-wave-bottom: var(--kidz-wave-bottom--original);
    --kidz-wave-w: var(--kidz-wave-w--original);
    --kidz-wave-h: var(--kidz-wave-h--original);
    /* A section edge stays lower than a header's, so it never eats the content. */
    --kidz-section-wave-h: min(var(--kidz-wave-h), 72px);
}

/* A section with a wavy edge: the wave is cut out of the section itself, so its
   colour or picture shows up to the curve and the page shows through below it. */
.kidz-wavy {
    --kz-wave-t: 0px;
    --kz-wave-b: 0px;
    --kz-mask-b: var(--kz-wave-b);
    --kz-wave-top: none;
    --kz-wave-bottom: none;
    position: relative;
    -webkit-mask-image: var(--kz-wave-top), var(--kz-wave-bottom), linear-gradient(#000000, #000000);
    mask-image: var(--kz-wave-top), var(--kz-wave-bottom), linear-gradient(#000000, #000000);
    -webkit-mask-position: 0 0, 0 100%, 0 calc(var(--kz-wave-t) - 1px);
    mask-position: 0 0, 0 100%, 0 calc(var(--kz-wave-t) - 1px);
    -webkit-mask-size: var(--kidz-wave-w) var(--kz-wave-t), var(--kidz-wave-w) var(--kz-mask-b),
        100% calc(100% - var(--kz-wave-t) - var(--kz-mask-b) + 2px);
    mask-size: var(--kidz-wave-w) var(--kz-wave-t), var(--kidz-wave-w) var(--kz-mask-b),
        100% calc(100% - var(--kz-wave-t) - var(--kz-mask-b) + 2px);
    -webkit-mask-repeat: repeat-x, repeat-x, no-repeat;
    mask-repeat: repeat-x, repeat-x, no-repeat;
}

.kidz-wavy--top {
    --kz-wave-t: var(--kidz-section-wave-h);
    --kz-wave-top: var(--kidz-wave-top);
}

.kidz-wavy--bottom {
    --kz-wave-b: var(--kidz-section-wave-h);
    --kz-mask-b: var(--kz-wave-b);
    --kz-wave-bottom: var(--kidz-wave-bottom);
}

/* Two wavy sections in a row share one wave: the first keeps a straight bottom (and
   its room for the wave), the second slides up under it by the wave's height, so the
   first one's colour shows in the second one's hollows instead of a white gap. */
.kidz-wavy--bottom:has(+ .kidz-wavy--top) {
    --kz-mask-b: 0px;
    --kz-wave-bottom: none;
}

.kidz-wavy--bottom + .kidz-wavy--top {
    margin-top: calc(-1 * var(--kidz-section-wave-h));
}

/* The theme's sections start below whatever the section before them floats (the
   listings grid does not clear its columns). */
.kidz-marquee,
.kidz-ticker,
.kidz-section,
.kidz-triptych,
.kidz-hero-split {
    clear: both;
}

/* Section colours: the theme's five colours, strong or soft. --kz-fg is the text. */
.kidz-bg--primary {
    --kz-bg: var(--kidz-primary);
    --kz-fg: #FFFFFF;
}

.kidz-bg--primary-soft {
    --kz-bg: color-mix(in srgb, var(--kidz-primary) 16%, #FFFFFF);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--secondary {
    --kz-bg: var(--kidz-secondary);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--secondary-soft {
    --kz-bg: color-mix(in srgb, var(--kidz-secondary) 22%, #FFFFFF);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--accent {
    --kz-bg: var(--kidz-accent);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--accent-soft {
    --kz-bg: color-mix(in srgb, var(--kidz-accent) 25%, #FFFFFF);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--hover {
    --kz-bg: var(--kidz-accent-hover);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--hover-soft {
    --kz-bg: color-mix(in srgb, var(--kidz-accent-hover) 25%, #FFFFFF);
    --kz-fg: var(--kidz-primary);
}

.kidz-bg--highlight {
    --kz-bg: var(--kidz-highlight);
    --kz-fg: #FFFFFF;
}

.kidz-bg--highlight-soft {
    --kz-bg: color-mix(in srgb, var(--kidz-highlight) 18%, #FFFFFF);
    --kz-fg: var(--kidz-primary);
}

.kidz-section {
    background-color: var(--kz-bg, transparent);
    color: var(--kz-fg, inherit);
    padding: calc(80px + var(--kz-wave-t, 0px)) 0 calc(80px + var(--kz-wave-b, 0px));
    overflow: hidden;
}

.kidz-section h2,
.kidz-section .kidz-section__title {
    margin: 0 0 20px;
    color: var(--kz-fg, var(--kidz-primary));
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .kidz-section h2,
    .kidz-section .kidz-section__title {
        font-size: 26px;
    }
}

.kidz-section p {
    font-size: 16px;
    line-height: 1.7;
}

/* Rounded buttons, as on the design's search button. */
.kidz-pill,
.kidz-pill:visited {
    display: inline-block;
    margin-top: 10px;
    padding: 14px 34px;
    border: 2px solid #FFFFFF;
    border-radius: 999px;
    background-color: #FFFFFF;
    color: var(--kidz-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.kidz-pill:hover,
.kidz-pill:focus {
    transform: translateY(-2px);
    background-color: var(--kidz-accent);
    border-color: var(--kidz-accent);
    color: var(--kidz-primary);
    text-decoration: none;
}

.kidz-pill--outline,
.kidz-pill--outline:visited {
    background-color: transparent;
    border-color: currentColor;
    color: var(--kz-fg, var(--kidz-primary));
}

.kidz-link,
.kidz-link:visited {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid currentColor;
    padding-bottom: 3px;
}

.kidz-link:hover,
.kidz-link:focus {
    color: inherit;
    text-decoration: none;
    border-bottom-color: transparent;
}

/* Scrolling banner (kidz-marquee.liquid). Straight: a strip that scrolls; wave: the
   same words on a ribbon across the bottom of the hero (kidz.js moves them). */
.kidz-marquee {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.kidz-marquee__strip {
    padding: 18px 0;
    background-color: var(--kz-bg);
    color: var(--kz-fg);
    white-space: nowrap;
}

.kidz-marquee__track {
    display: inline-flex;
    animation: kidz-marquee 40s linear infinite;
}

.kidz-marquee__group {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kidz-marquee__group li {
    padding: 0 28px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.kidz-marquee__group li:after {
    content: '\2022';
    position: relative;
    left: 28px;
    opacity: 0.5;
}

@keyframes kidz-marquee {
    to { transform: translateX(-50%); }
}

.kidz-marquee__wave {
    display: none;
}

@media (min-width: 768px) {
    .kidz-marquee--wave {
        margin-top: -9vw;
        pointer-events: none;
    }

    .kidz-marquee--wave .kidz-marquee__strip {
        display: none;
    }

    .kidz-marquee--wave .kidz-marquee__wave {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
    }
}

.kidz-marquee__band {
    fill: none;
    stroke: var(--kz-bg);
    stroke-width: 64;
}

.kidz-marquee__text {
    fill: var(--kz-fg);
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* Image and text (kidz-image-text.liquid), the picture in a hand-drawn loop. */
.kidz-imagetext__grid {
    display: flex;
    align-items: center;
    gap: 60px;
}

.kidz-imagetext--image-left .kidz-imagetext__grid {
    flex-direction: row-reverse;
}

.kidz-imagetext__text {
    flex: 1 1 50%;
}

.kidz-imagetext__media {
    position: relative;
    flex: 1 1 50%;
    max-width: 480px;
    margin: 30px;
}

.kidz-imagetext__media img {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 6px;
}

.kidz-imagetext__loop {
    position: absolute;
    inset: -9% -7% -7% -9%;
    background-color: var(--kz-fg);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M104 8C150 6 192 36 193 92C194 150 158 192 100 193C46 194 7 158 7 102C6 50 40 9 96 8C112 8 122 12 128 18' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M104 8C150 6 192 36 193 92C194 150 158 192 100 193C46 194 7 158 7 102C6 50 40 9 96 8C112 8 122 12 128 18' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    transform: rotate(-4deg);
    opacity: 0.9;
}

.kidz-bg--primary .kidz-imagetext__loop,
.kidz-bg--highlight .kidz-imagetext__loop {
    background-color: #FFFFFF;
}

@media (max-width: 767px) {
    .kidz-imagetext__grid,
    .kidz-imagetext--image-left .kidz-imagetext__grid {
        flex-direction: column;
        gap: 30px;
    }

    .kidz-imagetext__media {
        width: calc(100% - 60px);
    }
}

/* Triptych (kidz-triptych.liquid): picture, coloured panel, picture. */
.kidz-triptych {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 420px;
}

.kidz-triptych__image {
    position: relative;
    overflow: hidden;
    background-color: color-mix(in srgb, #FFFFFF 45%, var(--kz-bg));
}

.kidz-triptych__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kidz-triptych__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(40px + var(--kz-wave-t, 0px)) 40px 40px;
    background-color: var(--kz-bg);
    color: var(--kz-fg);
    text-align: center;
}

.kidz-triptych__title {
    margin: 0 0 22px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .kidz-triptych {
        grid-template-columns: 1fr 1fr;
    }

    .kidz-triptych__panel {
        grid-column: 1 / -1;
        order: -1;
    }

    .kidz-triptych__image {
        min-height: 220px;
    }
}

/* Scrolling phrases (kidz-ticker.liquid): short sentences, well spaced, on a quiet band
   that scrolls without end; the page's background unless a colour is picked. */
.kidz-ticker {
    position: relative;
    overflow: hidden;
    padding: 46px 0;
    background-color: var(--kz-bg, transparent);
    color: var(--kz-fg, inherit);
    white-space: nowrap;
}

.kidz-ticker__track {
    display: inline-flex;
    animation: kidz-marquee calc(var(--kidz-ticker-run, 250) * var(--kidz-ticker-pace, 0.19s)) linear infinite;
}

.kidz-ticker--slow {
    --kidz-ticker-pace: 0.3s;
}

.kidz-ticker--fast {
    --kidz-ticker-pace: 0.11s;
}

.kidz-ticker--right .kidz-ticker__track {
    animation-direction: reverse;
}

.kidz-ticker:hover .kidz-ticker__track {
    animation-play-state: paused;
}

.kidz-ticker__group {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kidz-ticker__group li {
    padding: 0 34px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

@media (max-width: 767px) {
    .kidz-ticker {
        padding: 30px 0;
    }

    .kidz-ticker__group li {
        padding: 0 22px;
        font-size: 18px;
    }
}

/* Collage (kidz-collage.liquid): a coloured band, a centred message, three pictures
   against the edges (the first under the top wave, the third running off the bottom)
   and two thick hand-drawn lines. While the page scrolls, each picture moves at its own
   pace and the message drifts (kidz.js sets --kidz-progress, 0 to 1 across the screen),
   and the message rises into place the first time the band shows (.kidz-in-view). */
.kidz-collage {
    position: relative;
    text-align: center;
}

.kidz-collage__content {
    position: relative;
    z-index: 2;
    max-width: 520px;
    margin: 0 auto;
    transform: translate3d(0, calc((0.5 - var(--kidz-progress, 0.5)) * 50px), 0);
}

.kidz-collage h2 {
    font-size: 40px;
    letter-spacing: 0.02em;
    text-transform: none;
}

.kidz-collage p {
    margin-bottom: 28px;
    font-size: 18px;
    line-height: 1.6;
}

.kidz-collage__line {
    position: absolute;
    z-index: 1;
    background-color: color-mix(in srgb, #FFFFFF 70%, var(--kz-bg));
    pointer-events: none;
}

/* Leaves the first picture's side a third of the way down, dips, levels out, then
   climbs under the top wave. */
.kidz-collage__line--a {
    top: 0;
    left: 19%;
    width: 27%;
    aspect-ratio: 520 / 250;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 250' fill='none'%3E%3Cpath d='M-70 186C10 186 80 236 146 230C204 225 232 172 300 164C362 157 410 168 440 132C462 106 480 58 498 -16' stroke='black' stroke-width='32' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 250' fill='none'%3E%3Cpath d='M-70 186C10 186 80 236 146 230C204 225 232 172 300 164C362 157 410 168 440 132C462 106 480 58 498 -16' stroke='black' stroke-width='32' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    transform: translate3d(calc((var(--kidz-progress, 0.5) - 0.5) * 40px), 0, 0);
}

/* A hook coming in from the right edge, over the second picture's corner, and out
   through the bottom. */
.kidz-collage__line--b {
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 18%;
    aspect-ratio: 1;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 345 345' fill='none'%3E%3Cpath d='M372 92C324 46 268 31 213 35C120 41 30 100 30 177C30 238 80 262 112 296C135 320 150 345 158 380' stroke='black' stroke-width='34' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 345 345' fill='none'%3E%3Cpath d='M372 92C324 46 268 31 213 35C120 41 30 100 30 177C30 238 80 262 112 296C135 320 150 345 158 380' stroke='black' stroke-width='34' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    transform: rotate(calc((var(--kidz-progress, 0.5) - 0.5) * 14deg));
    transform-origin: 100% 100%;
}

.kidz-collage__image {
    position: absolute;
    z-index: 1;
    width: 20%;
    margin: 0;
    overflow: hidden;
    border-radius: 16px;
    background-color: color-mix(in srgb, #FFFFFF 25%, var(--kz-bg));
    will-change: transform;
}

.kidz-collage__image img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

/* Under the top wave, which cuts its top edge. */
.kidz-collage__image--1 {
    top: -40px;
    left: 0;
    transform: translate3d(0, calc((0.5 - var(--kidz-progress, 0.5)) * 70px), 0);
}

.kidz-collage__image--1 img {
    aspect-ratio: 2 / 3;
}

.kidz-collage__image--2 {
    top: 16%;
    right: 3%;
    transform: translate3d(0, calc((var(--kidz-progress, 0.5) - 0.5) * 70px), 0);
}

/* Runs off the bottom of the band. */
.kidz-collage__image--3 {
    top: 81%;
    left: 21%;
    transform: translate3d(0, calc((0.5 - var(--kidz-progress, 0.5)) * 110px), 0);
}

.kidz-collage__image--3 img {
    aspect-ratio: 1;
}

/* The message rises into place, line after line. */
.kidz-reveal:not(.kidz-in-view) .kidz-collage__content > * {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
}

.kidz-reveal .kidz-collage__content > * {
    transition: opacity 0.7s ease, transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.kidz-reveal .kidz-collage__content > :nth-child(2) {
    transition-delay: 0.12s;
}

.kidz-reveal .kidz-collage__content > :nth-child(3) {
    transition-delay: 0.24s;
}

/* As wide as the reference band is high (about 48%), the message centred in it. */
@media (min-width: 992px) {
    .kidz-collage {
        display: flex;
        flex-direction: column;
        justify-content: center;
        aspect-ratio: 2.09;
        padding-top: calc(40px + var(--kz-wave-t, 0px));
        padding-bottom: calc(40px + var(--kz-wave-b, 0px));
    }
}

@media (max-width: 991px) {
    .kidz-collage {
        padding-top: calc(30px + var(--kz-wave-t, 0px));
    }

    .kidz-collage__content {
        padding: 10px 0 40px;
        transform: none;
    }

    .kidz-collage h2 {
        font-size: 30px;
    }

    .kidz-collage__images {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .kidz-collage__image,
    .kidz-collage__image--1,
    .kidz-collage__image--2,
    .kidz-collage__image--3 {
        position: static;
        width: 30%;
        transform: none;
    }

    .kidz-collage__line--a {
        display: none;
    }

    .kidz-collage__line--b {
        width: 40%;
    }
}

/* Hero, split style (homepage-welcome.liquid): the picture on one side, the title
   and the search on a coloured panel. */
.kidz-hero-split {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: min(78vh, 720px);
}

.kidz-hero-split__media {
    position: relative;
    overflow: hidden;
    background-color: var(--kz-bg);
    background-position: center;
    background-size: cover;
}

.kidz-hero-split__media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kidz-hero-split__panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 8% calc(60px + var(--kidz-wave-h));
    background-color: var(--kz-bg);
    color: var(--kz-fg);
}

.kidz-hero-split__panel h1 {
    margin: 0 0 16px;
    color: var(--kz-fg);
    font-size: 46px;
    font-weight: 800;
    line-height: 1.1;
    text-align: left;
}

.kidz-hero-split__panel h2 {
    margin: 0 0 30px;
    color: var(--kz-fg);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
}

/* The search form's fields stand one above the other in the panel. */
.kidz-hero-split__panel form .row > [class*="col-"],
.kidz-hero-split__panel form [class*="col-md-"] {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.kidz-hero-split:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: var(--kidz-wave-h);
    background-color: #FFFFFF;
    -webkit-mask: var(--kidz-wave-top) 0 100% / var(--kidz-wave-w) 100% repeat-x;
    mask: var(--kidz-wave-top) 0 100% / var(--kidz-wave-w) 100% repeat-x;
    pointer-events: none;
}

@media (max-width: 767px) {
    .kidz-hero-split {
        grid-template-columns: 1fr;
    }

    .kidz-hero-split__media {
        min-height: 260px;
    }

    .kidz-hero-split__panel h1 {
        font-size: 32px;
    }
}

/* Hand-drawn lines behind the listings and the blog posts ("Decorative lines"). */
.kidz-home--lines .home_featured_listings > .container,
.kidz-home--lines .featured-posts-section > .container {
    position: relative;
    z-index: 1;
}

.kidz-home--lines .home_featured_listings:after,
.kidz-home--lines .featured-posts-section:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: color-mix(in srgb, var(--kidz-highlight) 14%, transparent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 520' fill='none'%3E%3Cpath d='M40 20C160 60 250 120 210 210C170 300 40 260 60 360C80 450 220 470 270 500' stroke='black' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") -40px 0 / 260px 450px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 520' fill='none'%3E%3Cpath d='M260 20C150 80 60 150 110 240C160 330 270 300 250 400C235 470 120 490 40 500' stroke='black' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") calc(100% + 40px) 60% / 260px 450px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 520' fill='none'%3E%3Cpath d='M40 20C160 60 250 120 210 210C170 300 40 260 60 360C80 450 220 470 270 500' stroke='black' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") -40px 0 / 260px 450px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 520' fill='none'%3E%3Cpath d='M260 20C150 80 60 150 110 240C160 330 270 300 250 400C235 470 120 490 40 500' stroke='black' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") calc(100% + 40px) 60% / 260px 450px no-repeat;
    pointer-events: none;
}

.kidz-home--lines .featured-posts-section {
    position: relative;
    overflow: hidden;
}

/* Section titles sit on the left: their subtitle too (kindshare centres it). */
.section-header .subtitle {
    max-width: 720px;
    margin: 0;
    text-align: left;
}

/* Featured blog posts (homepage-articles.liquid): rounded picture, category, title,
   summary, then author and date. */
.kidz-posts .section-header,
.kidz-posts .post_item {
    padding-left: 0;
    padding-right: 0;
}

.kidz-post__media {
    display: block;
}

.kidz-post .img_cover {
    height: 240px;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.kidz-post__media:hover .img_cover,
.kidz-post__media:focus .img_cover {
    transform: translateY(-4px);
}

.kidz-post__body {
    padding: 18px 0 0;
}

.kidz-post__category,
.kidz-post__category:visited {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 12px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--kidz-secondary) 18%, #FFFFFF);
    color: var(--kidz-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
}

a.kidz-post__category:hover,
a.kidz-post__category:focus {
    background-color: var(--kidz-secondary);
    color: #FFFFFF;
    text-decoration: none;
}

.kidz-posts .post-title {
    margin: 0 0 8px;
    color: var(--kidz-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.kidz-posts .post-summary {
    margin: 0 0 16px;
    color: #555555;
    font-size: 14px;
}

.kidz-post__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    padding-top: 14px;
    border-top: 1px solid #EEEEEE;
    color: #777777;
    font-size: 13px;
}

.kidz-post__author {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--kidz-primary);
    font-weight: 600;
}

.kidz-post__author + .kidz-post__date:before {
    content: '\2022';
    margin-right: 14px;
    color: #BBBBBB;
}

/* owl-carousel sizes every picture in a slide: keep the avatar small. */
.kidz-posts .owl-carousel .owl-item img.kidz-post__avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

/* The edito's picture starts on a wave too. */
.kidz-edito.kidz-wavy--top {
    padding-top: calc(100px + var(--kz-wave-t));
}

/* Featured categories, effects 2 to 4 (homepage-categories.liquid). Effect 1 is the
   coloured tiles above (.trending-item). Each card takes its colour from the palette in
   turn (--kz-tile), in the tiles' order. */
.kidz-cats__grid {
    --kz-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 34px var(--kz-gap);
    margin: 10px 0 0;
    padding: 0 15px;
    list-style: none;
}

.kidz-cat {
    --kz-tile: var(--kidz-secondary);
    position: relative;
    flex: 0 1 calc((100% - 5 * var(--kz-gap)) / 6);
    min-width: 0;
}

.kidz-cat:nth-child(6n+2) {
    --kz-tile: var(--kidz-highlight);
}

.kidz-cat:nth-child(6n+3) {
    --kz-tile: var(--kidz-accent-hover);
}

.kidz-cat:nth-child(6n+4) {
    --kz-tile: var(--kidz-primary);
}

.kidz-cat:nth-child(6n+5) {
    --kz-tile: var(--kidz-accent);
}

.kidz-cat__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--kidz-primary);
    text-align: center;
    text-decoration: none;
}

.kidz-cat__link:hover,
.kidz-cat__link:focus {
    color: var(--kidz-primary);
    text-decoration: none;
}

.kidz-cat__media {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: color-mix(in srgb, #FFFFFF 70%, var(--kz-tile));
}

.kidz-cat__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.kidz-cat__title {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 16px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: break-word;
}

/* Effect 2, stickers: a round picture on a scalloped badge that turns on hover. */
.kidz-cats--effect-2 {
    --kidz-scallop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50.0 8.0A11.6 11.6 0 0 1 68.2 12.2A11.6 11.6 0 0 1 82.8 23.8A11.6 11.6 0 0 1 90.9 40.7A11.6 11.6 0 0 1 90.9 59.3A11.6 11.6 0 0 1 82.8 76.2A11.6 11.6 0 0 1 68.2 87.8A11.6 11.6 0 0 1 50.0 92.0A11.6 11.6 0 0 1 31.8 87.8A11.6 11.6 0 0 1 17.2 76.2A11.6 11.6 0 0 1 9.1 59.3A11.6 11.6 0 0 1 9.1 40.7A11.6 11.6 0 0 1 17.2 23.8A11.6 11.6 0 0 1 31.8 12.2A11.6 11.6 0 0 1 50.0 8.0Z'/%3E%3C/svg%3E");
}

.kidz-cats--effect-2 .kidz-cat__media {
    width: 72%;
    margin-top: 14%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #FFFFFF;
}

.kidz-cats--effect-2 .kidz-cat__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1;
    background-color: var(--kz-tile);
    -webkit-mask: var(--kidz-scallop) center / 100% 100% no-repeat;
    mask: var(--kidz-scallop) center / 100% 100% no-repeat;
    transition: transform 0.5s cubic-bezier(0.3, 1.5, 0.5, 1);
}

.kidz-cats--effect-2 .kidz-cat__title {
    margin-top: calc(14% + 12px);
}

.kidz-cats--effect-2 .kidz-cat__link:hover:before {
    transform: rotate(25deg) scale(1.04);
}

.kidz-cats--effect-2 .kidz-cat__link:hover img {
    transform: scale(1.08);
}

/* Effect 3, instant photos: white frames, tilted one way then the other, held by a
   strip of tape in the card's colour; a frame straightens and lifts on hover. */
.kidz-cats--effect-3 .kidz-cats__grid {
    --kz-gap: 28px;
    row-gap: 44px;
    margin-top: 28px;
}

.kidz-cats--effect-3 .kidz-cat__link {
    padding: 10px 10px 0;
    background-color: #FFFFFF;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: rotate(-3deg);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kidz-cats--effect-3 .kidz-cat:nth-child(even) .kidz-cat__link {
    transform: rotate(2.5deg);
}

.kidz-cats--effect-3 .kidz-cat__link:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -11px;
    left: 50%;
    width: 64px;
    height: 22px;
    margin-left: -32px;
    background-color: color-mix(in srgb, var(--kz-tile) 75%, transparent);
    transform: rotate(-4deg);
}

.kidz-cats--effect-3 .kidz-cat .kidz-cat__link:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
    transform: rotate(0) translateY(-6px);
}

.kidz-cats--effect-3 .kidz-cat__media {
    aspect-ratio: 1;
    border-radius: 3px;
}

.kidz-cats--effect-3 .kidz-cat__title {
    margin: 0;
    padding: 12px 4px 16px;
}

/* Effect 4, arches: an arched picture over a shadow of the card's colour, which the
   picture uncovers on hover, and the title on a white pill across its foot. */
.kidz-cats--effect-4 .kidz-cats__grid {
    margin-top: 28px;
}

.kidz-cats--effect-4 .kidz-cat__media {
    overflow: visible;
    aspect-ratio: 3 / 4;
    border-radius: 999px 999px 16px 16px;
    background-color: var(--kz-tile);
}

.kidz-cats--effect-4 .kidz-cat__media img {
    border-radius: inherit;
    transform: translate(-8px, -8px);
}

.kidz-cats--effect-4 .kidz-cat__link:hover img {
    transform: translate(-13px, -13px);
}

.kidz-cats--effect-4 .kidz-cat__title {
    max-width: 96%;
    margin-top: -20px;
    padding: 8px 14px;
    border-radius: 999px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    font-size: 15px;
    transform: translateX(-4px);
}

@media (max-width: 991px) {
    .kidz-cat {
        flex-basis: calc((100% - 2 * var(--kz-gap)) / 3);
    }
}

@media (max-width: 575px) {
    .kidz-cat {
        flex-basis: calc((100% - var(--kz-gap)) / 2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .card.kidz-is-loading .card_img::after,
    .trending-item.kidz-is-loading,
    .kidz-is-loading .img_cover,
    .kidz-is-loading .post-title,
    .kidz-is-loading .post-summary,
    .card.kidz-is-loading .bd-listing-information li,
    .trending-item.kidz-is-loading h4,
    .kidz-is-loading.kidz-imagetext__media,
    .kidz-is-loading.kidz-triptych__image,
    .kidz-is-loading.kidz-collage__image,
    .kidz-is-loading.kidz-cat__media,
    .kidz-marquee__track,
    .kidz-ticker__track {
        animation: none;
    }

    .home_trending_collection:before,
    .home_featured_listings:before,
    .kidz-collage__image,
    .kidz-collage__content,
    .kidz-collage__line {
        transform: none;
    }
}