/*
Theme Name: WP Jornal da Bairrada
Author: RL DEV TEAM
Author URI: https://jb.pt
Description: Tema mais rápido do mundo.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-tema-jb
//Tags: jornalismo, jornal, bairrada, jornal da bairrada */

/* roboto-regular - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"),
    url("inc/assets/webfonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto/roboto-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-700 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("inc/assets/webfonts/roboto/roboto-v20-latin-700.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto/roboto-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-100 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 100;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-100.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-100.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-200 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 200;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-200.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-200.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-300 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-300.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-500 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 500;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-500.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-700 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-700.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-600 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 600;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-600.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-800 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 800;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-800.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* roboto-slab-900 - latin */
@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 900;
    src: local(""),
    url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-900.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/roboto-slab/roboto-slab-v12-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-300 - latin */
@font-face {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 300;
    src: local("Merriweather Light"), local("Merriweather-Light"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-300.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-regular - latin */
@font-face {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 400;
    src: local("Merriweather Regular"), local("Merriweather-Regular"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-300italic - latin */
@font-face {
    font-family: "Merriweather";
    font-style: italic;
    font-weight: 300;
    src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-300italic.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-italic - latin */
@font-face {
    font-family: "Merriweather";
    font-style: italic;
    font-weight: 400;
    src: local("Merriweather Italic"), local("Merriweather-Italic"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-italic.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-700 - latin */
@font-face {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 700;
    src: local("Merriweather Bold"), local("Merriweather-Bold"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-700.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-900 - latin */
@font-face {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 900;
    src: local("Merriweather Black"), local("Merriweather-Black"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-900.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-700italic - latin */
@font-face {
    font-family: "Merriweather";
    font-style: italic;
    font-weight: 700;
    src: local("Merriweather Bold Italic"), local("Merriweather-BoldItalic"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-700italic.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* merriweather-900italic - latin */
@font-face {
    font-family: "Merriweather";
    font-style: italic;
    font-weight: 900;
    src: local("Merriweather Black Italic"), local("Merriweather-BlackItalic"),
    url("inc/assets/webfonts/merriweather/merriweather-v21-latin-900italic.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("inc/assets/webfonts/merriweather/merriweather-v21-latin-900italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/*# Media Queries
--------------------------------------------------------------*/
/*region  Iphone 5S*/

@media (max-width: 320px) {
    .carousel-title {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
    }

    /* Intencional >> */
    /*.carousel-caption > div {*/
    /*    position: absolute;*/
    /*    bottom: calc(50% - 46px);*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    -webkit-transform: translate(-50%, -50%);*/
    /*}*/
    .header-title {
        font-size: 1.8rem !important;
    }

    .header-title-no-search {
        font-size: 1.8rem !important;
    }

    .assinar {
        min-height: unset !important;
    }
}

/*endregion  END Iphone 5S*/

/*region  Mobile */

@media (max-width: 575px) {
    iframe {
        width: 100%;
    }

    /* com admin bar */
    .admin-bar #side-navigation {
        top: 0;
        padding-top: 46px;
    }

    #side-navigation {
        width: 100vw;
        padding-top: 0;
    }

    #sponsored-content {
        margin-bottom: 0 !important;
    }

    .visto-home-content p.h1,
    #visto p.h1 {
        font-size: 100px !important;
    }

    .first-under-carousel {
        border-right: none;
    }

    .under-middle-carousel {
        border-right: none;
    }

    .img-opiniao {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .parallax {
        height: 200px !important;
        background-attachment: scroll !important;
    }

    .visto-home-content {
        background-color: black;
    }

    .visto-home-content > div.col-12 {
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: 100%;
    }

    #visto-text {
        height: auto !important;
        position: relative !important;
    }

    .header-title {
        font-size: 2.2rem !important;
    }

    .header-title-no-search {
        font-size: 2.2rem !important;
    }

    .carousel-title {
        font-size: 1.5rem !important;
        margin-bottom: 0;
        line-height: normal;
    }

    #side-navigation {
        width: 100vw;
    }

    #sponsored-content {
        margin-bottom: 0 !important;
    }

    .visto-home-content p.h1,
    #visto p.h1 {
        font-size: 100px !important;
    }

    .first-under-carousel {
        border-right: none;
    }

    .under-middle-carousel {
        border-right: none;
    }

    .img-opiniao {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .parallax {
        height: 200px !important;
        background-attachment: scroll !important;
    }

    .visto-home-content {
        height: auto;
    }

    .visto-home-content > div.col-12 {
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: 100%;
    }

    #visto-text {
        height: auto !important;
        position: relative !important;
    }

    .carousel-caption {
        /*transform: translateY(-50%);*/
        margin: 0 auto;
        top: 0;
    }

    .carousel-caption > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .px-0-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    #carousel-op-col {
        height: 550px !important;
    }

    #carousel-op .container > .row {
        height: 550px !important;
    }
}

/*endregion END Mobile */

/*region  @Media  -sm */

@media (min-width: 576px) and (max-width: 768px) {
    iframe {
        height: 60vw;
    }

    .parallax {
        height: 400px !important;
        background-attachment: scroll !important;
    }

    .visto-home-content {
        background-color: black;
    }

    .visto-home-content > div.col-12 {
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: 100%;
    }

    #visto-text {
        height: auto !important;
        position: relative !important;
    }

    .assinar {
        /*min-height: 430px !important;*/
        /*height: 430px !important;*/
    }

    .carousel-title {
        font-size: 1.6rem !important;
        margin-bottom: 0;
    }

    #carousel-op .container > .row {
        height: 350px;
    }
}

/*endregion END -sm */

/*region  @Media  -md */

@media (min-width: 768px) and (max-width: 992px) {
    #side-navigation {
        width: 40vw;
    }

    #sponsored-content {
        margin-bottom: 0;
    }

    .first-under-carousel {
        border-right: none;
    }

    .under-middle-carousel {
        border-right: none;
    }

    .parallax {
        height: 400px !important;
        background-attachment: scroll !important;
    }

    .visto-home-content {
        background-color: black;
    }

    .visto-home-content > div.col-12 {
        background-position: center;
        background-repeat: no-repeat;
        background-color: black;
        background-size: 100%;
    }

    #visto-text {
        height: auto !important;
        position: relative !important;
    }

    /*#carousel-opinioes .carousel-item {*/
    /*    height: 100% !important;*/
    /*}*/
    .header-title {
        font-size: 2.5rem;
    }

    .header-title-no-search {
        font-size: 2.5rem;
    }

    .assinar:hover .text-assinar {
        opacity: 1;
    }

    .text {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .text-assinar * {
        color: #ffffff;
    }

    .assinar {
        /*min-height: 400px !important;*/
    }

    #big2 > div {
        padding-left: 15px !important;
    }

    #carousel-op-col {
        height: 375px !important;
    }

    #carousel-op .container > .row {
        height: 375px !important;
    }
}

