.banner-simple {

    width: 100%;

    max-width: 100%;

    height: 39.06rem;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: var(--opa-bege-claro);

    padding-bottom: 9.75rem;

    margin-bottom: 5rem;



    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}





.banner-info {

    width: 37.06rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.banner-info h1,

.banner-info h3,

.banner-info p {

    color: var(--opa-branco);

    text-align: center;

}



.banner-info h1 {

    font-size: 3rem;

    line-height: 3.81rem;

    margin-bottom: 0.62rem;

}



.banner-info h3 {

    margin-bottom: 1.25rem;

}



.banner-info p {

    font-size: 1rem;

    line-height: 1.37rem;

    margin-bottom: 1.50rem;

}



.btn-blog {

    width: 16.62rem;

    height: 4.38rem;

    padding: 1.50rem 2.81rem;

    background: var(--opa-marrom-claro);

    font-size: 1rem;

    text-transform: uppercase;

    color: var(--opa-branco);

    gap: 1.25rem;

    display: flex;

    align-items: center;

}



.under-nav {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 8.75rem;

    text-align: center;

    text-transform: uppercase;

    background-color: var(--opa-vermelho);

}



.under-nav h2 {

    font-size: 2.62rem;

    color: var(--opa-branco);

}



/*taxonomy*/



.tax-list {

    width: 366px;

    padding: 3.13rem 3.75rem;

    background: var(--opa-bege);

    height: 25.93rem;

    margin-bottom: 2.5em;

}



.tax-list h3 {

    color: var(--opa-vermelho);

    margin-bottom: 1.25rem;

    font-size: 1.12rem;

}



.tax-list li:not(:last-child) {

    margin-bottom: 1.25rem;

}



.tax-list li {

    list-style: '>';

}



.search-form .search-input {

    padding: 23px;

    border: 1px solid var(--opa-marrom-claro);

}



.search-form .search-input::placeholder {

    font-size: 1rem;

}



.search-form .search-btn {

    padding: 0;

    background: transparent;

    border: none;

    cursor: pointer;

    right: 20px;

}



.social-icons {

    margin-top: 2.5rem;

}



.social-icons a {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.social-icons ul {

    display: flex;

    justify-content: center;

    gap: 12px;

}



.social-icons ul li {

    height: 60px;

    width: 60px;

    background: var(--opa-marrom-claro);

    border-radius: 50%;

    margin-right: 6px;

}



.list-blog .grid {

    gap: 1.56rem;

}



.blog-content:not(:last-child) {

    border-bottom: solid 1px var(--opa-light-silver);

    margin-bottom: 2.81rem;

}



.left-blog {

    width: 46.81rem;

}



.blog-block {

    width: 46.93rem;

    padding-bottom: 2.81rem;

}



.blog-block .blog-card {

    background-repeat: no-repeat;

    width: 100%;

    background-size: cover;

}



.blog-block .blog-card,

.blog-block p {

    margin-bottom: 1.87rem;

}



.opa-videos .grid {

    padding: 4.37rem 0;

}



.opa-videos .grid,

.opa-instagram .grid {

    flex-direction: column;

}



.videos-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

    grid-gap: 1em;

    grid-auto-flow: dense;

    width: 83%;

    grid-column-gap: 16px;

    grid-row-gap: 30px;





}



.blog-card.videos {

    width: 22.69rem;

    height: 13.13rem;

    background-repeat: no-repeat;

    background-size: cover;

}



.blog-card.videos:first-child {

    width: 46.94rem;

    height: 28.13rem;

    grid-area: 1 / 1 / span 2/ span 4;

}



.opa-videos .titulo-2 {

    font-size: 2rem;

    color: var(--opa-vermelho);

    margin-bottom: 1.87rem;



}



/* INSTAGRAM */



.opa-instagram {

    padding: 2.25rem 0 8.50rem 0;

}



.header-insta {

    display: flex;

    gap: 1.25rem;

    margin-bottom: 2rem;

    align-items: flex-start;

    width: 11.68rem;

}



.header-insta h2 {

    color: var(--opa-marrom-claro);

    font-size: 2rem;

}



.instagram-grid {

    height:310px;

}



.instagram-grid img {

    width: 16.62rem;

    height: 16.62rem;

    object-fit: cover;

}





/*single*/



.single-blog .texto-1 {

    font-size: 1rem;

    line-height: 1.37rem;

    color: var(--opa-cinza-escuro);

}



.single-blog .left-blog .titulo-3 {

    font-size: 1.12rem;

    line-height: 1.35rem;

    color: var(--opa-marrom-claro);



}



.single-blog .grid {

    gap: 5rem;

    display: grid;

    grid-template-columns: 70% 30%;

}



.single-blog .left-blog {

    width: 43.37rem;

}



.single-blog .left-blog h3 {

    font-size: 3rem;

    line-height: 3.8rem;

    font-weight: 700;

    color: var(--opa-vermelho);

    margin-bottom: 0.625rem;

    width: 37.06rem;

    text-transform: initial;

}



.single-blog .left-blog h4 {

    font-size: 1.25rem;

    line-height: 1.37rem;

    color: var(--opa-vermelho);

    margin-bottom: 5.37rem;

    font-weight: 700;

}



.single-blog .left-blog p {

    font-size: 1rem;

    line-height: 1.37rem;

}





.single-blog .left .date {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.25rem;

    color: var(--opa-marrom-claro);

    margin-bottom: 2rem;

    display: inline-block;

}



.single-blog .left h1 {

    font-family: var(--font-family-soleil-bold);

    font-style: normal;

    font-weight: 700;

    font-size: 3rem;

    line-height: 3.5rem;

    color: var(--opa-vermelho);

    display: inline-block;

}



.single-blog .left p {

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: 400;

    letter-spacing: -0.02em;

    color: var(--opa-cinza-escuro);

    margin: 1rem 0

}



.single-blog .left p img{

    display: block;

    margin: 1rem 0;

}





/* Sidebar */

.single-blog .sidebar .categories{

    background-color: var(--opa-bege);

    padding: 3rem ;

}

  

.single-blog .sidebar .categories h3{

    color: var(--opa-marrom-escuro);

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 1.1rem;

    line-height: 1.5rem;

    margin-bottom: 2rem;

}

  

.single-blog .sidebar .categories a{

    display: inline-block;

    width: 100%;

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: 400;

    font-size: 1.1rem;

    line-height: 1.375rem;

    letter-spacing: -0.02em;

    color: var(--opa-verde-escuro);

    margin-bottom: 1rem;

    transition: var(--transition);

}

  

.single-blog .sidebar .categories a:active,

.single-blog .sidebar .categories a:focus,

.single-blog .sidebar .categories a:hover{

    color: var(--opa-marrom-claro);

}

  

.single-blog .sidebar .categories a img{

    margin-right: 1rem;

}

  

.single-blog .sidebar .search{

    margin: 2rem 0;

}

  

.single-blog .sidebar .search .search-input{

    border: 1px solid var(--opa-marrom-claro);

    padding: 0 2rem;

    font-family: var(--font-family-soleil);

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.375rem;

    letter-spacing: -0.02em;

    color: var(--opa-cinza-escuro);

}

  

.single-blog .sidebar .search .search-btn{

    border: none;

    background: transparent;

    padding: 0;

    right: 2rem;

    cursor: pointer;

}

  

.single-blog .sidebar .social-network ul{

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 2rem 0;

    gap: 1rem;

    flex-wrap: wrap;

}

  

.single-blog .sidebar .social-network ul li{

    width: 3.75rem;

    height: 3.75rem;

}

  

.single-blog .sidebar .social-network ul li a{

    width: 3.75rem;

    height: 3.75rem;

    border-radius: 50%;

    background-color: var(--opa-marrom-claro);

    display: flex;

    justify-content: center;

    align-items: center;

    transition: var(--transition);

}

  

.single-blog .sidebar .social-network ul li a:focus,

.single-blog .sidebar .social-network ul li a:active,

.single-blog .sidebar .social-network ul li a:hover{

    background-color: var(--opa-marrom-escuro);

}

  

.single-blog .sidebar .social-network ul li a img{

    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7500%) hue-rotate(258deg) brightness(119%) contrast(102%);

}



