/*
Theme Name: thesustainablebabyco
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: thesustainablebabyco
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1777981910
Updated: 2026-05-05 11:51:50

*/


*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    background: transparent;
}

table {
    max-width: 1240px;
    width: 100%;
    margin: auto;
}

*:not(.simulator) {
    scrollbar-width: thin;
}

/* ------ */


.thesustainablebabyco p a,
.thesustainablebabyco li a {
    color: #0266ca;
}

header,
footer {
    width: 100%;
    background: transparent;
    margin: 0;
    padding: 20px 0;
}

header.header-section {
    padding: 10px 0;
}

.date-container span b {
    font-weight: 700;
}

pre {
    line-break: anywhere;
    white-space: break-spaces;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thesustainablebabyco {
    max-width: 1240px;
    width: 100%;
    margin: auto !important;
}

.container {
    max-width: 1240px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    color: #000;
    margin-bottom: 0;
    padding: 0 12px;

}

.last_updated_date {
    margin-top: 4px;
}

.wpb_wrapper,
.vc_row.wpb_row {
    max-width: 1240px;
    width: 100%;
    margin: auto;
}

div#flv_layout {
    max-width: 1240px;
    width: 100%;
    margin: auto;
    padding: 0;
}

.main-menu-item-section>ul {
    max-width: 1100px;
    display: flex;
    gap: 3px 15px;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-start;
}

.main-menu-item-section>ul li a {
    font-size: 18px;
    font-weight: 400;
    padding: 8px 18px;
    border: none;
    color: #fff;
    text-decoration: none;
}


.thesustainablebabyco h1 {
    font-size: 35px;
    line-height: 1;
    margin-bottom: 7px;
    font-weight: 600;
}

.thesustainablebabyco h2 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 500;
}