/*endregion  END -md */

/*region  @Media  -lg */

@media (min-width: 992px) and (max-width: 1200px) {
    .p-block-embed-youtube iframe {
        width: 30vw;
        height: 20vw;
    }

    #side-navigation {
        width: 30vw;
    }

    .first-under-carousel {
        border-right: none;
    }

    .under-middle-carousel {
        border-right: none;
    }

    .header-title {
        font-size: 2.5rem;
    }

    .header-title-no-search {
        font-size: 2.5rem;
    }

    .assinar:hover .text-assinar {
        opacity: 1;
    }

    .text {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .text-assinar * {
        color: #ffffff;
    }

    #carousel-op-col {
        height: 400px !important;
    }

    #carousel-op .container > .row {
        height: 400px !important;
    }
}

/*endregion  END -lg */

/*region  @Media -xl */

@media (min-width: 1200px) {
    .p-block-embed-youtube iframe {
        width: 30vw;
        height: 20vw;
    }

    #side-navigation {
        width: 30vw;
    }

    .navbar-dark .dropdown-item {
        color: #fff;
    }

    .navbar-nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none;
    }

    #side-navigation {
        width: 30vw;
    }

    .first-under-carousel {
        border-right: none;
    }

    .under-middle-carousel {
        border-right: none;
    }

    #side-navigation {
        width: 20vw;
    }

    .assinar:hover .text-assinar {
        opacity: 1;
    }

    .text {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .text-assinar * {
        color: #ffffff;
    }

    #carousel-op-col {
        height: 375px !important;
    }

    #carousel-op .container > .row {
        height: 375px !important;
    }
}

/*endregion  END  -xl */

@media screen and (max-width: 767px) {
    .full-width-header {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
    }
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/

@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }
}

@media only screen and (max-width: 1680px) {
    #side-navigation {
        width: 20vw;
    }
}

@media only screen and (max-width: 1280px) {
    #side-navigation {
        width: 30vw;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-dark .dropdown-item {
        color: #fff;
    }

    .navbar-nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none;
    }

    #side-navigation {
        width: 30vw;
    }
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    #side-navigation {
        width: 30vw;
    }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
    #side-navigation {
        width: 40vw;
    }

    #sponsored-content {
        margin-bottom: 0;
    }

    /*a:hover {*/
    /*    color: unset !important;*/
    /*}*/
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 568px) {
    /* com admin bar */
    .admin-bar #navHeader {
        margin-top: 46px !important;
    }

    /* Sem admin bar */
    #navHeader {
        margin-top: 0;
        width: 100% !important;
    }

    #side-navigation {
        width: 100vw;
    }

    #sponsored-content {
        margin-bottom: 0 !important;
    }

    #visto h1 {
        font-size: 100px !important;
    }

    #navbar-client-username {
        display: none !important;
    }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    #side-navigation {
        width: 100vw;
    }

    #sponsored-content {
        margin-bottom: 0 !important;
    }

    #visto h1 {
        font-size: 100px !important;
    }
}

/*region  Carousel Multi Items CSS */

/*@media (min-width: 768px) and (max-width: 991px) {
    !* Show 4th slide on md if col-md-4*!
    .carousel-multi-items .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; !*change this with javascript in the future*!
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    !* Show 3rd slide on sm if col-sm-6*!
    .carousel-multi-items .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; !*change this with javascript in the future*!
        z-index: -1;
        display: block;
        visibility: visible;
    }
}*/

@media (min-width: 576px) {
    .carousel-multi-items .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .carousel-multi-items .carousel-inner .active + .carousel-item {
        display: block;
    }

    .carousel-multi-items
    .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-multi-items
    .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item {
        transition: none;
    }

    .carousel-multi-items .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .carousel-multi-items
    .active.carousel-item-left
    + .carousel-item-next.carousel-item-left,
    .carousel-multi-items .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-multi-items
    .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be also positioned for animations */
    .carousel-multi-items
    .carousel-inner
    .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-multi-items
    .active.carousel-item-right
    + .carousel-item-prev.carousel-item-right,
    .carousel-multi-items
    .carousel-item-prev.carousel-item-right
    + .carousel-item,
    .carousel-multi-items
    .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-multi-items
    .carousel-inner
    .active
    + .carousel-item
    + .carousel-item {
        display: block;
    }

    .carousel-multi-items
    .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item {
        transition: none;
    }

    .carousel-multi-items .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .carousel-multi-items
    .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-multi-items
    .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}

/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-multi-items
    .carousel-inner
    .active
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        display: block;
    }

    .carousel-multi-items
    .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    .carousel-multi-items
    .carousel-inner
    .active.col-lg-3.carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .carousel-multi-items
    .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-multi-items
    .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*endregion  Carousel Multi Items*/

/*region  FIX Override wp admin bar*/
.sticky-adminbar-margin {
    position: sticky;
    transition: top 0.1s;
}

@media screen and (max-width: 768px) {
    .sticky-adminbar-margin {
        top: 46px;
    }
}

@media screen and (max-width: 600px) {
    /* Já não é preciso..
      #wpadminbar {
           top: -46px;

       }*/
    .sticky-adminbar-margin {
        top: 0;
    }
}

@media screen and (min-width: 769px) {
    .sticky-adminbar-margin {
        top: 32px;
    }
}

/*endregion  END FIX Override wp admin bar */

/* Hide buttons on adminbar */
#wp-admin-bar-ihc_dashboard_menu,
#wp-admin-bar-wp-rest-cache-clear {
    display: none;
}

/*# Media Queries # Media Queries # Media Queries # Media Queries # Media Queries # Media Queries # Media Queries
--------------------------------------------------------------*/

