/*
 Theme Name:   Old School Habbo
 Description:  Old School Habbo Theme
 Author:       Marcos Oliveira (Rufflees-) & Rafael (tecnomago)
 Author URI:   https://marcosvoliveira.com/
 Template:     bootscore
 Version:      2.0.0.0
 Requires at least: 5.0
 Tested up to: 6.5.2
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


@font-face {
    font-family: 'Volter';
    src: url('/assets/fonts/volter-goldfish.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Volter';
    src: url('/assets/fonts/volter-goldfish.ttf') format('ttf'),
         url('/assets/fonts/volter-goldfish.woff2') format('woff2'),
         url('/assets/fonts/volter-goldfish.woff') format('woff'),
         url('/assets/fonts/volter-goldfish.svg#volter_goldfish') format('svg');
    font-weight: normal;
    font-style: normal;
}*/



@font-face {
    font-family: 'Volter-Bold';
    src: url('/assets/fonts/volter-bold-goldfish.ttf') format('ttf'),
         url('/assets/fonts/volter-bold-goldfish.woff2') format('woff2'),
         url('/assets/fonts/volter-bold-goldfish.woff') format('woff'),
         url('/assets/fonts/volter-bold-goldfish.svg#volter-bold_goldfish') format('svg');
    font-weight: bold;
    font-style: normal;
}


@media (max-width: 900px) {
    .none-desktop{display: auto !important;}
    .none-mobile{ display: none !important;}
}

@media (min-width: 901px) {
    .none-desktop{display: none !important;}
    .none-mobile{ display: auto !important;}
}




.display-none {display: none;}

body{ 
    /*-ms-interpolation-mode: bicubic; 
    image-rendering: pixelated; */ 
    background-image: url(/assets/img/bg.gif); 
    word-break: auto-phrase !important;
}

/* b, strong { font-family: 'Volter-Bold'; -webkit-font-smoothing: subpixel-antialiased;} */

img{ 
    /*-ms-interpolation-mode: bicubic;
    image-rendering: pixelated;*/
}

#alerta{
    position: fixed;
    right: 15px;
    bottom: 5px;
}

header#masthead { padding-top: 50px; }

#top-header{
    background-image: url(/assets/img/top-header2.gif?v2);
    height: 29px;
    background-position: top center; 
}

#mid-header {
    /*background-image: url(/assets/img/bg-header.gif);
    background-image: url('https://files.habboemotion.com/resources/images/website_backgrounds/inside%20(13).gif'); */
    background-image: url('/assets/img/bg-header-iuca.png');
    background-position: center center;
    background-size: inherit;
}


@media (max-width: 900px) {

    #cta-trax {
        position: relative;
        top: 32px;
        right: 20px;
        display: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: 0;
        transform: scale(1);
        transition: 0.3s;
    }
    
    #cta-trax a img{
        transform: scale(1);
        transition: 0.3s;
    }
    
    #cta-trax a img:hover{
        transform: scale(1.1);
        transition: 0.3s;
    }

}

@media (min-width: 901px) {
#cta-trax {
    position: relative;
    top: 32px;
    right: 20px;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 0;
    transform: scale(1);
    transition: 0.3s;
}

#cta-trax a img{
    transform: scale(1);
    transition: 0.3s;
}

#cta-trax a img:hover{
    transform: scale(1.1);
    transition: 0.3s;
}
}

.bg-header{
    background-image: url(/assets/img/header-vazio-50.png);
    height: 142px;
    background-position: top center;
    /*display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-end;*/
}

.bg-header a.logo {
    /*position: absolute;
    margin-bottom: 60px;
    display: block;
    text-align: center;*/
}

/*.bg-header a img {
    width: 74%;
}*/

a.sessao{
    text-decoration: none;
}


@media (min-width: 901px) {
ul#bootscore-navbar {
    height: 27px;
    z-index: 2;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 11px 0 3px 0 !important;
    color: transparent;
}


a.dropdown-item {
    font-size: 9px;
    background: #00849f;
    /*border-left: solid 1px black;
    border-right: solid 1px black;*/
    color: #acd9f0;
    text-shadow: -1px 0 #007993, 0 1px #007993, 1px 0 #007993, 0 -1px #007993;
}

a.dropdown-item:before {
    content: '> ';
}



li.menu-item:hover {
    filter: brightness(1.1);
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-hover-color);
    background-color: #00667b !important;
}