.thesustainablebabyco h3 {
    font-size: 28px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.thesustainablebabyco h4 {
    font-size: 25px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.thesustainablebabyco h5 {
    font-size: 22px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.thesustainablebabyco h6 {
    font-size: 20px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    text-transform: none;
    font-weight: 300;
}

.thesustainablebabyco p {
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 28px;
}

.thesustainablebabyco ol {
    font-size: 18px;
    margin: 20px;
    list-style: decimal;
}

.thesustainablebabyco ul {
    font-size: 18px;
    padding-left: 29px;
    list-style: disc;
}

.thesustainablebabyco ul li::marker {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}




.thesustainablebabyco ul li {
    position: relative;
    padding-left: 0px;
    margin-bottom: 10px;
}

table tr th {
    background: #ddd;
}


.thesustainablebabyco li {
    line-height: 30px;
}


.thesustainablebabyco table tr td {
    border: 1px solid #b6acac;
    padding: 10px;
    font-size: 18px;
}

.thesustainablebabyco table tr td b {
    font-weight: 700;
}

.thesustainablebabyco table {
    margin: 25px 0;
    border-collapse: collapse;
    width: 100%;
}

.table-auto {
    overflow-x: auto;
}

a.campaign-list-item_cta-btn {
    color: #fff !important;
    text-decoration: none;
}

.thesustainablebabyco table tr td,
.thesustainablebabyco table tr th {
    border: 1px solid #b6acac;
    padding: 10px;
    font-size: 18px;
    text-transform: initial;
    color: #000;

    text-align: start;
}

.table-auto {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.thesustainablebabyco dl {
    background: #f1f1f1;
    padding: 30px;
    border-radius: 5px;
    margin: 0 0 20px 0;
    font-size: 18px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.7px);
    -webkit-backdrop-filter: blur(7.7px);
    border: 1px solid #bababa;
}

.thesustainablebabyco dt {
    border-radius: 5px;
    padding: 10px;
    background: #d1d1d1;
}

.thesustainablebabyco dd {
    margin-left: 15px;
    padding: 15px;
}

.thesustainablebabyco blockquote {
    position: relative;
}

.thesustainablebabyco blockquote p:after {
    content: "";
    background: #000;
    height: 100%;
    width: 5px;
    position: absolute;
    top: 0;
    left: -35px;
    border: 1px solid #bababa;
    border-radius: 5px;
}

.toplist-insidersports__offer-cta-btn {
    background: #000 !important;
}

.toplist-insidersports__offer {
    background: #ffffff6b !important;
}

.thesustainablebabyco img.aligncenter {
    margin: 15px auto;
    display: flex;
}

.main-menu-item-section ul {
    display: flex;
    justify-content: normal;
    align-items: left;
    gap: 26px;
    list-style: none;
    flex-wrap: wrap;
}

li.menu-item-has-children {
    position: relative;
}

ul.nav li ul.sub-menu {
    background: #2f3025;
    display: flex;
    flex-direction: column;
    position: absolute;
    padding: 14px;
    width: 200px;
    gap: 10px;
    top: 36px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    z-index: 9999;
    right: 0;
}

ul.nav li ul.sub-menu li {
    padding: 0px 0 0 0;
    white-space: normal;
    word-break: break-word;

}

.main-menu-item-section ul li a {
    text-decoration: none;
    font-size: 18px;
    color: #000;
    word-break: break-word;
}

.su-button-center {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.su-button-center a span {
    position: static;
    background-color: #000;
    color: #fff !important;
    border: 1px solid #b3b3b3 !important;
    border-radius: 12px !important;
    border-color: #FFF;
}

.su-button-center a span:hover {
    box-shadow: 0px 0px 0px 2px #000;
    transition: 0.6s ease-in-out;
}

a.su-button.su-button-style-flat {
    background: transparent !important;
}


li.menu-item-has-children:after {
    content: "\f107";
    top: 8px !important;
    right: 3px;
    position: absolute;
    font-family: "fontAwesome";
    font-size: 14px;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

button#togglebtn {
    padding: 0px 10px;
    font-size: 20px;
}

p.has-text-align-center {
    margin: 0;
    color: #000;
}

p.has-text-align-center a {
    text-decoration: none;
}


ul.nav li ul.sub-menu li a {
    width: auto;
    display: block;
    padding: 5px 20px;
}

.campaign-list-item_key-features ul li {
    list-style: none;
}

footer p {
    text-align: center;
    color: #000;
    font-size: 18px;
}

.toplist-insidersports__offer {

    border-radius: 16px !important;
    border: 1px solid #efefef !important;
    border-width: 1px !important;
}

.thesustainablebabyco-author-container {
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    margin: 15px 0;
    background: transparent;
}

.author-img-con img {
    height: 65px;
    width: 65px;
    object-fit: contain;
}

.author-img-con {

    border-radius: 64px;
    padding: 4px 4px 1px;
}

.author-img-con {
    position: relative;
    border: 2px dashed transparent;
    border-radius: 64px;
    padding: 4px 4px 1px;
}

.date-container {
    height: 70px;
}

.date-author-cl span {
    font-size: 18px;
    color: #000;
}

span.posttim.posdate a {
    color: #000;
}

.last_updated_date p {
    font-size: 18px;
    color: #000;
}


section.main-content {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.profile-header-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    padding: 10px 12px;

    background: transparent;
    z-index: 999;
    position: relative;
    margin: 10px auto;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e4e3e3;
    box-sizing: border-box;
}

.header-avatar-container img {
    border-radius: 3px;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.header-avatar-container {
    line-height: 0;
}

.header-name-container h2 {
    font-size: 28px;
    font-weight: 700;
    color: #222;
}

.profile-fields-group {
    padding: 10px 12px;
    background: transparent;
    z-index: 999;
    position: relative;
    margin: 10px auto;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e4e3e3;
    ;
    box-sizing: border-box;

}

h2.group-title {
    font-size: 28px;
    /* color: #4e73df; */
    border-bottom: 2px solid #000000;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.author-f-name,
.author-description-name {
    display: flex;
    gap: 10px;
}

.author-f-name .label,
.author-description-name .label {
    font-weight: 700;
    font-size: 18px;
}

.author-f-name .data,
.author-description-name .data {
    font-size: 17px;
    line-height: 1.6;
}


.data p {
    font-size: 17px;
    margin: 0;
}

.site-logo-image a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.fa {
    display: none;
}

i.fa-solid.fa-bars,
i.fa-solid.fa-xmark {
    position: relative;
    top: 2px;
}

li.current>span.dropdown-toggle-icon:after {
    color: #fff;
}

.footer-widgets {
    padding-top: 7px;
}

/* 404 page style */
section.page-section-404 {
    padding: 20px 0;
    width: 100%;
    max-width: 920px;
    margin: auto;
}

section.page-section-404 h1 {
    font-size: 35px;
    line-height: 45px;

}

.description-404 {
    font-size: 18px;
    line-height: 26px;
    padding: 10px 0;

}

.links-group-404 {
    font-size: 16px;
    line-height: 26px;
}

.links-group-404 a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.search-bar-404 {
    padding: 12px 0;
}

.links-group-404 {
    font-size: 18px;
    line-height: 26px;
}

.search-bar-404 form {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-bar-404 form input {
    width: 100%;
    padding: 12px 15px;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    color: #0b0a0a;
    border: none;
    border-radius: 4px 0px 0px 4px;
    outline: none;
    height: auto;
    border: 1px solid #8d8d8d;
}

.search-bar-404 button {
    width: 100%;
    color: #fff;
    background: #0266ca;
    border: none;
    max-width: 130px;
    border-radius: 0 4px 4px 0px;
    padding: 10px;
    font-size: 18px;
    cursor: pointer;
}

.links-group-404 ul {
    line-height: 26px;
    padding: 20px 60px;
    background: #0266ca12;
    border-radius: 5px;
}

.search-bar-404 strong {
    padding-bottom: 10px;
    display: block;
    font-size: 18px;
    line-height: 26px;
}

.links-group-404 ul li {
    list-style: decimal;
}

.links-group-404 a:hover {
    color: blue;
}

.search-content {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 8px;
}

header.search-header>h1 {
    text-align: center;
}

.nav-links span,
.nav-links a {
    border: 1px solid #aba8a8;
    padding: 5px 10px;
    border-radius: 5px;
    background: #f1f1f1;
}

nav.navigation.pagination {
    display: flex;
    justify-content: center;
    padding: 25px 0;
}

.site-logo-image.site-name {
    width: 28%;
}

/* Footer menu */
ul#menu-footer-menu {
    border-bottom: 1px solid
}

ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    gap: 12px 20px;
    list-style: none;
    flex-wrap: wrap;
    padding: 5px 10px;
    margin: 0;
}

ul#menu-footer-menu li a {
    text-decoration: none;
    color: #000;
}

ul#menu-footer-menu li a {
    font-size: large;
}

ul#menu-footer-menu li:hover a {
    color: #000;
}

div#block-7 {
    padding-top: 12px;
}

.main-menu-item-section>ul>li:hover>a {
    color: #393939;

}

li.current_page_item>a {
    border: 1px solid #bababa;
    border-radius: 8px;
}



li.menu-item-has-children.current_page_item:after {
    color: #fff;
}


.thesustainablebabyco form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 991px;
    width: 100%;
}