body {
    margin: 0;
    display: flex;
    flex-flow: column;
    font-family: Roboto, sans-serif;
    min-height: 100vh;
    color: #141823;
}

.light-mode {
    color: #141823;
}

.dark-mode,
p.dark-mode,
.dark-mode * {
    color: #ffffff;
}

.navbar.dark-mode a:hover,
.navbar.dark-mode a:hover *,
.navbar.dark-mode:hover {
    color: black !important;
}

a {
    background-color: transparent;
    color: #141823;
}

a:hover {
    text-decoration: none;
    color: #c4161c;
}

a.stretched-link:hover ~ p[class^="article-title"] {
    text-decoration: none;
    color: rgba(196, 22, 28, 0.8);
}

>
    /* wpadminbar override */
#wpadminbar a:hover, #wpadminbar a > *:hover {
    color: #00b9eb !important;
}

a:hover.btn > *,
.yellow-bg a:hover {
    color: unset !important;
}

a:hover.btn-red,
a:hover.btn-red > * {
    color: white !important;
}

a:hover.btn-always-black {
    color: white !important;
}

a:hover.btn-black {
    color: white !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h1 span,
h2, h2 span,
h3, h3 span,
h4, h4 span,
h5, h5 span,
h6, h6 span {
    clear: both;
    font-family: Roboto Slab, sans-serif;
    font-weight: 900;
    /* margin-top: 24px; */
}

figcaption {
    font-family: Roboto Slab, sans-serif;
    font-size: 0.9rem;
    color: #565656;
}

p,
span {
    font-family: Roboto, serif;
    /*!*margin-bottom: 0 !important;*! PERIGOSO*/
    font-size: 0.95rem;
}

p.h1,
p.h2,
p.h3,
p.h4,
p.h5,
p.h6 {
    font-family: Roboto Slab, sans-serif;
}

h1,
p.h1 span {
    font-size: 2rem;
}

h2,
p.h2 span {
    font-size: 1.75rem;
}

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

h4,
p.h4 span {
    font-size: 1.3rem;
}

h5,
p.h5 span {
    font-size: 1.1rem;
}

h3.widget-title {
    font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.logo-navbar {
    height: 50px !important;
}

#nav-principal {
    transition: top 0.1s;
    background-color: #ffffff;
    box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.2);
}

.navbar {
    background-color: #ffffff !important;
    padding: 0.5rem 0.5rem;
}

.navbar-top {
    background-color: #c4161c !important;
    padding: 0.5rem 0.5rem;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.navbar-toggle .icon-bar {
    background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
}

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

.dropdown.menu-item-has-children
.dropdown.menu-item-has-children
> .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown.menu-item-has-children
.dropdown.menu-item-has-children:hover
> .dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children
.dropdown.menu-item-has-children:hover
> a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children
.dropdown.menu-item-has-children.pull-left
> .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.dropdown-item {
    line-height: 1.2;
    padding-bottom: 0.313rem;
    padding-top: 0.313rem;
}

.dropdown-menu {
    min-width: 12.5rem;
}

.dropdown .open .dropdown-menu {
    display: block;
    left: 12.25em;
    top: 0;
}

.dropdown-menu .dropdown-item {
    white-space: normal;
    background: transparent;
    line-height: 1.6;
}

.dropdown-menu .dropdown-item:hover {
    background: transparent;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
}

@media screen and (max-width: 660px) {
    .topicos > .nav {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: inherit;
    }
}

@media screen and (min-width: 769px) {
    .dropdown-menu li > .dropdown-menu {
        right: -9.875rem;
        top: 1.375rem;
    }
}

@media screen and (max-width: 991px) {
    /* .navbar-nav .dropdown-menu {
        float: left;
        border: medium none;
        margin-left: 1.250rem;
        padding: 0;
      } */
    /*
      .dropdown-menu li a {
        padding: 0;
      } */
}

.navbar-light .navbar-toggler {
    color: #000000;
    border-color: transparent;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.comment-content.card-block {
    padding: 20px;
}

.navigation.post-navigation {
    padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
}

.post-navigation .nav-next a::after {
    content: " \2192";
}

.post-navigation .nav-previous a::before {
    content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/*region # Accessibility */

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 0.938rem 1.438rem 0.875rem;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*endregion*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    /* float: left; */
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    /* float: right; */
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a img.alignright {
    float: right;
    margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
    float: left;
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-content:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*region # Widgets*/
.widget {
    margin: 0 0 1.5em;
    font-size: 0.875rem;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
    display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #eee;
    text-decoration: none;
}

.half-rule {
    width: 6rem;
    margin: 2.5rem 0;
}

.widget_categories .nav-link {
    display: inline-block;
}

/*endregion*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
    /* padding-bottom: 3.75rem; */
    padding-top: 0;
}

.sticky .entry-title::before {
    content: "\f08d";
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.563rem;
    left: -2.5rem;
    position: absolute;
    top: 0.375rem;
    font-weight: 900;
}

.sticky .entry-title {
    position: relative;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
    margin-top: 0;
}

.post.hentry {
    margin-bottom: 1rem;
}

.posted-on,
.byline,
.comments-link {
    color: #141823;
}

.entry-title > a {
    color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-body .pull-left {
    padding-right: 0.625rem;
}

.comment-list .comment {
    display: block;
}

.comment-list {
    padding-left: 0;
}

.comments-title {
    font-size: 1.125rem;
}

.comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
    border: medium none;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
    width: 8.313rem !important;
}

.variations_form .variations .value > select {
    margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.img-container {
    width: 100%;
}

.img-container-product > img {
    object-fit: cover;
    max-height: 260px;
}

.img-container-small > img {
    object-fit: cover;
}

.excerpt {
    margin-top: 0.5rem;
}

.excerpt > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.475rem;
    margin-bottom: 0;
}

.break-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 18px;
    margin-bottom: 0;
}

.article-excerpt > p {
    font-family: Roboto Slab, sans-serif;
    color: #565656;
    font-size: 1.1rem;
    line-height: 1.7rem;
    margin-top: 1rem;
}

/* Destaque principal */
.firstHighlightJumbotron {
    height: 400px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 0;
}

.firstHighlight {
    right: 3rem;
    bottom: 3rem;
    position: absolute;
    left: 3rem;
}

.firstHighlight > div > .entry-content > .excerpt > p {
    color: white;
}

.firstHighlight > div > .entry-meta {
    color: white;
}

.firstHighlight > div > .entry-meta > span {
    color: white;
}

.firstHighlight > div > .entry-meta > span a {
    color: white;
}

.highlight_fw_category {
    color: #c4161c;
}

.highlight_fw_title > a {
    color: white !important;
    height: 90px;
}

/* Destaque principal final */

/* Jornal da Bairrada links */

/* Text selection color */
::selection {
    background: rgba(220, 0, 0, 0.3); /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: rgba(220, 0, 0, 0.3); /* Gecko Browsers */
}

/* SIDEBAR */

/* Sidebar */
.overlay {
    top: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1022;
    background-color: white;
    position: fixed;
    margin-left: 0;
    margin-bottom: 0;
    width: 30vh;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 4px 4px 0.5px;
}

/* Remove animação do collapse */
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

/* Sub listas sem estilo */
.sub-menu-item {
    list-style: none;
}

.sub-menu-item:hover {
    color: #c4161c;
    background-color: transparent !important;
}

/* END SIDEBAR */

.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.btn-circle i {
    position: relative;
    top: -1px;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}

.btn-circle-lg {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.1rem;
}

.btn-circle-xl {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.3rem;
}

p.has-drop-cap:not(:focus):first-letter {
    font-size: 5rem;
    font-family: Merriweather, serif;
    line-height: 3rem;
}

.article-text {
    margin-top: 2rem;
}

.rl-liveblog-post-content > p {
    font-family: Merriweather, serif;
    font-size: 1.1rem;
    line-height: 1.75rem;
    margin-bottom: 1.3em;
    word-break: break-word;
}

.article-text p,
.article-text ul,
.article-text li {
    font-family: Merriweather, serif;
    font-size: 1.1rem;
    line-height: 1.75rem;
    margin-bottom: 1.3em;
    word-break: break-word;
}

.article-text a {
    font-weight: bold;
}

.article-text h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.3rem;
}

.entry-header > p {
    font-family: Merriweather, serif;
    color: gray;
    font-size: 18px;
}

.black-white {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* WooCommerce */

.form-row {
    display: block;
}

#order_review_heading,
.woocommerce-billing-fields > h3 {
    background-color: #c4161c;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    display: block;
}

.woocommerce-checkout-review-order {
    margin-top: 16px;
}

/* Menu animation */

.bar1,
.bar2,
.bar3 {
    width: 20px;
    height: 3px;
    background-color: #333;
    margin: 3px 0;
    transition: 0.1s;
    border-radius: 6px;
}

.divOpen {
    overflow: hidden;
}

/* Menu animation final */

#menu-lateral {
    list-style: none;
    font-family: Roboto Slab, serif;
    font-size: 1.275rem;
    padding-left: 0;
    height: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
}

#menu-lateral li > a:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
    padding-left: 0.5rem;
}