.dropdown-menu {
--bs-dropdown-bg: #00849f;
--bs-dropdown-border-color: black;
}

li.menu-item-home {
    background-image: url(/assets/img/menu-home.gif);
    width: 97px;
    height: 28px;
    text-align: center;
    font-family: 'Volter-bold';
    font-size: 9px;
}

li.menu-sobre-nos {
    background-image: url(/assets/img/sobre-nos.gif);
    width: 122px;
    height: 28px;
    text-align: center;
    font-family: 'Volter-bold';
    font-size: 9px;
}

li.menu-valores {
    background-image: url(/assets/img/menu-valores.gif);
    width: 106px;
    height: 28px;
    text-align: center;
    font-family: 'Volter-bold';
    font-size: 9px;
}

li.menu-recordes {
    background-image: url(/assets/img/menu-recorde.gif);
    width: 118px;
    height: 28px;
    text-align: center;
    font-family: 'Volter-bold';
    font-size: 9px;
}


li.menu-ferramentas {
    background-image: url(/assets/img/menu-ferramentas.gif);
    width: 139px;
    height: 28px;
    text-align: center;
    font-family: 'Volter-bold';
    font-size: 9px;
}


li.menu-item:hover ul.dropdown-menu {
    display: block;
}

}

@media (max-width: 900px) {
ul#bootscore-navbar {
    display: flex;
    overflow-x: scroll;
    margin-bottom: -22px;
    flex-direction: row;
    padding-top: 2px;
    word-break: auto-phrase !important;
}

a.nav-link {
    padding: 10px 20px 5px;
    background: #00849f;
    margin-left: 2px;
    color: white !important;
    border-radius: 5px 5px 0 0px;
    border: solid 1px #57afc8;
    box-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    font-family: 'Volter-Bold';
    font-size: 9px;
    word-break: auto-phrase !important;
}

ul.dropdown-menu.depth_0.show {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(76px, 266.667px, 0px);
    word-break: auto-phrase !important;
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: static !important;
    word-break: auto-phrase !important;
}

}


#bttm-header{
    background-image: url(/assets/img/bttm-header.gif);
    height: 14px;
    background-position: top center; 
}




.contador-habbos{
    font-family: 'Volter-Bold';
    font-size: 9px;
    display: flex;
    position: absolute;
    margin-left: 154px;
    margin-top: 3px;
    color: white;
    max-height: 18px;
}

.contador-habbos div {
    text-shadow: -1px 0 #23596b, 0 1px #23596b, 1px 0 #23596b, 0 -1px #23596b;
    margin-top: 8px;
}

.contador-habbos b{
    content: '|';
    margin: 0px 10px;
    font-family: Verdana;
    font-weight: 800;
    font-size: 15px;  
}

.contador-habbos img {
    margin-top: -4px;
    max-height: 18px;
}

div#content {
    background: #40839F;
    border-left: 1px solid #000100;
    border-right: 1px solid #000100;
}

#banner{ margin-bottom: 20px; }



.swiper.banner-principal {
    border: solid 3px white;
    border-radius: 10px;
    height: 175px;
}


.banner-principal .swiper-pagination {
    position: absolute;
    text-align: right;
}

.banner-principal .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .banner-principal .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    font-family: 'Volter';
    font-size: 9px;
    display: inline-grid;
    align-items: center;
    padding: 2px 0 0 2px;
    color: white;
}

.banner-principal .swiper-pagination-bullet-active {
    background: #547b02;
}

.banner-principal .swiper-slide {
    padding: 0px;
    height: 175px;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: flex-end;
}

.banner-principal #banner-content {
    /* margin-top: -85px;*/
    position: absolute;
    z-index: 99;
    background: #0000005e;
    width: 450px;
    text-align: left;
    padding: 10px;
    border-radius: 7px;
    color: white;
}

.banner-principal .banner-titulo {
    font-family: 'Volter-Bold';
    padding-bottom: 5px;
}