/*relacionados*/



.opa-relacionados .container {

    max-width: var(--container);

    width: 100%;

    margin: 3rem auto;

}



.opa-relacionados .container h2{

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: 600;

    font-size: 2rem;

    line-height: 2.5rem;

    color: var(--opa-vermelho);

}







@media (max-width: 767px) {

    .left-blog {

        order: 2;

    }



    .blog-block {

        width: 100%;

    }



    .opa-videos .grid {

        padding-left: 15px;

        padding-right: 15px;

    }



    .blog-card.videos:first-child {

        width: 100%;

    }



    .instagram-grid {

        flex-wrap: wrap;

    }



    .instagram-grid img {

        width: 40%;

    }



    .videos-grid {

        grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));

    }



    .list-blog .grid {

        justify-content: center;

    }



    .single-blog .left-blog {

        width: 100%;

    }



    .single-blog .left-blog h3 {

        width: 100%;

    }



    .opa-relacionados .grid {

        margin-left: initial;

    }

    .single-blog .grid {

        grid-template-columns: 100%;

    }

    .blog .owl-theme .owl-nav.disabled + .owl-dots {

        margin-bottom: 0 !important;

        margin-left: auto;

    }

    

}

/* START CONTENT STYLE */

.single-blog h1{

    font-family: 'Gin Regular';

    font-style: normal;

    font-weight: 400;

    font-size: 3.75rem;

    line-height: 4.5rem;

    color: var(--opa-smoky-black);

  }

  .single-blog h2 {

    font-size: 3.15rem;

    line-height: 4rem;

  }

  .single-blog h3 {

    font-size: 3rem;

    line-height: 3.8rem;

  }

  .single-blog h4 {

    font-size: 2.8rem;

    line-height: 3.3rem;

  }

  .single-blog h5 {

    font-size: 2.2rem;

    line-height: 3.0rem;

  }

    .single-blog h5 {

        font-size: 1.8rem;

        line-height: 2.5rem;

  }

  .single-blog .sub-title-post {

    font-family: 'Soleil';

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 22px;

    letter-spacing: -0.01em;

    color: var(--opa-vermelho);

    margin-bottom: 3rem;

    padding-bottom: 3rem;

  }

  .single-blog ol,

  .single-blog ul {

    list-style: disc;

    margin-left: 1rem;

  }

  .single-blog b,

  .single-blog strong {

    font-weight: 700;

  }

  .single-blog em {

    font-style: italic;

  }

  .single-blog a {

    color: var(--opa-smoky-black);

    text-decoration: underline;

  }

  /* END CONTENT STYLE */