#menu-lateral li > a:only-child:after {
    content: "";
}

#menu-lateral li li > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\21E2";
    position: absolute;
    right: 0;
}

#menu-lateral li ul {
    list-style: none;
}

#menu-lateral > li > a {
    display: block;
    width: 100%;
}

#menu-superior li {
    list-style: none;
}

#nav-superior h5 {
    font-family: Roboto, sans-serif !important;
}

#nav-principal p,
#nav-principal h6,
#nav-superior p,
#nav-superior h6 {
    margin-bottom: 0 !important;
}

.black-bg {
    background-color: #141823;
}

.btn-outline-dark {
    color: #000000;
    border-color: #000000;
}

.btn-outline-fb,
.btn-outline-tw,
.btn-outline-email,
.btn-outline-li,
.btn-outline-yt,
.btn-outline-ig {
    opacity: 0.7;
    transition: all 0.25s;
}

/* generic hover state; individual brand rules follow */
.btn-outline-fb:hover,
.btn-outline-tw:hover,
.btn-outline-email:hover,
.btn-outline-li:hover,
.btn-outline-yt:hover,
.btn-outline-ig:hover {
    opacity: 1;
    background-color: transparent;
    text-decoration: none !important;
    color: white !important;
}

/* brand-specific colors on hover */
.btn-outline-fb:hover {
    color: #4267B2 !important;
}
/* twitter removed but keep rule just in case */
.btn-outline-tw:hover {
    color: #1DA1F2 !important;
}
.btn-outline-yt:hover {
    color: #FF0000 !important;
}
.btn-outline-ig:hover {
    color: #E1306C !important;
}
.btn-outline-li:hover {
    color: #0077B5 !important;
}
.btn-outline-email:hover {
    color: #000000 !important;
}

.btn-outline-dark.btn-outline-fb:hover,
.btn-outline-dark.btn-outline-tw:hover,
.btn-outline-dark.btn-outline-email:hover,
.btn-outline-dark.btn-outline-li:hover,
.btn-outline-dark.btn-outline-yt:hover,
.btn-outline-dark.btn-outline-ig:hover {
    opacity: 1;
    background-color: transparent;
    text-decoration: none !important;
    /* default color is black; brand overrides follow */
    color: #000000 !important;
}

/* dark-outline brand color overrides */
.btn-outline-dark.btn-outline-fb:hover {
    color: #4267B2 !important;
}
.btn-outline-dark.btn-outline-tw:hover {
    color: #1DA1F2 !important;
}
.btn-outline-dark.btn-outline-yt:hover {
    color: #FF0000 !important;
}
.btn-outline-dark.btn-outline-ig:hover {
    color: #E1306C !important;
}
.btn-outline-dark.btn-outline-li:hover {
    color: #0077B5 !important;
}
.btn-outline-dark.btn-outline-email:hover {
    color: #000000 !important;
}

.btn-outline-dark.btn-outline-fb:active,
.btn-outline-dark.btn-outline-tw:active,
.btn-outline-dark.btn-outline-email:active,
.btn-outline-dark.btn-outline-li:active {
    opacity: 1;
    background-color: transparent !important;
    text-decoration: none !important;
    color: #000000 !important;
}

#superior-search > form {
    margin: 0 !important;
}