.banner-principal .banner-texto {
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner-principal .banner-texto p {
    margin-bottom: 0 !important;
}

.banner-principal a.banner-link {
    color: white;
}

.banner-principal .swiper-horizontal>.swiper-pagination-bullets, .banner-principal .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-principal .swiper-pagination-custom, .banner-principal .swiper-pagination-fraction {
    left: auto !important;
    width: 200px !important;
    right: 0;
}

#widgets-laterais h2.wp-block-heading {
    background-repeat: no-repeat;
    height: 22px;
    font-family: 'Volter-Bold' !important;
    font-size: 9px;
    display: flex;
    align-items: center;
    padding: 4px 10px 0;
    color: white;
    margin: 0;
    background-image: url(/assets/img/widgets/widget-top-roxo.gif); 
    text-shadow: -1px 0 #75418D, 0 1px #75418D, 1px 0 #75418D, 0 -1px #75418D;
    background-size: cover;
}

#widgets-laterais section.widget:nth-child(2n) div div h2{
    background-image: url(/assets/img/widgets/widget-top-azul.gif);
    text-shadow: -1px 0 #408EA7, 0 1px #408EA7, 1px 0 #408EA7, 0 -1px #408EA7;
}

#widgets-laterais section.widget:nth-child(3n) div div h2{
    background-image: url(/assets/img/widgets/widget-top-laranja.gif);
    text-shadow: -1px 0 #CC7F18, 0 1px #CC7F18, 1px 0 #CC7F18, 0 -1px #CC7F18;
}

section.widget {
    padding-bottom: 17px;
}
section.widget p {
    display: none;
}

#widgets-laterais .wp-block-group {
    box-sizing: border-box;
    box-shadow: 0px 3px 0 #37646f;
    border-radius: 6px;
}

#widgets-laterais .wp-block-archives, #widgets-laterais .wp-block-social-links, #widgets-laterais .wp-block-gallery, #widgets-laterais .wp-block-latest-posts {
    background: white !important;
    margin: 0 !important;
    border-right: 1px solid #37646f;
    border-left: 1px solid #37646f;
    border-radius: 0;
}
#widgets-laterais .wp-block-social-links-is-layout-flex {
    display: flex;
    justify-content: center;
    padding: 10px 0 5px;
}

#widgets-laterais .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #5865f2 !important;
    color: #fff;
}

#widgets-laterais li.wp-social-link-reddit a {
    background-image: url(/assets/img/ext/665786b8a93285bff36e194e_discord-mark-white-2.webp);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: auto !important;
}

#widgets-laterais li.wp-social-link-reddit a svg {
    color: transparent !important;
    fill: transparent !important;
}

#widgets-laterais .wp-block-latest-posts {
    padding: 20px !important;
}


#widgets-laterais li.list-group-item.list-group-item-action {
    background: #197B8C;
    border-radius: 5px;
    margin: 8px 0;
    transform: scale(1);
    transition: 0.3s;
}

#widgets-laterais li.list-group-item.list-group-item-action:hover{
    transform: scale(1.05);
    transition: 0.3s;
}

#widgets-laterais .bs-list-group .list-group-item-action a{
    color: white !important;
    font-size: 9px !important;
    font-family: 'Volter-Bold' !important;
    line-height: 13px !important;
    display: block !important;
}

#widgets-laterais .wp-block-latest-posts__featured-image.alignleft {
    height: 1px;
    width: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: -6px;
}

#widgets-laterais .wp-block-latest-posts__featured-image img {
    margin-top: -20px;
    margin-bottom: 0 !important;
}

#widgets-laterais .wp-block-group:after, #widgets-laterais .wp-block-column:after {
    content: '#';
    color: transparent;
    border-bottom: 1px solid #37646f;
    border-right: 1px solid #37646f;
    border-left: 1px solid #37646f;
    width: 100%;
    height: 10px;
    display: block;
    border-radius: 0 0 5px 5px;
    background: white;
}

.swiper-button-next:after {
    background-image: url(/assets/img/seta-direita.png);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
}

.swiper-button-prev:after {
    background-image: url(/assets/img/seta-esquerda.png);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
}