.thesustainablebabyco input,
.thesustainablebabyco button {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.thesustainablebabyco input {
    flex: 1;
}

.accordionContent {
    padding: 8px 18px;
    border-radius: 5px;


}

img.aligncenter.size-full {
    margin: 20px auto;
    border-radius: 6px;
    border: 0;
}

@media (max-width: 600px) {
    .thesustainablebabyco form {
        flex-direction: column;
        align-items: stretch;
    }

    .thesustainablebabyco input,
    .thesustainablebabyco button {
        width: 100%;
    }
}

@media(min-width: 1180px) {
    .campaign-shortcode-table_offers-list {
        width: 97.4%;
    }


    .toggleMenu {
        display: none;
    }

    ul.nav li ul.sub-menu {
        padding: 0;
    }

    ul.sub-menu {
        position: absolute;
    }

    .thesustainablebabyco table {
        display: inline-masonry;
    }

    .main-menu-item-section>ul {
        max-width: 1100px;
        display: flex;
        gap: 5px 3px;
        flex-wrap: wrap;
        justify-content: flex-end;
        color: #fff;
    }

    ul.nav li ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
    }

    .thesustainablebabyco {
        padding: 10px 0;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        gap: 0;
        padding: 2px;
        background: #fff;
        border-radius: 0px;
        border: 1px solid #aeaeae;
    }

    .menu-toggle {
        display: none;
    }

    li.menu-item-has-children:hover:after {
        transform: rotate(180deg);
        transition: 0.5s;
    }

    ul.sub-menu li:hover a {
        border-radius: 8px;
    }

    img.custom-logo {
        height: 110px;
        max-width: 303px;
        width: 100%;
        object-fit: contain;
    }

}