#superior-search input,
#superior-search button,
#superior-search input::placeholder {
    background-color: #141823 !important;
    border-color: #141823 !important;
    color: white !important;
    border-radius: 0 !important;
    background-clip: border-box !important;
}

#navContent {
    /* width: 100%; */
    /* bugga o search */
}

.sub-menu {
    display: none;
    padding-left: 2rem;
}

#side-navigation {
    height: 100%;
    position: fixed;
    z-index: 1021;
    top: 0;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0.5rem 0.5rem 0.5rem;
    -webkit-box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.35);
    box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.35);
}

#side-navigation > div {
    padding-top: 0.5rem;
}

/* com admin bar */
.admin-bar #side-navigation {
    /*padding-top: 82px !important;*/
}

/* foi pa dar fix das margens sticky
.admin-bar header {
    top: 32px !important;
}
*/

/* Scrollbar */
::-webkit-scrollbar-track {
    background-color: #ffffff;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: white;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(145, 145, 145, 0.4);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(145, 145, 145, 0.4);
    box-shadow: inset 1px 1px 5px 0 rgba(145, 145, 145, 0.4);
    background-color: #c4161c;
    border-radius: 15px;
}

/*-------------------*/

/* Side navigation first content div */
#sidebar-title {
    /*padding-top: 1rem;*/
}

/*-------------------*/

.btn-grey {
    background-color: #4e5159;
    border-color: #4e5159;
    color: #ffffff;
}

.btn-grey:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-outline-black {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 0;
}

.btn-outline-black:hover {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 0;
}

.btn-red {
    background-color: #c4161c;
    color: #ffffff;
    border: 1px solid #c4161c;
    border-radius: 0;
}

.btn-red:hover {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 0;
}

.btn-always-red {
    background-color: #c4161c;
    border-color: #c4161c;
    color: #ffffff !important;
}

.btn-black {
    border-radius: 0;
    background-color: #000000;
    color: #ffffff;
}

.btn-light-grey {
    background-color: #f0f0f0;
}

.btn-black:hover {
    border: 1px solid #000000;
    background-color: unset;
    color: #000000;
}

.btn-always-black {
    background-color: #000000;
    color: #ffffff;
}

.btn-always-black:hover {
    color: #ffffff;
}

.btn-outline-jb {
    border: 1px solid #C4161C;
    background-color: #FFFFFF;
    color: #000000;
}

.btn-outline-jb:hover {
    background-color: #C4161C;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:active {
    color: #ffffff !important;
}

.btn-always-white {
    background-color: #ffffff;
    color: #000000;
}

.btn-always-white:hover {
    background-color: #000000;
    color: #ffffff;
}

#newsletter-footer {
    /*display: none;*/
    bottom: 0;
    position: fixed;
    width: 95vw;
}

/* ********* */
/* SPONSORED */
/* ********* */

/* Sponsored fullwidth image */
#sponsored-banner {
    width: 100%;
    height: 40vh;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#sponsored-content {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

    padding-bottom: 15px;
    margin-bottom: 15px;
}

#sponsored-tag {
    background: rgba(0, 0, 0, 0.3);
}

#sponsored-tag > h1 {
    color: white;
}

.social-links > li {
    display: inline-block;
    margin-right: 6px;
    margin: 4px;
    width: 100%;
}

.icon-fb {
    margin-right: 17px;
}

.icon-ig {
    margin-right: 13px;
}

.icon-li {
    margin-right: 13px;
}

.icon-yt {
    margin-right: 10px;
}

.parallax {
    /* Set a specific height */
    height: 300vh;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#visto {
    background-color: rgba(0, 0, 0, 0.5);
}

#visto-text {
    position: absolute;
    height: 600px;
}

#visto p.h1,
.visto-home-content p.h1 {
    font-size: 150px;
    color: white;
}

#visto p {
    color: white;
}

.newsletter-success {
    display: none;
}

/*
  METABOXES
 */

.rlcf_box {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 20px;
}

.rlcf_field {
    display: contents;
}

/*
  FIM METABOXES
 */

.restaurante-post-icon {
    height: 32px;
    width: 32px;
}

#restaurante-post-right-col ul {
    padding-left: 0;
}

#restaurante-post-right-col li {
    list-style: none;
    padding-top: 2px;
}

.card-header.d-flex:hover {
    color: #c4161c;
    cursor: pointer;
}

.rotate {
    -moz-transition: rotate 0.35s linear;
    -webkit-transition: rotate 0.35s linear;
    transition: rotate 0.35s linear;
}

.rotate.down {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

#filter-accordion-header {
    border-color: #fde500;
    background: #fde500;
}

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #d3d3d3;
    border-radius: 25px;
    border: 0 solid #010101;
}

input[type="range"]::-webkit-slider-thumb {
    border: 0 solid #000000;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #000000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #dbdbdb;
}

input[type="range"]::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #d3d3d3;
    border-radius: 25px;
    border: 0 solid #010101;
}

input[type="range"]::-moz-range-thumb {
    border: 0 solid #000000;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #000000;
    cursor: pointer;
}

input[type="range"]::-ms-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="range"]::-ms-fill-lower {
    background: #cbcbcb;
    border: 0 solid #010101;
    border-radius: 50px;
}

input[type="range"]::-ms-fill-upper {
    background: #d3d3d3;
    border: 0 solid #010101;
    border-radius: 50px;
}

input[type="range"]::-ms-thumb {
    border: 0 solid #000000;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #000000;
    cursor: pointer;
}

input[type="range"]:focus::-ms-fill-lower {
    background: #d3d3d3;
}

input[type="range"]:focus::-ms-fill-upper {
    background: #dbdbdb;
}

.square:before {
    content: "";
    display: block;
    padding-top: 100%; /* initial ratio of 1:1*/
}

.footer {
    width: 100%;
    margin-top: auto;
    background-color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
}

/* ------------- */
#figura_semana {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #6cccf4;
}

.visto-archive-photo {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.visto-archive-content {
    background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 100%
    );
    height: 200px;
}

.visto-archive-content > div > div > p {
    color: white !important;
    word-break: break-all;
}

.figura-archive-content {
    padding-bottom: 20px;
    padding-top: 20px;
    height: 100% !important;
    background-color: #6cccf4;
}

.figura-archive-content p {
    word-break: break-all;
}

.stag-book {
    font-family: Roboto, serif !important;
}