.swiper.mySwiper .swiper-slide {
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nome-raro{
    font-family: 'Volter-Bold';
}


.imagem-raro {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.widget-area{ max-width: 274px; }

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

/*#conteudo {
    border: 1px solid #37646f;
    background: white;
    max-width: 74%;
    border-radius: 8px;
    box-shadow: 0 4px 0 #37646f;
    padding-top: calc(var(--bs-gutter-x)* .5);
    height: fit-content;
    padding-bottom: 20px;
}*/




main#main {
    border: 1px solid #37646f;
    background: white;
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 0 #37646f;
    padding: calc(var(--bs-gutter-x)* .5);
    height: fit-content;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

h4.wp-block-heading {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    margin: 25px 0 14px;
    font-size: 18px;
    font-family: 'Volter-Bold';
    text-shadow: 1px 1px white;
    color: #9a9a9a;
    text-transform: uppercase;
}

.titulo-sessao {
    background-image: url(/assets/img/bg-titulo-sessao-2.gif);
    height: 25px;
    display: inline-flex;
    margin-left: 30px;
    font-family: 'Volter-Bold';
    font-size: 9px;
    line-height: 27px;
    text-transform: uppercase;
}


.titulo-sessao:before {
    content: 'oi';
    background-image: url(/assets/img/bg-titulo-sessao-1.gif);
    height: 25px;
    width: 39px;
    background-repeat: no-repeat;
    background-position: left;
    color: transparent;
    position: relative;
    margin-left: -30px;
}


.titulo-sessao:after {
    content: 'oi';
    background-image: url(/assets/img/bg-titulo-sessao-3.gif);
    height: 25px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: right;
    color: transparent;
    position: relative;
    margin-right: -7px;
    line-height: 25px;
}

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

.post-header .busca{
    display: flex;
    align-items: center;
}

.post-header .busca input {
    background-image: url(/assets/img/Busca.png);
    background-position: center center;
    width: 170px;
    height: 26px;
    border: none;
    font-size: 9px;
    font-family: 'Volter';
    border-radius: 0;
}

.post-header .busca:before {
    content: 'Busca';
    color: transparent;
    display: inline-block;
    background-image: url(/assets/img/Busca.png);
    background-position: bottom left;
    height: 32px;
    width: 53px;
    margin-top: 8px;
}

.post-header button {
    background-image: url(/assets/img/Busca.png);
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    width: 50px;
    height: 36px;
    border: none;
    background-color: transparent !important;
}

.categorias select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    background-color: #5ECCFF;
    border: 1px solid black;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    padding: 8px 27px 5px 16px;
    font-size: 9px;
    font-family: 'Volter-bold';
}


#posts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*gap: 16px;*/
    margin-top: 15px;
}

#posts .post {
    background: white; 
    /*max-width: 32%;*/
    width: 100%;
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    padding: 5px;
}


#posts .post-thumbnail {
    background: #40839F;
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    display: block;
    height: 65px;
    background-position: center;
    background-size: cover;
}

#posts .post-categoria {
    background: green;
    display: table;
    margin: 5px;
    padding: 2px 10px 1px;
    border-radius: 5px;
    font-family: 'Volter';
    font-size: 9px;
    color: white;
}

#posts .post-detalhes {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 9px;
}

#posts .post-detalhes .titulo {
    margin-top: 5px;
    font-family: 'Volter-Bold';
}

#posts .post-detalhes .titulo a {
    text-decoration: none;
    color: #181818;
}

#posts .post-detalhes span{
    font-family: 'Volter';
}



#posts .post a.post-link-categoria {
    color: white;
    text-decoration: none;
    text-shadow: -1px 0 #00000061, 0 1px #00000061, 1px 0 #00000061, 0 -1px #00000061;
}

nav.paginacao-posts {
    margin: 20px auto 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

nav.paginacao-posts a, nav.paginacao-posts span {
    font-family: 'Volter-bold';
    font-size: 9px !important;
}


nav.paginacao-posts .disabled {
    cursor: not-allowed;
}

nav.paginacao-posts .enabled {
    cursor: pointer;
}

.botao-mais {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}


.botao-mais a {
    font-family: 'Volter-Bold';
    font-size: 9px;
}


div#content-fim {
    background: #40839F;
    border-left: 1px solid #000100;
    border-right: 1px solid #000100;
    border-bottom: 1px solid #000100;
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin-bottom: 20px;
}




#valores-home .valores-lista {
    display: flex;
    gap: 6px;
    padding-bottom: 7px !important;
    overflow-x: auto;
}


#valores-home .valores-unico .valores-miniatura{
    height: 48px;
    width: 48px;
    float: left;
    background-color: #F4F4F4;
    border: 1px solid #E2E2E2;
    border-radius: 9px;
    margin-bottom: 5px;
    margin-top: -12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#valores-home .valores-valor {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    position: relative;
    margin-left: 36px;
    margin-top: 5px;
}

