h1 {
    position: initial;
    text-align: left;
    padding: 0;
}
h2 {
    color: #010B0C;
    padding: 10px 0;
    font-family: 'Barlow-400', sans-serif;
    font-size: calc(0.6rem + 0.7vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(1rem + 1vw);
    width: 45%;
    margin: auto;
}
h3 {
    position: initial;
    color: #010B0C;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Barlow-600', sans-serif;
    font-size: calc(0.6rem + 0.7vw);
    font-style: normal;
    font-weight: 600;
    line-height: calc(1rem + 1vw);
    width: 45%;
    margin: auto;
    padding: 10px 0;
    text-transform: none;
    text-align: left;
}
h4 {
    width: 45%;
    margin: 1vw auto 0.5vw;
}
h6 {
    margin: 0;
}
p {
    color: #010B0C;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Barlow-400', sans-serif;
    font-size: calc(0.6rem + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(1rem + 0.8vw);
    width: 45%;
    margin: auto;
}
a {
    color: #010B0C;
}
a:visited {
    color: #010B0C;
}
/* a:-webkit-any-link {
    text-decoration: underline;
} */
.wp-block-gallery .wp-block-image img {
    margin: 3.5vw auto;
    width: 45%;
    display: flex;
    justify-content: center;
}
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1, .wp-container-core-columns-layout-2.wp-container-core-columns-layout-2, .wp-container-core-columns-layout-5.wp-container-core-columns-layout-5, 
.wp-container-core-columns-layout-6.wp-container-core-columns-layout-6, .wp-container-core-columns-layout-7.wp-container-core-columns-layout-7, .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8, 
.wp-container-core-columns-layout-9.wp-container-core-columns-layout-9 {
    margin: 3vw auto;
    width: 45%;
}
.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
    margin: 3vw auto;
    width: 45%;
}
.wp-container-core-columns-layout-4.wp-container-core-columns-layout-4 {
    margin: 3vw auto;
    width: 45%;
}
.wp-block-column h3, .wp-block-column p {
    width: 100%;
}
.wp-block-quote {
    width: 65%;
    margin: 4.5vw auto;
}
.wp-block-quote p {
    width: 100%;
    font-family: 'Noto Serif Disp SemCond Light';
    font-size: calc(1.2rem + 1vw);
    font-style: normal;
    font-weight: 200;
    line-height: calc(1.7rem + 1.4vw);
}

.wp-block-table {
    width: 45%;
    margin: auto;
}

figure {
 width: 45%;
    margin: auto;
}

.wp-block-quote cite {
    color: #010B0C;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Barlow-700', sans-serif;
    font-weight: 700;
    font-size: calc(0.5rem + 0.5vw);
    font-style: normal;
    line-height: calc(0.8rem + 0.8vw);
    margin: auto;
}

code {
    display: block;
    width: 45%;
    margin: auto;
}

ol {
    width: 45%;
    margin: auto;

}
ul li, ol li {
    color: #010B0C;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: 'Barlow-400', sans-serif;
    font-size: calc(0.5rem + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(0.8rem + 0.8vw);
    /* width: 45%; */
    margin: auto;
}

ul li {
    width: 45%;
}
.sharing-container {
    border: 1px solid #010B0C30;
    margin: 3vw 20px;
    padding: 3vw 0;
}
.author-name {
    color: #E46E00;
    font-family: 'Barlow-500', sans-serif;
    font-size: calc(0.8rem + 0.7vw);
    font-style: normal;
    line-height: calc(0.8rem + 0.8vw);
    font-weight: 500;
}
.author-img {
    height: 4vw;
    width: 4vw;
    border-radius: 200px;
    background-color: #EEBA0030;
    margin-right: 5px;
}
.author-img-top {
    height: 2vw;
    width: 2vw;
    border-radius: 200px;
    background-color: #EEBA0030;
    margin-right: 5px;
}
.author-bottom-container {
    display: flex;
    width: 45%;
    margin: auto;
}
.author-bottom-container p {
    width: 100%;
    padding: 0;
    margin-right: 2vw;
}
.info-bottom-titles ._10padding-bottom {
    padding-bottom: 15px !important;
}
.info-bottom-group {
    margin: 20px 0 40px;
}
.info-bottom-container {
    display: grid;
    grid-template-columns: 1fr 4fr;
    column-gap: 0rem;
    width: 45%;
    margin: auto;
    padding: 1vw 0 0;
}
.info-bottom-titles p {
    color: #010B0C70;
    padding: 3px 0;
    width: 100%;
}
.info-bottom-content p, .info-top-content p {
    padding: 3px 0;
    width: 100%;
}
.info-bottom-content {
    padding-left: 3vw;
}
.info-top-content {
    padding-left: 2vw;
}
._2vw-padding {
    padding-left: 2vw;
    padding-bottom: 1vw;
}
.sugested-blogs-title {
    text-align: center;
    color: var(--spanish-orange);
    text-transform: uppercase;
    font-family: 'Unbounded-700', sans-serif;
    font-size: calc(0.9rem + 0.9vw);
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
}
.sugested-blogs-container {
    margin-bottom: 10vw;
    margin-top: 10vw;
    /* margin: 10vw 20px 28vw; */
}
.sugested-blogs-container p {
    width: 100%;
}
.two-col-blog-post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 2rem;
    margin: 2vw 10px;
}
.column {
    padding: 0 10px;
}
.blog-title-thumbnail {
    color: #010B0C;
    font-family: 'Unbounded-600', sans-serif;
    font-size: calc(0.5rem + 0.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    /* padding-bottom: 15px; */
}
.opacity {
    color: #010B0C70;
}

/* White footer */
.panel-sign-up {
    background-color: transparent;
    position: relative;
    padding-top: 8vw;
}
.button {
    background-color: transparent;
    border: 1.5px solid #010B0C;
    color: #010B0C;
}
/* .white-footer {
    background-color: #F4F8FE;
} */
.blue-background {
    background-color: #F4F8FE;
    margin-top: -16vw;
    padding-top: 16vw;
}
.white-footer .body-link.white {
    color: #010B0C;
    text-decoration: none;
}
.white-footer .body-link.white:hover {
    text-decoration: underline;
}
.white-footer .button.stroke-white {
    color: #010B0C;
    border: 1px solid #010B0C;
}
.white-footer .button.stroke-white:hover {
    color: #FFF;
    border: 1px solid #EEBA00;
    background: #EEBA00;
}
.white-footer .form-footer-title.white, .white-footer .body-paragaph.white {
    color: #010B0C;
}
.white-footer p, .white-footer ul li {
    width: 100%;
}
.white-footer .logo-carousel.no-background::before, .white-footer .logo-carousel.no-background::after {
    background: transparent;
}
.footer-background {
    position: relative;
}
.background-circle-top-blue {
    z-index: -1;
    margin-bottom: -2px;
    position: absolute;
    top: -16%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.background-molecule-top-blue {
    z-index: 0;
    margin: auto;
    position: absolute;
    top: 4%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    width: 85%;
}
.background-top-blue-circle {
    z-index: 0;
    position: absolute;
    top: -7%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
/* .background-footer-color {
    background-color: #e4ebf7;
} */
.first-form {
    padding: 1vw 0;
    margin: auto;
}
.blog-header {
    margin: 0 20px 8vw;
    width: -webkit-fill-available;
    background: #F4F8FE;
}
.blog-title {
    color: #010B0C;
    font-family: 'Unbounded-800', sans-serif;
    font-size: calc(1.4rem + 1.4vw);
    font-style: normal;
    font-weight: 800;
    line-height: 95.5%;
    letter-spacing: -1.1px;
    text-transform: uppercase;
    margin: 0;
}
.blog-container {
    display: grid;
    column-gap: 3rem;
    grid-template-columns: 1.5fr 1fr 1.3fr;
    padding: 3vw 2vw;
}
.blog-container p {
    width: 100%;
    margin: 0;
    padding: 0;
}
.info-top-container {
    display: flex;
    margin-left: 3vw;
}
.info-top-container p {
    line-height: calc(1.2rem + 1.1vw);
}
._10padding-bottom {
    padding-bottom: 15px;
}
.text-nav-bar, .nav-link {
    color: #010B0C;
}
.button.yellow {
    background-color: #EEBA00;
    border: 1.5px solid #EEBA00;
}
.button.yellow.navigation {
    margin-left: 1vw;
    padding-top: 0.7vw;
    padding-bottom: 0.8vw;
    font-size: 1vw;
    text-decoration: none;
}
.footer-row.center {
    position: relative;
}
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained {
    /* width: 97%; */
    position: relative;
    margin: auto;
}
.wp-block-gallery.has-nested-images {
    position: relative;
    margin: auto;
    width: 97%;
}
.wp-block-gallery.has-nested-images .wp-block-image.size-large {
    display: none;
}
.wp-block-gallery.has-nested-images .wp-block-image.size-large img {
    height: 30vw !important;
}
.wp-block-image.size-large {
    animation-name: wp-block-image;
    animation-duration: 1.5s;
    width: 45%;
    margin: 3.5vw auto;
}
.wp-block-gallery.columns-2 {
    width: 45%;
    margin: auto;
}
@keyframes wp-block-image {
    from {opacity: .4} 
    to {opacity: 1}
}
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.dot.active, .dot:hover {
    background-color: #19DBD0;
}
.carousel-img-dots {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10%;
}
.found-logo-orange {
    z-index: 1;
}
a:hover, a:focus, a:active {
    color: #010B0C;
}
.social-icons {
    height: 2.3vw;
    width: 2.3vw;
    margin: 5px;
}
.social-icons-container {
    border-radius: 200px;
    background-color: #010B0C;
    margin-right: 5px;
    padding: 5px;
    height: 40px;
    width: 40px;
}
.sharing-box {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    column-gap: 3rem;
}
.sharing-buttons {
    display: flex;
    padding-top: 3vw;
    justify-self: flex-start;
}
.sharing-buttons-bottom {
    display: flex;
    padding-top: 1vw;
    justify-self: flex-start;
}
.sharing-box h2 {
    margin: revert;
    width: 100%;
    text-align: end;
}
.bold-600 {
    font-weight: 600;
}
.categoies {
    display: -webkit-inline-box;
}
.blog-content a:-webkit-any-link {
    text-decoration: underline;
}
.wp-block-separator {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #010B0C30;
    margin: 3vw 0;
}
.wp-block-image {
    width: 45%;
    margin: 3vw auto;
}
.wp-block-embed-youtube {
    display: flex;
    justify-content: center;
}
.wp-block-media-text {
    width: 45%;
    margin: auto;
}
.wp-block-media-text p {
    width: 100%;
}
.footer-row .right-side-50 p {
    margin-top: 0;
    padding-top: 0;
}
.author-details {
    display:flex;
}
.footer-row .desktop {
    display: flex !important;
}
.sidebar input {
    color: #010B0C50;
    padding: 30px 0;
    font-family: 'Unbounded-400', sans-serif;
    font-size: calc(1rem + 1vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(1rem + 1vw);
    margin: auto;
    border-bottom: 1px solid #010B0C30;
    background-color: transparent;
}
.sidebar ::placeholder {
    color: #010B0C20;
    padding: 10px 0;
    font-family: 'Unbounded-400', sans-serif;
    font-size: calc(1.5rem + 1.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(1rem + 1vw);
    margin: auto;
    background-color: transparent;
}
.sidebar input[type="search"] {
    border-radius: 0;
}
.sidebar input[type="search"]:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #010B0C30;
}
.sidebar {
    margin: 0 20px;
}
.sidebar .icon {
    margin-bottom: 0.5vw;
}
.check-box-group {
    display:flex; 
    align-items: center;
}
.check-box {
    height: 24px; 
    width: 24px; 
    background-color:#F5F5F5; 
    border-radius: 30px;
    margin-right: 10px;
    padding: 10px;
}
.check-box-active {
    height:20px; 
    width:20px; 
    background-image: url('/../wp-content/themes/b8websitesco/images/icons/icon-tick-blog.svg');
    background-color:#EEBA00; 
    background-size: 17px;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-right: 10px;
    border: 4px solid #EEBA00;
    padding: 8px;
}
.wp-block-search__inside-wrapper button {
    display: none;
}
.list-body {
    display: grid;
    grid-template-columns: 22% 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 2rem;
    margin: 0 20px 20vw 20px;
}
.three-col-blog-post {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1rem;
    row-gap: 2rem;
}
.list-body .author-img {
    height: 2vw;
    width: 2vw; 
    max-width: 30px;
    max-height: 30px;
}
.list-body p {
    width: 100%; 
    padding-left: 10px;
}
.list-body .column { 
    padding: 0;
}
.list-body .blog-title-thumbnail {
    padding-top: 5px;
}
.thumbnail-img img {
    min-height: 230px;
    /* max-width: 500px; */
    object-fit: cover;
}
.list-body .wp-block-separator {
    margin: 1vw 0 2vw;
}
.list-body ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-body ul {
    padding-left: 0;
}
.pagination-bp {
    text-align: center;
    margin: 3vw;
}
.prev {
    float: left;
    border: 1px solid #222912;
    border-radius: 100px;
    padding: 4px 11px;
}
.next {
    float: right;
    border: 1px solid #222912;
    border-radius: 100px;
    padding: 4px 11px;
}
nav .page-numbers {
    margin: -6px 1%;
}
nav .current {
    color: #0e141f;
    background-color: #EEBA00;
    border: 1px solid #EEBA00;
    border-radius: 100px;
    padding: 5px 9px;
    font-weight: 600;
}
.two-background-circle {
    position: absolute;
    left: 0;
    width: 16vw;
}
.blue-background-circle {
    position: absolute;
    top: 10%;
    right: 0;
    width: 65vw;
    z-index: -1;
}
.filter-section {
    display: block;
}
.blog-details {
    display:flex; 
    align-items: center;
}
.button-filter {
    border-radius: 1000px;
    font-family: 'Barlow-500', sans-serif;
    font-size: 20px;
    padding: 14px 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--rich-black);
    background-color: var(--white);
    color: var(--rich-black);
}
.two-col-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.filter-mobile {
    display: none;
}
.filter-desktop {
    display: grid;
    margin-bottom: 15px;
}
.post-count {
    display: flex;
    justify-content: end;
}
.filter-desktop .latest {
    margin: 0 0 0 10px;
    border-bottom: 1px solid #EEBA00;
    width: 75px;
    padding: 5px 10px;
    font-size: calc(0.5rem + 0.4vw);
}
.EnlighterJSRAW {
    width: 45%;
    margin: auto;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    object-fit: cover;
    height: 16vw;
}


@media screen and (max-width: 768px) {
    .blog-title {
        font-size: 30px;
        line-height: 150%;
        margin: 20px 0;
    }
    h2 {
        font-size: 24px !important;
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
        line-height: 145%;
    }
    h3 {
        font-size: 22px;
        line-height: 150%;
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
    }
    p {
        font-size: 19px;
        width: 100%;
        padding: 10px 28px;
    }
    ul li, ol li {
        font-size: 19px;
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
        line-height: 150%;
    }
    ul, ol {
        width: 90%;
        margin: auto;
    }
    .blog-container {
        display: block;
        padding: 3vw 28px;
    }
    .blog-container p {
        margin: 10px 0;
    }
    .list-body .author-img-top, .list-body .author-img {
        height: 40px;
        width: 40px;
        max-width: unset;
        max-height: unset;
    }
    .author-img-top {
        height: 40px;
        width: 40px;
    }
    .wp-block-quote {
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
    }
    .wp-block-quote cite {
        font-size: 14px;
    }
    .info-bottom-container {
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 0rem;
    }
    .info-bottom-group {
        margin: 40px 0;
    }
    .author-bottom-container {
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
    }
    .two-col-blog-post {
        display: block;
    }
    .blog-title-thumbnail {
        font-size: 24px;
    }
    .blog-header {
        padding: 0 0 30px;
        margin: 10px 0 10vw;
    }
    .wp-block-quote p {
        font-size: 30px;
    }
    .wp-block-quote {
        margin: 8vw auto;
    }
    .sharing-buttons {
        padding: 3vw 0;
    }
    .info-top-container {
        margin: 20px 0;
    }
    .info-bottom-titles {
        min-width: fit-content;
    }
    .info-bottom-titles ._10padding-bottom {
        padding-bottom: 38px !important;
    }
    .author-details {
        align-items: center;
        padding: 0;
    }
    .categoies {
        display: block;
    }
    .info-top-content {
        padding-left: 5vw;
    }
    .wp-block-image.size-large {
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
    }
    .sharing-box {
        grid-template-columns: 1fr;
    }
    .author-name {
        font-size: 19px;
    }
    .sharing-box h2 {
        text-align: center;
    }
    .sharing-buttons-bottom {
        justify-self: center;
        padding: 0;
    }
    .sharing-container {
        margin: 10vw 20px;
        padding: 3vw 0 8vw;
    }
    .sugested-blogs-title {
        font-size: 24px;
        padding-top: 8vw;
    }
    .two-col-blog-post .column {
        margin: 4vw 0 8vw;
    }
    .review-score {
        color: #010B0C;
    }
    .review-svg {
        margin-right: 8vw;
    }
    .review-block.first {
        margin-right: 0;
    }
    .background-top-blue-circle {
        top: 0%;
    }
    .left-side-50.padding-right {
        padding-right: 0;
    }
    .blue-background {
        padding-top: 4vw;
    }
    .footer-row .desktop {
        display: none !important;
    }
    .three-col-blog-post {
        grid-template-columns: 1fr;
    }
    .filter-section {
        display: none;
    }
    .list-body {
        grid-template-columns: 1fr;
        margin: 0;
    }
    .list-body .blog-title-thumbnail {
        margin: 0 10px 0 20px;
    }
    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        min-height: 192px;
        object-fit: cover;
    }
    .sugested-blogs-container .two-col-blog-post {
        margin: 5vw 0;
    }
    .sugested-blogs-container .column {
        padding: 0;
    }
    .sugested-blogs-container .blog-title-thumbnail {
        padding: 5px 28px 0;
    }
    .sugested-blogs-container p {
        padding: 10px 28px;
    }
    .site-header, .site-white-header {
        height: 60px;
    }
    .three-col-blog-post p span {
        font-size: 18px;
    }
    .blog-details {
        margin: 0 10px 0 20px;
    }
    .pagination-bp {
        margin: 7vw 20px 20vw;
    }
    .two-col-filter {
        margin: 0 20px;
    }
    .sidebar input {
        padding-left: 30px;
    }
    .sidebar .icon {
        position: absolute;
        top: 9%;
    }
    .filter-mobile {
        /* display: grid; */
        display: none;
    }
    .filter-desktop {
        display: none;
    }
    .social-icons {
        height: 30px;
        width: 30px;
    }
    .author-img {
        height: 40px;
        width: 40px;
        margin-right: 15px;
    }
    .author-bottom-container .author-name {
        padding-bottom: 10px;
    }
    .wp-block-media-text {
        width: 100%;
        padding: 0 28px;
    }
}

/*Search placeholder bolder*/
.wp-block-search__input::-webkit-input-placeholder {
    font-weight: 900;
}
.wp-block-search__input::-moz-placeholder {
    font-weight: 900;
}
.wp-block-search__input::-ms-input-placeholder {
    font-weight: 900;
}


/*End Search placeholder bolder*/

.dropdown-sections ul li {
    width: 100%;
}

pre {
   width: 45%;
   margin: auto;
}

ol li ol {
   width: 100%;
}

ol li ol li ul li {
   width: 100%;
}

ol li ul li {
   width: 100%
}
.meet-the-team-card p {
    width: 100%;
    padding-bottom: 0;
}
.meet-the-team-header {
    padding: 5vw 10vw;
}
.meet-the-team-header p {
    width: 100%;
    font-size: 23px;
    line-height: 34px;
}
.meet-the-team-header .author-img {
    height: 10vw;
    width: 10vw;
}
.mtt-description {
    color: var(--rich-black);
    font-family: 'Barlow-400', sans-serif;
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    padding-top: 30px;
}
.meet-the-team-header .author-name {
    font-size: calc(1rem + 0.8vw);
}
.meet-the-team-header ._2vw-padding {
    padding-bottom: 0;
}
.mtt-template section {
    margin-bottom: 6vw;
}
.mtt-template nav .page-numbers {
    margin: 0;
    margin-top: -6px;
}
.mtt-posts-title {
    color: #E46E00;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: 'Unbounded-700', sans-serif;
    font-weight: 700;
    font-size: calc(2.2rem + 0.8vw);
    line-height: 2vw;
    text-align: center;
}
.mtt-template .next, .mtt-template .prev {
    padding: 5px 19px !important;
    transform: unset;
}