.stag-light {
    font-family: Roboto Slab, sans-serif !important;
    font-weight: 200;
}

.roboto {
    font-family: Roboto, sans-serif !important;
}

.Merriweather {
    font-family: Merriweather, serif !important;
}

.btn.btn-square {
    border-radius: 0;
    border: unset;
}

.b-contain *,
.b-contain *::before,
.b-contain *::after {
    box-sizing: content-box !important;
}

.b-contain input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.b-contain span {
    line-height: 1.54;
    font-size: 1rem;
    font-family: inherit;
}

.b-contain {
    display: table !important;
    position: relative !important;
    padding-left: 1.8rem !important;
    cursor: pointer !important;
    margin-bottom: 0.5rem !important;
}

.b-contain input[type="checkbox"] ~ .b-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background: rgba(241, 245, 248, 1);
    transition: background 250ms;
    border: 1px solid rgba(184, 194, 204, 1);
    border-radius: 0.125rem;
}

.b-contain input[type="radio"] ~ .b-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background: rgba(241, 245, 248, 1);
    transition: background 250ms;
    border: 1px solid rgba(184, 194, 204, 1);
    border-radius: 2rem;
}

.b-contain input[type="checkbox"] ~ .b-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 0.45rem;
    top: 0.18rem;
    width: 0.25rem;
    height: 0.6rem;
    border: solid rgba(255, 255, 255, 1);
    border-width: 0 2px 2px 0;
    transition: background 250ms;
    transform: rotate(45deg);
}

.b-contain input[type="radio"] ~ .b-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 0.25rem;
    top: 0.25rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 1);
    transition: background 250ms;
}

.b-contain input:disabled ~ .b-input::after {
    border-color: rgba(135, 149, 161, 1);
}

.b-contain input:checked ~ .b-input::after {
    display: block;
}

.b-contain:hover input ~ .b-input,
.b-contain input:focus ~ .b-input {
    background: rgb(231, 238, 243);
}

.b-contain input:focus ~ .b-input {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

.b-contain input:checked ~ .b-input {
    background: rgba(0, 0, 0, 1);
    border-color: rgba(0, 0, 0, 1);
}

.b-contain input[type="checkbox"]:disabled ~ .b-input {
    background: rgba(241, 245, 248, 1);
    border-color: rgba(184, 194, 204, 1);
    opacity: 0.6;
    cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input {
    background: rgba(241, 245, 248, 1);
    border-color: rgba(184, 194, 204, 1);
    opacity: 0.6;
    cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input::after {
    background: rgba(135, 149, 161, 1);
}

.b-contain input:checked:focus ~ .b-input,
.b-contain:hover input:not([disabled]):checked ~ .b-input {
    background: rgba(0, 0, 0, 1);
    border-color: rgba(0, 0, 0, 1);
}

.b-contain .b-input::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    margin-left: -0.85rem;
    margin-top: -0.85rem;
    background: rgba(0, 0, 0, 1);
    border-radius: 2rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}

@keyframes b-ripple {
    0% {
        transform: scale(0);
    }

    20% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes b-ripple-duplicate {
    0% {
        transform: scale(0);
    }

    30% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out;
}

.b-contain input:checked + .b-input::before {
    animation-name: b-ripple-duplicate;
}

.b-contain .b-input::before {
    visibility: hidden;
}

.b-contain input:focus + .b-input::before {
    visibility: visible;
}

.b-contain:first-child .b-input::before {
    visibility: hidden;
}

.post-date {
    color: #5f5f5f;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.post-date-small {
    margin-top: 0;
}

/* Section */

/*
POST DESIGN CHANGES
POST DESIGN CHANGES
POST DESIGN CHANGES
POST DESIGN CHANGES
POST DESIGN CHANGES
*/
#carousel-main-page {
    height: 50vh;
}

.carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-title {
    font-family: Roboto Slab, sans-serif;
    font-weight: 900;
    font-size: 2.2rem;
    line-height: normal;
    letter-spacing: 0.5px;
    line-height: normal;
}

.carousel-subtitle {
    font-size: 24px;
}

.carousel-caption {
    bottom: 45px;
}

.home-post-content {
    background-color: white;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*min-height: 100px;*/
    /*max-height: 290px;*/
}

.home-post-content > img {
    object-fit: contain;
    max-height: 100%;
}

.home-post:last-child {
    bottom: 0;
}

.section-name {
    color: #c4161c;
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
    font-family: Roboto Slab, serif;
    font-weight: 900 !important;
}

.section-name:hover {
    opacity: 0.6;
}

.section-name-secondary {
    color: #8f8f8f;
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
}

.premium-content {
    background-color: #c4161c;
    color: #fff;
    padding: 0px 4px 0px 4px;
    font-family: Roboto Slab, sans-serif;
    font-weight: 400;
    display: inline-block;
}

.sections-list {
    margin-right: 0.25rem;
}

.overlay-image {
    background-size: cover;
    background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 100%
    );
}

#carousel-main-page > .carousel-item {
    background-color: #fde500;
}

.opiniao-home-post-image {
    object-fit: cover;
}

#carousel-op {
    height: 350px;
}

#carousel-op .excerpt {
    min-height: 70px;
}

.eq-height {
    display: flex;
    height: 100%;
}

.section-title {
    font-family: Roboto Slab, serif !important;
    color: #c4161c;
}

.carousel-item {
    background-size: cover !important;
    background-position: 50% 50% !important;
    width: 100% !important;
    height: 100% !important;
}

.no-radius {
    border-radius: 0;
}

#navbar-client-username {
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-message,
.woocommerce-info {
    border-top-color: #c4161c;
}

.woocommerce-message::before {
    content: "\e015";
    color: #c4161c;
}