#valores-home .valores-valor.manteve {
    background-image: url(/assets/img/valores-manteve.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#valores-home .valores-valor.desvalorizou {
    background-image: url(/assets/img/valores-desvalorizou.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#valores-home .valores-valor.valorizou {
    background-image: url(/assets/img/valores-valorizou.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#valores-home .valores-preco {
    position: relative;
    background: #8b8b8b;
    margin-top: 15px;
    width: 47px;
    border-radius: 5px;
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Verdana';
    display: flex;
    justify-content: center;
    flex-direction: row;
}


#valores-home .valores-preco:before {
    content: 'oi';
    color: transparent;
    /* background-image: url(/assets/img/pix.png); */
    background-image: url(/assets/img/ext/Image-1346.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
}

#valores {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

#valores a {
    text-decoration: none;
    color: inherit;
}

#valores .valores-lista {
    /*width: 31.5%;*/
    background-image: url(/assets/img/ext/bg_wooden.gif);
    background-position: center;
    border-radius: 5px;
}


#valores .valores-unico {
    height: 184px;
    /*background-color: #eee;*/
    border-radius: 10px;
    padding: 6px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#valores .valores-nome-mobi {
    display: block;
    text-align: center;
    color: white;
    background: #808080b0;
    border-radius: 5px;
    font-size: 9px;
    font-family: 'Volter-Bold';
    padding: 3px 5px;
    text-shadow: -1px 0 #000000, 0px 3px 2px #000000, 1px 0 #000000, 0 -1px #000000;
}

#valores .valores-infos {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#valores .valores-preco {
    background: #f9f9f9;
    padding: 2px 12px 2px 7px;
    border-radius: 5px;
    border: solid 1px #00000036;
}

#valores .valores-preco:before {
    content: 'oi';
    color: transparent;
    background-image: url(/assets/img/ext/Image-1346.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
}

#valores .manteve:after {
    content: 'oi';
    color: transparent;
    background-image: url(/assets/img/valores-manteve.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    margin-top: -10px;
    width: 17px;
    height: 17px;
}

#valores .desvalorizou:after {
    content: 'oi';
    color: transparent;
    background-image: url(/assets/img/valores-desvalorizou.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    margin-top: -10px;
    width: 17px;
    height: 17px;
}

#valores .valorizou:after {
    content: 'oi';
    color: transparent;
    background-image: url(/assets/img/valores-valorizou.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    margin-top: -10px;
    width: 17px;
    height: 17px;
}


#valores .valores-miniatura {
    background: #6363634f;
    padding: 5px;
    border-radius: 5px;
}


#valores-categoria {
    display: block;
}
#valores-categoria a {
    display: block;
    padding: 5px 15px;
    margin-top: 6px;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    font-family: 'Volter-bold';
    font-size: 9px;
    line-height: 19px;
    text-transform: uppercase;
    background-image: url(/assets/img/bg-cta-valores.gif);
    background-repeat: no-repeat;
}


#valores-filtro .busca{
    display: flex;
    align-items: center;
}

#valores-filtro .busca input {
    background-image: url(/assets/img/Busca.png);
    background-position: center center;
    width: 150px;
    height: 26px;
    border: none;
    font-size: 9px;
    font-family: 'Volter';
    border-radius: 0;
}

#valores-filtro .busca:before {
    content: 'Busca';
    color: transparent;
    display: inline-block;
    background-image: url(/assets/img/Busca.png);
    background-position: bottom left;
    height: 32px;
    width: 53px;
    margin-top: 8px;
}

#valores-filtro button {
    background-image: url(/assets/img/Busca.png);
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    width: 50px;
    height: 36px;
    border: none;
    background-color: transparent !important;
}


#chart {
    /*max-width: 650px;*/
    margin: 35px auto;
}








.modal-header {
    align-items: flex-start !important;
}

.modal-header h1.modal-title, h1.modal-title{
    font-size: 18px !important;
}

.modal-content {
    background-color: #FAC200;
    border: solid 1px black;
    font-family: 'Volter';
    color: #553d00;
    font-size: 9px !important;
}

.modal-body {
    font-family: 'Verdana' !important;
    font-size: 13px !important;
}

.modal-footer button.botao-modal {
    background-image: url(/assets/img/botao-aplicar.png);
    background-color: transparent;
    height: 32px;
    width: 83px;
    border: none;
    color: white;
    font-family: 'Volter-Bold';
}