.single-blog .sidebar .social-network ul {

    list-style: none;

}

.single-blog ul {

    padding-top: 1rem;

}

.single-blog li {

    line-height: 2rem;

    font-family: var(--font-family-soleil);

}

.single-blog p {

    font-size: 1.2rem;

    line-height: 2rem;

}

.MediaOverlay__date {

    display:none!important;

}



/* blog */

.opa-galeria {

    margin: 12rem 0 5rem;

    margin-left: calc(45.5% + 0px);

    transform: translateX(-50%);

}



.opa-related .opa-galeria {

    margin: 3rem 0 5rem;

    margin-left: calc(50% + 0px);

    transform: translateX(-50%);

    width: 100vw;

}



.opa-related {

    width: 100vw;

    position: relative;

}



.opa-related .opa-galeria {

    margin: 3rem 0 5rem;

    margin-left: calc(50% + 0px);

    transform: translateX(-50%);

}



.opa-related .owl-item.lastActiveItem{

    opacity: 0.5;

}



.blog-title {

    color:var(--opa-marrom-escuro);

    position: relative;

    margin-top: -90px;

}



.blog-title span {

    color:var(--opa-marrom-claro);

}



.blog-title h2 {

    position: absolute;

    top: 98px;

}



.blog-title .marca-dagua {

    color:var(--opa-bege)

}



.opa-galeria .owl-stage {

    display: flex!important;

}



.blog-card {

    height: 450px;

    width: 100%;

    padding: 30px;

    display: flex;

    flex-direction: column;

    justify-content: end;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    transition: var(--transition-animation);

}



.blog-card:focus h4,

.blog-card:active h4,

.blog-card:hover h4 {

    color: var(--opa-marrom-claro);

}



.blog-card span {

    color: var(--opa-marrom-claro);

}



.blog-card h4 {

    margin-top: 20px;

    color: var(--opa-branco);

}



.blog-card img {

    margin-top: 20px;

    width: 6px!important;

    height: 12px;

}



.opa-galeria .owl-item {

    filter: grayscale(100%)brightness(100%);

}



.opa-galeria .owl-stage .active {

    filter: none;

}



.opa-galeria .owl-nav {

    display: none!important;

}



.opa-galeria .owl-dot {

    border: none!important;

    background: none!important;

}



.opa-galeria .owl-dot span {

    border: 2px solid var(--opa-marrom-claro) !important;

    background: transparent !important;

}



.opa-galeria .owl-dot.active span, .opa-galeria .owl-dot:hover span {

    background: var(--opa-vermelho) !important;

    border: 2px solid var(--opa-vermelho) !important;

}



.opa-galeria .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 36px!important;

    margin-bottom: 100px!important;

    margin-left: -384px;

}

.blog-card {

    width:557px;

}

.blog-content .blog-card {

    width:100%;

    position: relative;

}



.blog-content .blog-card img,

.blog-content .blog-card h4,

.blog-content .blog-card span{

    position: relative;

    z-index: 2;

}

.blog-content .owl-stage  .owl-item.lastActiveItem{

    opacity: 0.5;

}

@media (max-width:1024px) {

    .opa-galeria {

        padding-left: 125px;

    }

    .opa-galeria .owl-theme .owl-nav.disabled + .owl-dots {

        margin-left: -102px;

    }

}

@media (max-width:768px) {

    .opa-galeria {

        padding: 0 1.5rem 0 0.7rem;

    }

}

@media (max-width:500px) {

    .blog-card {

        width: 375px;

    }

    .opa-galeria .owl-theme .owl-nav.disabled + .owl-dots {

        margin-left: 0;

    }

}

@media (max-width:380px) {

    .blog-card {

        width: 330px;

    }

}

@media (max-width:320px) {

    .blog-card {

        width: 270px;

    }



}