.woocommerce-info::before {
    color: #c4161c;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default
.select2-results__option--highlighted[data-selected] {
    background-color: #ddd;
    color: unset;
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-within,
.select2-search__field,
.button,
#burger:focus-within,
#burger:focus,
#close:focus-within,
#close:focus,
.navbar-toggler:focus,
.navbar-toggler:focus-within {
    outline: 0 !important;
}

.button {
    font-weight: normal !important;
}

.custom-select {
    border: unset;
    border-radius: unset;
}

.btn-badge {
    margin: 9px;
    border-radius: 10rem;
}

/* START FIX ADS */

.bsaProItemInner__img {
    background-size: contain !important;
}

.bsaProItem,
.bsaReset,
.bsaProItemInner__thumb,
.bsaProAnimateThumb {
    max-width: 100% !important;
    margin-bottom: 1.3rem !important;
}

.bsaProHeader {
    text-align: center;
}

.bsaProHeader span {
    text-align: center;
    font-size: 0.5rem;
    color: gray;
    text-transform: uppercase;
}

.bsaProContainerNew,
.bsaProHeader {
    padding: 0 !important;
}

#bsa-block-728--180 .bsaProItemInner__img {
    background-repeat: no-repeat;
}


.bsaProItemInner__html {
    width: 300px;
    margin: 0 auto;
}

/* END FIX ADS */

.wp-block-quote {
    border-left: 5px solid #c4161c;
    padding: 0.25em 20px;
    margin-bottom: 1.3rem;
}

.wp-block-quote > p {
    margin-top: 1rem;
    font-family: Roboto Slab, serif;
    font-size: 20px;
    line-height: 1.7rem;
}

.wp-block-quote cite {
    font-size: 1rem;
    display: block;
    margin-top: 1rem;
    color: #565656;
}

.header-image {
    padding-top: 70%;
}

.btn {
    font-family: Roboto, serif;
}

.blocks-gallery-item,
.wp-block-image {
    cursor: pointer;
}

.blocks-gallery-item {
    margin: 0 8px 8px 0 !important;
}

.wp-block-gallery {
    margin-bottom: 0.5rem;
}

.header-title {
    font-family: Roboto Slab, serif;
    position: absolute;
    bottom: 10vh;
    font-size: 3rem;
}

.header-title-no-search {
    font-family: Roboto Slab, serif;
    position: absolute;
    bottom: 0;
    font-size: 3rem;
}

hr {
    border-top: 1px solid #dedede;
}

.wp-polls-ul {
    margin: 0 0 20px 0;
}

.section-title {
    color: #c4161c !important;
}

.article-title {
    font-family: Roboto Slab, serif;
    font-weight: 600;
    margin-top: 0.75rem;
    font-size: 1.2rem;
    line-height: 1.375rem;
    margin-bottom: 0;
}

.article-title-section {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.575rem;
}

.article-title-section-small {
    margin-top: 0;
    font-size: 1.1rem;
}

.article-title-opinion {
    font-size: 1.475rem;
    margin-top: 0.75rem;
    line-height: normal;
}

.article-title-opinion-small {
    font-size: 1.275rem;
    margin-top: 0.75rem;
    line-height: normal;
}

.article-title-home {
    font-family: Roboto Slab, serif;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.375rem;
    margin-bottom: 0;
    color: #141823;
}

.article-title-small {
    margin-top: 0;
}

.product-price {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    font-family: Roboto Slab, serif;
    font-weight: 600;
}

.product-price-archive span {
    font-family: Roboto, serif !important;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.cursor-pointer:hover {
    cursor: pointer;
}

#rl-paywall {
    position: relative;
}

#rl-paywall:before {
    content: "";
    position: absolute;
    top: -150px;
    left: 0;
    height: 150px;
    width: 100%;
    border-bottom: 25px solid #fff;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.flat-form {
    height: 40px;
    border-radius: 0;
    border: unset;
}

.contact-entry {
    margin-bottom: 1rem;
}

.contact-entry > p {
    margin-bottom: 0rem;
}

.contact-entry > a {
    margin-bottom: 1.5rem;
    display: block;
}

.emails {
    margin-bottom: 0.5rem;
}

.archive-page-title {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 300;
}

.author-page-title {
    margin-bottom: 0;
    padding: 1rem 1rem 1rem 0 !important;
    font-weight: 300;
}

.item-shadow {
    transition: box-shadow 0.25s;
    box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.06);
    border: 1px solid #eaeaea;
}

.item-shadow-no-hover {
    box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.06);
    border: 1px solid #eaeaea;
}

.item-shadow:hover {
    box-shadow: 1px 2px 18px 5px rgba(0, 0, 0, 0.09);
}

.item-shadow-small {
    transition: box-shadow 0.25s;
    box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.06);
    border: 1px solid #eaeaea;
}

.item-shadow-small:hover {
    box-shadow: 1px 2px 18px 5px rgba(0, 0, 0, 0.09);
}

.item-title {
    font-family: Roboto Slab, serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.item-title-restaurant {
    font-size: 1.2rem;
}

.cartaz-title {
    font-family: Roboto Slab, serif;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #141823;
    font-weight: bold;
    word-break: break-word;
}

.item-container {
    padding: 1rem;
}

.user-dropdown {
    /*background-color: #fde500;*/
    padding-top: 0;
    padding-bottom: 0;
}

.under-carousel-icon {
    border-radius: 50%;
    background-color: #fde500;
    max-width: 60px;
    min-width: 60px;
}

.text-assinar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 100%;
    display: block;
    opacity: 0;
    transition: all 0.25s;
    background-color: #141823;
}

.cart[data-count] {
    position: relative;
}

.cart[data-count]:after {
    position: absolute;
    right: -0.35em;
    top: -0.35em;
    content: attr(data-count);
    padding: 0.5em;
    border-radius: 10em;
    line-height: 0.9em;
    color: #ffffff;
    background: #c4161c;
    text-align: center;
    min-width: 2em;
    font: bold 0.5em sans-serif;
}

.form-control,
.btn {
    outline: 0 !important;
    box-shadow: none !important;
}

.form-control {
    border-radius: 0;
}

.form-control > a {
    color: #c4161c;
}

.grey-text {
    color: #373737 !important;
}

#menu-lateral li {
    cursor: pointer;
}

.carousel-photo-content {
    padding-left: 15%;
    padding-right: 15%;
    color: white;
    position: absolute;
    bottom: 0;
}

.full {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.gradient {
    position: absolute;
    background-image: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0) 90%
    );
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.gradient-archive-big {
    width: calc(100% - 15px);
    right: 0;
    left: unset;
}

.gradient-archive-small {
    width: calc(100% - 30px);
    right: unset;
    left: unset;
}

.full-width-header {
    cursor: pointer;
}

.nav-bg {
    background-color: #c4161c;
}