button.btn-close {
    background-image: url(/assets/img/botao-fechar-modal.png);
    background-color: transparent;
    height: 15px;
    width: 15px;
    border: none;
    background-size: auto;
    color: white;
    font-family: 'Volter-Bold';
}


#emblemas {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    padding: 10px 10px 0px 10px !important;

}

.emblema {
    float: left;
    width: 55px;
    height: 55px;
    border: 1px solid silver;
    border-radius: 6px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/assets/img/ext/weather_winter.gif);
    background-position: left center;
}


#recorde-home {
    /*gap: 20px; */
}

a.recorde{
    background: #197b8c;
    border-radius: 8px;
    margin-top: 20px;
    display: block;
    padding: 6px 6px 0px 6px;
}

.recorde-miniatura-do-quarto img {
    border-radius: 8px;
}

#recorde-home .recorde-unico {
    background: #197b8c;
    border-radius: 8px;
    margin-top: 20px;
    display: flex;  
}

#recorde-home  .recorde-user {
    width: 35%;
}

#recorde-home .recorde-infos {
    font-family: 'Volter';
    font-size: 9px;
    width: 65%;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

.recorde-nickname {
    font-family: 'Volter-Bold';
    font-size: 18px;
}


.bootscore-copyright{
    font-family: 'Volter';
    font-size: 9px;
    padding: 5px 0 10px;
}



/*  Single Post  */



nav li.breadcrumb-item:first-child {
    background-image: url(/assets/img/breadcrumb-home.gif);
    width: 30px;
    height: 33px;
    background-repeat: no-repeat;
}

nav li.breadcrumb-item:first-child a {
    color: white;
    font-size: 11px;
    /*margin-left: 6px;*/ 
}

li.breadcrumb-item:nth-child(2):after {
    background-image: url(/assets/img/breadcrumb-mid-start.gif);
    background-repeat: no-repeat;
    width: 17px;
    margin-right: -29px;
    height: 32px;
    display: inline-flex;
    content: "_";
    color: transparent;
}
li.breadcrumb-item:nth-child(2):before {
    background-image: url(/assets/img/breadcrumb-mid-end.gif);
    background-repeat: no-repeat;
    width: 17px;
    margin-left: -28px;
    height: 32px;
    display: inline-flex;
    color: transparent;
}
li.breadcrumb-item a {
    font-family: 'Volter';
    font-size: 9px;
    color: white;
    padding: 7px 13px 7px 6px;
    text-transform: capitalize;
}
li.breadcrumb-item:nth-child(2) {
    background-image: url(/assets/img/breadcrumb-mid-mid.gif);
    width: auto;
    padding: 0 15px;
    margin: 0px 15px;
}



li.breadcrumb-item.active:before {
    color: transparent;
}


li.breadcrumb-item.active {
    background-image: url(/assets/img/breadcrumb-end-mid.gif);
    font-family: 'Volter-Bold';
    font-size: 9px;
    display: flex;
    align-items: center;
    height: 33px;
    color: #905b00;
    padding: 0 15px;
    margin: 0px 15px;
}


li.breadcrumb-item.active:after {
    background-image: url(/assets/img/breadcrumb-end-start.gif);
    background-repeat: no-repeat;
    width: 17px;
    margin-right: -29px;
    height: 33px;
    display: inline-flex;
    content: "_";
    color: transparent;
}
li.breadcrumb-item.active:before {
    background-image: url(/assets/img/breadcrumb-end-end.gif);
    background-repeat: no-repeat;
    width: 17px;
    margin-left: -28px;
    height: 33px;
    display: inline-flex;
    color: transparent;
}


.post-thumbnail img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border: solid 1px #1e3f4d;
    box-shadow: 0px 3px 0px #1e3f4d;
}

.entry-content {
    font-family: Verdana;
    font-size: 15px;
}

.card.horizontal.mb-4 {
    margin-bottom: 25px !important;
}


.post-content h1, .entry-header h1, .page-header h1{
    font-family: Verdana;
    position: relative;
    background: #f4b800;
    line-height: 28px;
    padding: 10px 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    user-select: none;
    width: 100%;
    color: #905b00;
    font-size: 15px;
    font-weight: 800;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .1);
}


@media (max-width: 900px) {
p.tags-heading.h6 {
    text-align: center;
}

p.category-badge {
    text-align: center;
}

#assinatura-post {
    background-image: url(/assets/img/author-box.gif);
    height: 145px;
    width: 216px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto; 
}
}