@media(max-width: 1179px) {

    .toplist-insidersports__offer-cta-btn {
        width: 96% !important;
    }

    .main-menu-item-section>ul>li:hover>a {
        border: none !important;
    }

    .current_page_item {
        background: #e3e3e3;
    }


    .fa-angle-down:before {
        display: none;
    }

    .fa {
        display: none;
    }

    header.header-section {
        padding: 0px;
        width: auto;
    }

    ul.wp-menu li:hover,
    ul.wp-menu li:hover a {
        background: #eeeeee;
    }

    .thesustainablebabyco table {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    li.menu-item-has-children:after {
        display: none;
    }

    header,
    footer {
        padding: 10px 0;
    }

    .container {
        width: 100%;
    }

    .thesustainablebabyco dl {
        padding: 30px 20px;
    }

    ul.wp-menu {
        position: absolute;
        left: 0;
        background: #fff;
        top: 81px;
        z-index: 99999;
        display: none;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #ededed;
    }

    .sub-menu {
        background-color: #eaeaea;
        display: none;
    }

    ul.sub-menu li:hover a {
        background: #2d949c;
    }

    .main-menu-item-section li a:hover li {
        background-color: #000;
    }


    ul.sf-menu.wp-menu li {
        width: 100%;
        padding: 12px 12px 16px;
        gap: 0;
        border-bottom: 1px solid #f1f1f1;
    }

    ul.sf-menu.wp-menu li a {
        color: #fff;
    }

    ul.nav li ul.sub-menu {
        position: relative;
        width: 100%;
        top: 2px;
        display: none;
        margin: auto;
        padding: 0;
    }

    header {
        position: relative;
    }

    span.dropdown-toggle-icon:after {
        content: "\f107";
        position: absolute;
        right: 5px;
        top: 10px;
        font-family: "fontAwesome";
        font-size: 22px;
        cursor: pointer;
        color: #000;
        padding: 4px 7px;
    }

    li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transition: 0.5s;
        transform: rotate(180deg);
        top: 7px;
        padding: 7px 12px;
    }

    ul.nav.navbar-nav {
        padding: 0;
        margin: 0;
    }

    .main-menu-item-section ul.nav li {
        border-bottom: 1px solid #d1d1d1;
        padding: 10px;
    }

    img.logo {
        max-width: 230px;
        height: 80px;
        object-fit: contain;
        width: 100%;
        object-position: left center;
        display: block;
    }

    .campaign-list-item.brand_table_custom_cl {
        width: 90%;
    }

    .main-menu-item-section ul li a {
        padding: 3px 30px 3px 0px;
        width: 95%;
        display: inline-block;
    }

    ul.sub-menu li:hover,
    ul.sub-menu li:hover a {
        background: #2d949c !important;
    }

    ul.sub-menu li,
    ul.sub-menu li a {
        background: #fff !important;
    }

    .sf-menu li ul,
    .sf-menu li ul li {
        width: 88%;
        top: 5px;
        background: #eaeaea;
    }

    footer {
        padding: 18px 0;
    }

    ul.sub-menu li:hover,
    ul.sub-menu li:hover a {
        background: #eee !important;
    }

    .toggleMenu {
        position: absolute;
        right: 12px;
    }

    button.toggle-menu-button {
        padding: 9px 8px;
        border-radius: 6px;
        font-size: 20px;
        border: 1px solid transparent;
        background: transparent;
    }

    ul.sub-menu li.menu-item-has-children .dropdown-toggle-icon:after {
        transform: rotate(0deg);
    }

    ul.sub-menu li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transform: rotate(180deg);
    }

    ul.sub-menu ul.sub-menu li.menu-item-has-children .dropdown-toggle-icon:after {
        transform: rotate(0deg);
    }

    ul.sub-menu ul.sub-menu li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transform: rotate(180deg);
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .thesustainablebabyco table {
        border-collapse: collapse;
        display: inline-table;
    }


}

@media (min-width: 1024px) {
    ul.sub-menu li.menu-item-has-children ul {
        position: absolute;
        left: -100%;
        top: 0;
    }

    ul.sub-menu li ul.sub-menu {
        display: none;
    }

    ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
        display: block;
        transition: 0.2s;
    }

    ul.sub-menu li.menu-item-has-children:after {
        top: 15px !important;
        position: absolute;
        right: 7px;
    }

    img.logo {
        height: 78px;
        max-width: 290px;
        width: 100%;
        object-fit: contain;
        display: block;
    }
}

@media(max-width:991px) {
    .toplist-insidersports__offer-actions {
        padding-left: 0 !important;
    }

    .site-logo-image.site-name {
        width: 70%;
    }



    header .container {
        padding: 20px 0;
    }
}

@media(max-width:991px) and (min-width: 375px) {
    .thesustainablebabyco ol {
        padding-left: 20px;
    }
}


@media(max-width:550px) {

    .last_updated_date p,
    .date-author-cl span {
        font-size: 16px !important;
    }

    img.aligncenter.size-full {
        padding: 0;
    }
}

@media(max-width:1179px) {
    header .container {
        padding: 30px 12px;
    }

    .thesustainablebabyco table tr td {
        white-space: nowrap;
    }

    .site-logo-image {
        max-width: 220px !important;
    }

    .site-logo-image img {
        width: 100%;
    }
}

@media(max-width:624px) {
    .thesustainablebabyco table {
        display: block;
    }
}