.nav-bg:hover,
.nav-bg:hover * {
    background-color: #141823;
    color: white !important;
}

.black-bg,
.black-bg * {
    background-color: #141823;
    color: white !important;
}

.woocommerce-Price-amount {
    font-family: Roboto, sans-serif;
}

.custom-file-label {
    border: none;
    border-radius: 0;
}

.custom-file-label {
    border: none;
    border-radius: 0;
}

.custom-file-label::after {
    height: 100%;
    border-radius: 0;
}

#captcha-warning,
.captcha-warning {
    color: red;
}

.custom-file > label::after {
    content: "Procurar";
}

.b-lazy {
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    max-width: 100%;
    opacity: 0;
}

.b-lazy.b-loaded {
    opacity: 1;
}

.scrollmenu-sections {
    overflow: auto;
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
}

.scrollmenu-sections::-webkit-scrollbar {
    display: none;
}

.scrollmenu-sections a {
    display: inline-block;
    border: 1px solid #c4161c;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0.75rem;
    padding: 0.5rem 2rem;
    text-decoration: none;
    font-family: Roboto Slab, sans-serif;
    font-weight: 300;
}

.scrollmenu-sections a:hover {
    background-color: #c4161c;
    color: white !important;
}

.btn-shop {
    padding: 0.25rem 0.75rem;
    border: 1px solid #141823;
    color: white !important;
    border-radius: 0;
    background-color: #141823;
}

.btn-shop:hover {
    border: 1px solid #ffffff;
    background-color: #c4161c;
    color: #ffffff !important;
}

#nav-superior .dark-mode a:hover {
    opacity: 0.7;
}

#nav-superior a:hover {
    color: #ffffff;
    opacity: 1;
}

.title-editorial a:hover {
    color: #000000 !important;
}

.btn-outline-white {
    padding: 0.25rem 0.75rem;
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #ffffff !important;
}

/*.btn-outline-white:hover {*/
/*    color: #000000 !important;*/
/*    background-color: #FFFFFF;*/
/*}*/

.btn-outline-red-shop {
    border: 1px solid #c4161c;
    color: #c4161c;
    border-radius: 0;
}

.btn-outline-red-shop:hover {
    border: 1px solid #000000;
    background-color: #000000;
    border-radius: 0;
    color: #ffffff;
}

.btn-outline-red {
    padding: 0.25rem 0.75rem;
    border: 1px solid #c4161c;
    color: #c4161c;
    border-radius: 0;
}

.btn-outline-red:hover {
    padding: 0.25rem 0.75rem;
    border: 1px solid #000000;
    background-color: #000000;
    border-radius: 0;
    color: #ffffff;
}

.btn-outline-white:hover {
    color: #000000;
}

.newsletter-header {
    font-weight: 900;
}

.no-hover:hover * {
    color: unset;
}

.gray-bg {
    background-color: #eeeeee;
}

.dropdown-item:hover {
    color: #c4161c;
}

#newsletter-success {
    z-index: 999999;
    position: absolute;
    top: 10%;
    border: 1px solid gray;
    margin-left: 2rem;
    margin-right: 2rem;
}

.store-see-more {
    background-color: unset;
    border: unset;
    text-transform: uppercase;
    margin-top: 1rem;
}

.store-see-more:focus {
    outline: unset;
}

.form-control:focus {
    border-color: #c4161c;
}

.comment-meta * {
    color: #5f5f5f;
    margin-bottom: 1rem;
    font-size: .85rem;
}

.wp-block-embed {
    margin-bottom: 1.3rem;
}

.wp-block-embed__wrapper iframe {
    width: 100%;
}

.wp-block-image figcaption {
    margin-bottom: 1.3rem;
}

.dark-bg {
    background-color: #141823
}

.sf-title {
    background-color: #C4161C;
    color: #FFFFFF;
    padding: 0 4px 0 4px;
    display: inline-block;
    line-height: unset;
}

.parent {
    overflow: hidden; /* required */
}

.ribbon {
    margin: 0;
    background: #c4161c;
    color: white;
    padding: 0.15rem 0;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(22%) translateY(149%) rotate(45deg);
    transform-origin: top right;
    font-size: 0.8rem;
}

.ribbon:before,
.ribbon:after {
    content: '';
    position: absolute;
    top: 0;
    margin: 0 -1px; /* tweak */
    width: 100%;
    height: 100%;
    background: #c4161c;
}

.ribbon:before {
    right: 100%;
}

.ribbon:after {
    left: 100%;
}

.teste {
    margin-inside: 1;
}

.blink-signature {
    animation: blinker 1s linear infinite;
    color: #c4161c;

}

@keyframes blinker {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.25;
    }
    to {
        opacity: 1.0;
    }
}

.checklist-signatures {
    padding-left: 12px;
}

.woocommerce-product-details__short-description li {
    margin-bottom: 12px;
    margin-left: -30px;
    display: flex;
    align-items: center;
}

.checklist-signatures li {
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center;
}

.woocommerce-product-details__short-description li::before {
    color: transparent;
    font-size: 1px;
    content: " ";
    margin-left: -1.3em;
    margin-right: 15px;
    padding: 12px;
    background-color: black;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z'/></svg>");
    -webkit-mask-size: cover;
}

.checklist-signatures li::before {
    color: transparent;
    font-size: 1px;
    content: " ";
    margin-left: -1.3em;
    margin-right: 15px;
    padding: 12px;
    background-color: black;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z'/></svg>");
    -webkit-mask-size: cover;
}


.today-span {
    position: absolute;
    z-index: 9;
    background: #dc0000;
    color: #ffffff;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 12px;
    left: 5px;
    top: -5px;
    animation: zoom-in-zoom-out 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.date-container {
    text-align: center;
    padding: 8px;
}

.ff-span-date {
    font-size: 0.75rem;
    color: #062c33;
}

.promoted {
    background: #ffffa5;
}

.today-span {
    position: absolute;
    z-index: 9;
    background: #dc0000;
    color: #ffffff;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 12px;
    left: 5px;
    top: -5px;
    animation: zoom-in-zoom-out 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.jb-ad {
    text-align: center;
    width: 100%;
    margin-top: 1rem;
}

.jb-ad iframe {
    margin-bottom: 1.3rem;
}

.podcast-description {
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}