.rmp-rating-widget .rmp-icon--hovered{
    color: transparent !important;
    -webkit-background-clip:initial;
    -webkit-text-fill-color:initial;
    /*background:0 0;*/
    transition:.1s color ease-in;
    background-image: url(/assets/img/star_2.gif) !important;
}
 

.rmp-rating-widget .rmp-icon--full-highlight{
    background-image: url(/assets/img/star_3.gif) !important;
    color: transparent !important; 

}

.rmp-rating-widget .rmp-icon--ratings {
    font-size: 29.1px;
    background-image: url(/assets/img/star_1.gif);
    color: transparent !important;
}

.rmp-rating-widget .rmp-icon--half-highlight{
    background-image: url(/assets/img/star_4.gif);
    color: transparent !important;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: transparent;
}

span.rmp-rating-widget__results__votes.js-rmp-vote-count {
    display: none;
}


#assinatura-post {
    background-image: url(/assets/img/author-box.gif);
    height: 145px;
    width: 216px;
    background-repeat: no-repeat;
    display: block;
    float: right;
}

.assintatura-post-infos {
    display: flex;
    padding: 25px 10px 0 0;
    font-family: 'Volter';
    font-size: 9px;
    color: white;
}

.assinatura-post-autor {
    min-width: 70px;
}

.assinatura-post-bio{
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px 0;
}


.assinatura-post-posts, .assinatura-post-posts a{ 
    font-family: 'Volter-bold';
    color: #f4b800;
}

time.updated, span.time-updated-separator {
    display: none;
}





/* Archive Pages  */

.card-body .card-text, .tags-links {
    display: none;
}

.post-content .card.horizontal {
    margin-bottom: 25px !important;
}

.post-content h3.wp-block-heading, .post-content h2.wp-block-heading {
    font-size: 22px;
    margin-top: 30px;
    background: #ffcb00;
    display: inline-flex;
    padding: 7px 73px 7px 22px;
    margin-left: -25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDMxIDkwIj4KICA8cGF0aCBpZD0iUG9sw61nb25vXzEiIGRhdGEtbmFtZT0iUG9sw61nb25vIDEiIGQ9Ik00NSwwLDkwLDMxSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDkwKSByb3RhdGUoLTkwKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: right;
    font-weight: 600;
    color: #905b00;
}

.wp-lightbox-container {
    width: 200px;
}


figure.wp-lightbox-container img {
    width: 200px;
    height: 200px;
    border: solid 5px white;
    box-shadow: 0px 0px 5px black;
    border-radius: 10px;
    text-align: center;
}


.wp-lightbox-overlay .wp-block-image img {
    height: auto;
    min-height: auto;
    min-width: 100%;
    width: 100%;
}


/*   Página Equipe  */

#equipe {
    width: 265px;
    height: 100px;
    background-image: url(/assets/img/bg-equipe-perfil4.png);
    background-repeat: no-repeat;
    border-radius: 8px;
}

.equipe-nick {
    font-family: 'Volter-Bold';
    font-size: 9px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 19px;
    color: white;
    margin-left: 10px;
}

#equipe .equipe-habbo {
    border-radius: 8px;
    min-width: 65px;
    margin-right: 3px;
}

#equipe .equipe-habbo img {
    width: 64px;
    height: 67px;
    object-fit: cover;
    object-position: top;
    margin-top: -7px;
    margin-left: 2px;
}

#equipe .equipe-user {
    display: flex;
}

#equipe .infos {
    font-family: 'Volter-Bold';
    font-size: 9px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 187px;
    margin-top: 6px;
}


#equipe .infos div {
    margin-top: 5px;
    padding: 3px 6px;
    border-radius: 3px;
    background: #696160;
    border: 2px solid #a4a4a4;
    color: white;
}

#equipe .bandeira img {
    height: 13px;
    position: absolute;
    margin-left: 5px;
    margin-top: 6px;
}




/*   Galeria de Quartos  */

#valores-categoria a {
    margin-bottom: 10px;
    cursor: pointer;
}

.classificar {
    font-family: 'Verdana';
    text-align: right;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

.galeria-unico{
    cursor: pointer;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

.galeria-imagem .bandeira {
    position: relative;
    display: block;
    content: "";
    bottom: -5px;
    right: 5px;
    width: 30px;
    height: 30px;
    float: right;
    margin-bottom: -30px;
    border: 3px solid #FFFFFF;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-animation: scaleIn 0.3s 3.5s ease forwards;
}


.galeria-imagem img {
    width: 100%;
    height: 193px;
    object-fit: cover;
}

.galeria-imagem:hover{
    cursor: zoom-in;
}


.galeria-grid-infos {
    background-image: url(/assets/img/info-galeria-direita.png);
    background-position: right;
    background-size: cover;
    margin-top: -30px;
    z-index: 9;
    position: relative;
    height: 38px;
    text-align: left;
    font-size: 9px;
    font-family: 'Volter-Bold';
    color: white;
    text-shadow: -1px 0 #408EA7, 0 1px #408EA7, 1px 0 #408EA7, 0 -1px #408EA7;
    padding: 3px 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.galeria-unico .modal-header h1.modal-title, h1.modal-title{
    /*text-transform: uppercase;*/
    font-family: 'Volter-Bold';
}

.modal-body .galeria-nome-dono{
    margin-top: 15px;
}


.modal-body .galeria-postado-por{
    font-size: 11px;
}

.pld-like-dislike-wrap {
    margin-bottom: 0 !important;
}


a.pld-like-trigger.pld-like-dislike-trigger.pld-undo-trigger.pld-prevent img {
    opacity: 1 !important;
}

a.pld-like-trigger.pld-like-dislike-trigger img {
    opacity: 0.6;
}

span.pld-count-wrap {
    font-size: 18px;
}


.fundo-quartos{
    background: #d1d1d1;
    border-radius: 10px 10px 0 0;
    border-left: solid 1px;
    border-right: solid 1px;
}
.modal-relacionados{
    background: #d1d1d1;
    padding: 5px 20px 15px;
    border-bottom: solid 1px;
}


.desconhecido{
    color: #7f7f7f;
    font-style: italic;
}
/*.modal-listagem>div {
    margin-top: 15px; 
    max-width: 33%;
}*/

.modal-relacionados h2 {
    font-family: 'Verdana';
    font-size: 14px !important;
}


.slider-similares div#banner-content img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
}


.wpc-term-item-content-wrapper label {
    font-family: 'Verdana';
    font-size: 12px;
}

.wpc-term-swatch-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.ratio.ratio-16x9 {
    --bs-aspect-ratio: calc(6 / 8 * 100%);
}


.w-auto {
    width: 100%;
}


.m-auto {
    margin: 40px auto !important;
}

.h-auto {
    height: 90% !important;
}

h2.modal-title a{
    color: #553d00;
}

.slider-similares {
    overflow: hidden; 
}

.slider-similares .swiper-button-next, .slider-similares .swiper-button-prev {
    top: auto;
    margin-top: -77px;
}

.slider-similares .swiper-button-next.swiper-button-disabled, .slider-similares .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.modal-relacionados .modal-listagem{
    padding: 10px 15px 0 0;
}

.slider-similares .ver-mais a{
    background-image: url(/assets/img/ext/gcreate_2_0.png);
    background-position: top;
    padding: 13px 12px 12px 17px;
    color: white;
    background-repeat: no-repeat;
}



/*   Parceiros   */

.col-12.col-md-4.p-1{
    scale: 1;
    transition: 0.3s;
}

.col-12.col-md-4.p-1:hover{
    scale: 1.1; 
    z-index: 5;
    transition: 0.3s;
}

a.parceiro-link {
    color: #000;
    text-decoration: none;
}



.parceiro-unico .parceiro-logo {
    background: #ebebeb;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    /* width: 100%; */
    max-width: 170px;
    max-height: 55px;
    display: inline-block;
    margin-bottom: -2px;
}

.parceiro-unico .parceiro-logo img {
    max-height: 45px;
    max-width: 150px;
}

.parceiro-unico #parceiro-conteudo {
    background: #ebebeb;
    padding: 8px 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    font-size: 14px;
    min-height: 97px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.col-12.col-md-4.p-1:hover .parceiro-unico #parceiro-conteudo {
    box-shadow: 0px 5px 5px #00000030;
    z-index: 5;
    transition: 0.3s;
}

.col-12.col-md-4.p-1:hover .parceiro-unico #parceiro-conteudo h5 {
    color: #204555;
    transition: 0.3s;
}



.parceiro-unico .parceiros-rodape {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.parceiro-unico .parceiros-rodape div {
    background: #ffc107;
    padding: 0 7px;
    border-radius: 2px;
}