/*---- fonts.css ---*/ body, small, .sub-menu-container .menu-item > .menu-link, .wp-caption, .fbox-center.fbox-italic p, .skills li .progress-percent .counter, .nav-tree ul ul a, .font-body { font-family: 'Montserrat', sans-serif !important; } h1, h2, h3, h5, h6 { font-family: 'Montserrat', sans-serif !important; } h4 { font-family: 'Montserrat Alternates', sans-serif !important; } #logo a, .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link, .top-search-form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .fbox-content h3, .tab-nav-lg li a, .counter, label, .widget-filter-links li a, .nav-tree li a, .wedding-head, .font-primary { font-family: 'Montserrat', sans-serif !important; } .entry-link span, .entry blockquote p, .more-link, .comment-content .comment-author span, .comment-content .comment-author span a, .button.button-desc span, .testi-content p, .team-title span, .before-heading, .wedding-head .first-name span, .wedding-head .last-name span, .font-secondary { font-family: 'Merriweather', serif !important; } /*------- shop.css -----*/ .visu0 .l-label, .visu0 .l-label-description { display:none; } .visu0 .p-label, .visu0 .p-label-description { display:block; } .visu1 .l-label, .visu1 .l-label-description { display:block; } .visu1 .p-label, .visu1 .p-label-description { display:none; } .p-label, .l-label {line-height:30px;} .p-label-description, .l-label-description {font-style: italic; font-size:0.7rem; line-height:15px; letter-spacing:0; opacity:0.7; } /* ---------------------------------------------------------------- Canvas: Shop -----------------------------------------------------------------*/ @media (min-width: 992px) { .menu-link { padding-left: 13px; padding-right: 13px; text-transform: none; font-weight: 500; letter-spacing: 0; font-size: 0.875rem; } .sub-menu-container .menu-item > .menu-link { font-size: 0.875rem; } .primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a { text-decoration: underline !important; color: var(--bs-danger) !important; } #header.full-header .menu-container { border-right: 0; } .slider-caption h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; } } @media (max-width: 991.98px) { #top-account { padding-right: 15px; } } #top-account { font-size: 14px; font-weight: 500; border-right: 1px solid #DDD; padding: 3px 15px 3px 0; } .dark .top-links-item > a, .dark #top-social li a, #top-bar.dark { color: #FFF; } body.top-search-open #top-search-trigger > i { opacity: 0; } /* shop-categories */ .shop-categories [class^=col-] { position: relative; margin-bottom: 30px; } .shop-categories [class^=col-] > a { display: block; position: relative; height: 200px; background-color: #EEE; } .shop-categories [class^=col-] img { display: block; } .shop-categories [class^=col-] > a::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4); opacity: 0.4; -webkit-transition: all .7s ease; transition: all .7s ease; } .shop-categories [class^=col-] > a:hover::before { opacity: 1; } .product .product-title h3 { font-size: 14px; letter-spacing: -1px; line-height: 1.5; font-weight: 500; letter-spacing: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-transform: capitalize; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .product-price { font-size: 14px; font-weight: 500; } .product-image .product-overlay { opacity: 0; width: 90px; height: auto; position: absolute; top: auto; bottom: -10px; left: 50%; transform: translateX(-50%); -webkit-transition: bottom .3s ease, opacity .3s .1s ease !important; -o-transition: bottom .3s ease, opacity .3s .1s ease !important; transition: bottom .3s ease, opacity .3s .1s ease !important; } .product-image:hover .product-overlay { opacity: 1; bottom: 20px; } .product-overlay a span { display: none; } .product-overlay a { width: 40px; height: 40px !important; border-radius: 50%; text-align: center; line-height: 41px; padding-left: 2px; } .product-overlay a:last-child { margin-left: 10px; } .owl-carousel .owl-nav [class*=owl-] { opacity: 1; } .owl-carousel .owl-nav .owl-next { right: -18px; } .owl-carousel .owl-nav .owl-prev { left: -18px; } .row.grid-6 .product-overlay a span { display: none; } .row.grid-6 [class^=col-] { margin-bottom: 20px; } ul.iconlist li { margin: 8px 0; } ul.iconlist i { top: 0 !important; width: 10px !important; font-size: 10px; } .clients-grid.grid-8 li { width: 12.5% } .button.button-desc.button-small { padding: 14px 20px; font-size: 16px; } .button.button-desc.button-small i { top: -1px; width: 34px; font-size: 34px; text-align: left; } .button.button-desc.button-small span { font-size: 12px; margin: 0 0 8px 0; } .widget .list-unstyled li { margin-bottom: 3px; } .widget .list-unstyled li a { color: #666 !important; } .shop-footer-features h5 a:hover { color: #444; border-bottom: 1px dotted #AAA; } .shop-footer-features i { position: relative; top: 8px; width: 30px; height: 30px; font-size: 30px; margin-right: 10px; color: #888; } .shop-footer-features h5 span { color: #A0ACB6 !important; } /* ---------------------------------------------------------------- Custom CSS * 4px 0.25rem * 8px 0.5rem * 12px 0.75rem * 14px 0.875rem * 16px 1rem * 18px 1.125rem * 20px 1.25rem * 22px 1.375rem * 24px 1.5rem * 32px 2rem * 36px 2.25rem * 48px 3rem * 64px 4rem * 72px 4.5rem Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color:#2f2f2f; } .h4 { font-weight:600; font-size:1.2rem; } p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top:40px; } h4 { font-size:2rem; border-bottom: 5px solid #c1c1c0; letter-spacing:-1px; } footer h4 { border:none; font-family:'Montserrat', sans-serif !important; } @media (max-width: 992px) { h1 { font-size:1.2rem; } h2 { font-size:1rem; } h4 { font-size:1rem; } } /* fonts */ .font-size-1-0 { font-size:1rem; } .font-size-0-9 { font-size:0.9rem; line-height:1.2rem; } .font-size-0-8 { font-size:0.8rem; line-height:1.1rem; } .font-size-0-7 { font-size:0.7rem; line-height:1rem; } .lead { font-weight:400; } .lead b { font-weight:600; color:#000; } .font-italic { font-style:italic; } .ellipsis-overflow { width:auto; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; color:#2e2e2e; } #lista-novidades .ellipsis-overflow a { color:#77468b; } /* colors */ .color-yellow { color:#efb100; } .color-black { color:#000; } .color-gray { color:#999 } .bg-purple { background-color:#9b59b6 !important; } .bg-blue { background-color:#0071bd; } .bg-yellow { background-color:#efb100; } .Vencendo, .Vencendo a p { color:#0071bd; } .Vencedor, .Vencedor a p { color:green; } .Coberto, .Coberto a p { color:#8b6f1d; } .Vendido, .Vendido a p { color:#dc3545; } /* borders */ .page-item.active .page-link, .page-link:hover, .page-link:focus { border-color:#000 !important; } .page-link { height:39px; } .page-item .page-link.disabled { cursor:not-allowed; border-color:#ddd !important; background-color:#ededed !important; color:#b1b1b1 !important; } .page-item .page-link.disabled:hover { cursor:not-allowed; border-color:#ddd !important; background-color:#ddd !important; color:#b1b1b1 !important; } .main-background { background-color:#efb100; border-color:#efb100; } a.main-background:hover, a.main-background.active, a.main-background:active, a.main-background:focus, button.main-background:hover, button.main-background.active, button.main-background:active, button.main-background:focus { background-color:#000; border-color:#000; } .second-background { background-color:#000; border-color:#000; } a.second-background:hover, a.second-background.active, a.second-background:active, a.second-background:focus, button.second-background:hover, button.second-background.active, button.second-background:active, button.second-background:focus { background-color:#efb100; border-color:#efb100; } .main-color { color:#efb100; } a.main-color:hover, a.main-color.active, a.main-color:active, a.main-color:focus, button.main-color:hover, button.main-color.active, button.main-color:active, button.main-color:focus { color:#fff; } .second-color { color:#000; } a.second-color:hover, a.second-color.active, a.second-color:active, a.second-color:focus, button.second-color:hover, button.second-color.active, button.second-color:active, button.second-color:focus { color:#efb100; } a.main-background, a.main-background:hover, a.main-background.active, a.second-background, a.second-background:hover, a.second-background.active, button.main-background, button.main-background:hover, button.main-background.active, button.second-background, button.second-background:hover, button.second-background.active { transition: background-color 0.5s ease-out; } a.main-color, a.main-color:hover, a.main-color.active, a.second-color, a.second-color:hover, a.second-color.active, button.main-color, button.main-color:hover, button.main-color.active, button.second-color, button.second-color:hover, button.second-color.active { transition: color 0.5s ease-out; } .btn-primary:disabled { background-color:#ddd !important; color:#757575; } .button { text-shadow:none !important; background-color:#000; } .button:disabled { cursor:not-allowed !important; color: #cdcdcd !important; background-color:#f1f1f1 !important; } .button:disabled:hover { cursor:not-allowed !important; color: #cdcdcd !important; background-color:#f1f1f1 !important; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered { color:#ddd !important; } .button.btn-frete:disabled { background-color:#43bf2e!important; color:#185409 !important; } .radiobtn { text-align:center; font-size:11px; } .input-group .button-small i { padding-top:3px; } h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) { color: #000; } .owl-carousel .owl-nav [class*=owl-]:hover { background-color:#000 !important; } .product-title h3 a:hover, .single-product .product-title h2 a:hover { color:#000; } @media (max-width: 768px) { .button.button-large { font-size:0.7rem; } .line { margin:3rem 0; } } /* fbox-content */ .fbox-content h3 { } .is-sobresistema .col-padding { } .fbox-content p { color: #333; } @media (max-width: 768px) { .fbox-content h3 { font-size:0.9rem; } .fbox-content p { font-size:0.9rem; } .is-fbox-wrap:last-child { } .heading-block { } .is-sobresistema .col-padding { padding-left:2rem; padding-right:2rem; padding-bottom:3rem; } } /*fim fbox */ /*jquery ui*/ .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0 15px!important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color:#ddd !important; background:transparent; color:#444 !important; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#444 !important; } .ui-widget-content { border:none !important; } span.label { display: inline-block; font-size: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; } /* fim jquery ui*/ .modal-filtroleiloes .nav-tabs .nav-link{ text-transform: none; font-weight: 500; letter-spacing: 0; font-size: 0.875rem;font-family:'Montserrat', sans-serif !important; color:#555; } section, .section { margin-top:40px !important; margin-bottom:0 !important; } #slider { margin-top:0 !important; } .nopadding-section { margin-top:0 !important } a { color: #444; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom:1rem; } .main-menu .menu-item:hover > .menu-link, .main-menu .menu-item.current > .menu-link { color:#8b6f1d; } .cat-menu .menu-item:hover > .menu-link, .cat-menu .menu-item.current > .menu-link { color:#000; } .top-cart-number::before { background-color:#efb100; } .dark .top-links-sub-menu, .dark .top-links-section { border-top-color:#efb100; } #header.full-header .menu-container { border:none; } .slider-caption.slider-caption-center { max-width:100%; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 { text-shadow:1px 1px 1px rgb(0 0 0 / 10%); } .primary-menu-title { color: #000; font-size: 1.25rem; font-weight: 300; margin-right: auto; } .primary-menu-title span { font-weight: 700; font-family: 'Montserrat Alternates', sans-serif; line-height:26px; } .cat-menu .primary-menu-title a { font-size:16px; border-bottom:2px solid #fff; position:relative; } .cat-menu .menu-container > .menu-item > .menu-link > div { position:relative; } .cat-menu .primary-menu-title a:after, .cat-menu .menu-container > .menu-item > .menu-link > div:after { content:""; height:2px; position:absolute; bottom:0; left:0; width:0; background-color:#efb100; transition:width 0.5s ease; } .cat-menu .primary-menu-title a:hover:after, .cat-menu .menu-container > .menu-item:hover > .menu-link > div:after, .cat-menu .menu-container > .menu-item.active > .menu-link > div:after { width:100%; transition:width 0.5s ease; } .cat-menu .menu-container > .menu-item > .menu-link { padding-top:10px; padding-bottom:10px; line-height:24px; position:relative; cursor:pointer; } .small-menu-container { width:auto; border:none !important; overflow:hidden; height:44px; } .sub-menu-container, .mega-menu-content { border-top:2px solid #efb100; } .mega-menu-content .container .row > .sub-menu-container { padding-top:0; } .sub-menu-container.plataforma-menu-container { min-height:0 !important; } .alert-info .button { background-color:#093d61; color:#fff; line-height:25px; } /********************************** Header ***********************************/ #header { height:auto; } .header-row { padding:0 36px; border-bottom:1px solid #EEE; } #top-bar .container { padding:0 36px; } .top-search-form { padding-right:80px; } .full-header .top-search-form input, .container-fluid .top-search-form input { padding-right:0; } #bigbusca.loading, #searchby_one_btn.loading { background-color:#ddd; color:#757575; } #bigbusca.loading i, #searchby_one_btn.loading i { margin:0; } #primary-menu-trigger, #page-menu-trigger { width:30px; } @media (max-width: 992px) { #header { height:0px; } } .primary-menu .menu-link { cursor:pointer; } /********************************** Fim header ***********************************/ /********************************** Menus ***********************************/ .sidemenu li .menu-link { padding:10px 0; } .sidemenu li .menu-link i { font-size:1.2rem; width:24px;} .sidemenu li:hover > .menu-link, .sidemenu li.ativo > .menu-link { background-color: #F9F9F9; padding:10px 15px; color:#000; font-weight:700; } .is-meusalertas { } .is-meusalertas span { display:inline-block !important; margin-left:10px; font-size:8px !important; } .sidebar-widgets-wrap .widget { padding-top:40px; margin-top:40px; } .sidebar-widgets-wrap .widget:first-child { margin-top:0; padding-top:0; } .header-wrap-clone { height:auto !important; } .menu-container{ width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .menu-container { max-width: 540px; } } @media (min-width: 768px) { .menu-container{ max-width: 720px; } } @media (min-width: 992px) { .menu-container { max-width: 960px; } } @media (min-width: 1200px) { .menu-container { max-width: 1140px; } } @media (min-width: 1400px) { .menu-container { max-width: 1320px; } } /********************************** Fim menus ***********************************/ /********************************** Minha conta ***********************************/ .title-box { position:relative; } .title-box .vermais { position:absolute; top:50%; right:1rem; margin-top:-12px; color:#fff; padding:4px 10px; background-color:#000; font-size:10px; font-weight:700; letter-spacing:1px; transition:all .2s ease-in-out; border-radius:3px; box-shadow:inset 0 -3px 0 rgb(0 0 0 / 15%); text-transform:uppercase; } .title-box .vermais:hover { background-color: #efb100; color: #000; } .title-box h3 a { color:#efb100; } .title-box h3 a:hover { text-decoration:underline; } .antiga_mensagem { background:#fff !important; } .nova_mensagem { background:#fff8e5; } .nova_mensagem td { background:#fff; } .nova_mensagem i { position:relative; font-size:24px; } .nova_mensagem i span { top:-5px; right:-8px; } .newmsg-alert { display:none; cursor:default; position:absolute; top:8px; right:-8px; font-size:11px; text-align:center; width:14px; height:14px; background-color:red; color:#FFF; font-weight:bold; border-radius:25px; border:2px solid #fff; } .nova_mensagem .histicon { padding-right:25px; } .nova_mensagem .newmsg-alert { width:20px; height:20px; top:15px; display:block; background-color: #efb100; border-radius:14px; color: #000; } .antiga_mensagem i { position:relative; color:#8E8E8E; } .mobile-msg-link i { font-size:24px; } .antiga_mensagem .newmsg-alert { display:none; } .postcontent tbody td { font-size:14px; } .conteudo-box .comment-wrap { padding:10px 10px 10px 20px; } .conteudo-box .comment-avatar { background-color:#ddd; border-radius:50%; width:60px; height:60px; transition:all 0.3s ease-in-out; } .conteudo-box .comment-avatar i { font-size:30px; transition:all 0.3s ease-in-out; } .conteudo-box .commentlist li { margin:10px 0 0 30px; } .conteudo-box .commentlist > li:first-child { margin-top:0; } .conteudo-box .commentlist li:hover .comment-wrap { border-color:#efb100; transition:all 0.3s ease-in-out; } .conteudo-box .commentlist li:hover .comment-avatar { background-color:#efb100; transition:all 0.3s ease-in-out; } .conteudo-box .commentlist li:hover .comment-avatar i { color:#000; transition:all 0.3s ease-in-out; } .is-baserow { max-height:0; overflow:hidden; transition:max-height 0.5s ease; } .is-baserow.open { max-height:1000px; transition:max-height 0.5s ease; } .is-infotab p { font-family: 'Merriweather', serif !important; font-size:0.8rem; color:#999; } .is-infotab p b { font-size:1.2rem; color:#000; } .is-togglewrap .toggle:last-child { margin-bottom:0 !important; } .toggle-border { border:1px solid #dee2e6; } .sidebar .toggle-border { border:none; } .sidebar .toggle-header { display:none; } #searchby_one_input::placeholder, #search-by::placeholder { font-style:italic; color:#adadad; } #searchby_one_input:focus::placeholder, #search-by:focus::placeholder { color: transparent; } #searchby_one_input:focus::-webkit-input-placeholder, #search-by:focus::-webkit-input-placeholder { color:transparent; } #searchby_one_input:focus:-moz-placeholder, #search-by:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ #searchby_one_input:focus::-moz-placeholder, #search-by:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ #searchby_one_input:focus:-ms-input-placeholder, #search-by:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ /********************************** Fim minha conta ***********************************/ .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { height:100% !important; background-size:cover; background-repeat:no-repeat; background-position:center center;} .mega-menu:not(.mega-menu-full) .mega-menu-content .container { min-height:487px; } .is-tipwrap li { background-size:cover; background-position:center center; height:400px; z-index:2; } .is-tipwrap li.tipwrap-bg { position:absolute; right:0; top:0; height:100%; width:500px; z-index:1; } .is-tipwrap-img { background-size:cover; background-repeat:no-repeat; overflow:hidden; background-position:center center; } .is-tipwrap-img:before { position:absolute; top:0; left:0; content:""; z-index:2; width:100%; height:100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+28,ffffff+100&1+0,0.91+28,0+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.91) 28%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.91) 28%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.91) 28%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .is-tipwrap-img:after { content:""; z-index:1; position:absolute; background:inherit; box-shadow: inset 0 0 2000px rgb(0 0 0 / 50%);filter: blur(10px);top:0; left:0; width:100%; height:100%; } .home-destaque-principal .slider-caption-wrap { background-color:rgb(0 0 0 / 35%); padding:20px 100px 30px 100px; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);position: relative;z-index: 1;background: inherit;overflow: hidden; } .home-destaque-principal .slider-caption-wrap:before { content: ""; position: absolute; background: inherit; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 2000px rgb(0 0 0 / 50%); filter: blur(10px); margin: -20px; background-position:center bottom 120px; } .home-destaque-principal .slider-caption-wrap h2 { font-size:24px; } .home-destaque-principal .slider-caption-wrap .button { font-size:0.7rem; padding-top:5px; padding-bottom:5px; } .home-destaque-principal .swiper-pagination { bottom:12px !important; } .home-destaque-principal .swiper-pagination span { border-color:#fff; } .home-destaque-principal .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active { background-color:#fff !important; } .home-destaque-principal .slider-caption p { font-size:16px; } .home-destaque-principal .slider-caption h2 { font-family: 'Merriweather', serif !important; font-size:20px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:500 !important; } .home-destaque-principal .slider-caption p.galeria { font-style:italic; } .home-destaque-principal .slider-element .container, .slider-element .container-fluid { background-attachment:fixed; background-repeat:repeat-y; background-position:top center; } .home-destaque-principal .slider-arrow-left, .home-destaque-principal .slider-arrow-right { background-color:transparent; bottom:25px; top:auto; } .is-tipwrap-list { position:relative; z-index:20 !important; } .button.button-dark { transition:all 0.5s ease; } .button.button-dark:hover { background-color:#efb100 !important; color:#333 !important; transition:all 0.5s ease; } .form-menu-item { border:none; } /********************************** Caixa de login ***********************************/ .is-login .top-cart-number { color:#000; } .is-login .top-cart-number:before { background-color:#efb100; } .top-cart-item .is-minhaconta { padding-left:3.5rem; position:relative; width:100%; padding-right:1.5rem; } .top-cart-item .is-minhaconta i, .top-cart-item li i { position:absolute; top:1rem; left:1.5rem; } .top-cart-item { margin:0 !important; padding:0 !important; } .top-cart-item .small-em i { top:0; left:0; position:relative; } .is-login #top-cart-trigger:hover, .is-login.top-cart-open #top-cart-trigger, .is-login .top-cart-item a:hover, .is-login .top-cart-item a.ativo { color:#efb100; } .button:hover, .button.button-3d:hover, .button.button-3d.ativo, .button.button-3d.active { background-color:#efb100 !important; color:#000 !important; } .is-login .top-cart-title { position:relative; } .is-login .top-cart-title .top-cart-trigger-class { position:absolute; top:0; right:10px; font-size:28px; font-family:arial; cursor:pointer; } .top-cart-item ul { list-style:none; padding:0.5rem 0; } .top-cart-item ul li a { position:relative; padding-left:3.5rem; width:100%; padding-top:0.5rem; padding-bottom:0.5rem; display:block;} .top-cart-item ul li a i { top:0.5rem; left:1.2rem; } .login-wrap .is-login { border-right:1px solid #ddd; } .is-esqueceu { border-bottom:1px solid #ddd; } .cadastro-icon span { border-radius:100px; padding:27px 35px; } .cadastro-icon i { font-size:60px; } .impOpt { display:none; } .impOpt.itemativo { display:block; } #EsqueceuForm .input-radio { height:20px; width:20px; margin-right:5px; float:left; } #EsqueceuForm label { line-height:20px; font-size:14px; } /********************************** Fim Caixa de login ***********************************/ /********************************** login site ***********************************/ .is-loginsite-page a { color:#2564c2; } .is-loginsite-content .feedbackwrap > div { margin-bottom:4rem; } /********************************** Fim login site ***********************************/ /********************************** busca ***********************************/ .alertvalue { color:#186588; padding:8px 15px; background-color:#fff; border-radius:3px; margin-right:10px; box-shadow:inset 0 -3px 0 rgb(150 212 225); } .list-subcats-widgot { padding:10px; border:1px solid #dee2e6; margin-top:10px; max-height:220px; overflow-y:scroll; } #catalogo-pecas .sale-flash { position:absolute; top:10px; left:10px; } .linktitle { position:absolute; top:0; left:0; z-index:1047; background-color:#d2b03f !important; color:#000; margin:0 !important; } .disabled-list { position:relative; overflow-y:hidden; } .disabled-list:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ddd; opacity:0.8; } .is-range { cursor:pointer; } .is-range:hover, .is-range.active { background-color:#f1f1f1; } /********************************** Fim busca ***********************************/ /********************************** Validação token SMS ***********************************/ .avisobox { float:left; width:100%; box-sizing:border-box; margin:0 0 20px 0; padding:20px; background:url('https://du2us4f94qfno.cloudfront.net/portal.vendor/images/portal/avisobox.jpg') no-repeat 10px center #fff4c7; font-size:12px; font-family:arial; color:#9a875d; } .numberwrap input { width:auto; margin-right:5px; padding:5px; padding-right:5px !important; } .modal-body .cadastro p {margin-bottom:10px; } .enviaOTP_counter { margin-left:15px; margin-bottom:0 !important; background:#ffefc4; color:#600; padding:5px 10px; } .enviaOTP:disabled { background:#f1f1f1 !important; border-color:#f1f1f1; color:#5c5a5a !important; } /********************************** Fim Validação token SMS ***********************************/ /********************************** Leiloes em destaque ***********************************/ #slider-leilaoemdestaque .swiper-slide { height:auto !important; } #slider-leilaoemdestaque .swiper-slide .container { background-image:inherit; } .swiper-destaque__wrapper { background-color:#fff; background-image: url("https://du2us4f94qfno.cloudfront.net/portal.vendor/images/portal/img-noise-100x100.png"); margin-left:5px; background-repeat:repeat; border:1px solid #ddd; height:100%; position:relative; overflow:hidden; } #slider-leilaoemdestaque .swiper-slide .container .row > div { z-index:2; } #slider-leilaoemdestaque .swiper-slide .container > .row:after {content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; filter: blur(20px); box-shadow: inset 0 0 2000px rgb(177 177 177 / 30%); background-position: center bottom 20px; } .heading-block { width:100%; } .heading-block h3 { font-size:0.75rem; color:#333; text-transform:uppercase; font-weight:600; } .heading-block .gallery-name { display:block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:20px; font-size:14px; width:100%; } .heading-block .text-black-50 { color:rgba(51,51,51,0.8) !important; font-weight:normal !important; } #slider-leilaoemdestaque .heading-block h3 { font-size:0.9rem; } #leilaolist ul { margin-bottom:0; } #leilaolist .product-rating i { font-size:14px; } .basestars { display:flex; justify-content:start; } .basestars i {color:#ddd; } .product-rating .starswrap { position:relative;} #slider-leilaoemdestaque .product-rating { } #slider-leilaoemdestaque .product-rating .colorstars i { color:#efb100; } .colorstars { position:absolute; display:flex; justify-content:start; width:100%; left:0; top:0; } .colorstars { color:#efb100; } .basestars .is-score { font-size:13px; font-weight:500; line-height:20px; } #slider-leilaoemdestaque .basestars .is-score { font-size:12px; font-weight:500; line-height:24px; } #slider-leilaoemdestaque .owl-carousel .owl-stage { display:flex; align-items:stretch; } #slider-leilaoemdestaque .owl-carousel .owl-stage .owl-item { display:flex; align-self:stretch; width:100%; } #slider-leilaoemdestaque .owl-carousel .owl-stage .owl-item .oc-item { width:100%; } #slider-leilaoemdestaque .owl-carousel .owl-stage .owl-item img { } #slider-leilaoemdestaque .colorstars { position:absolute; display:flex; justify-content:start; width:100%; left:0; top:6px; } .swiper-container { overflow:hidden; padding:0; } .swiper-leilaoemdestaque { opacity:0; transition:all 0.5s ease; } .swiper-leilaoemdestaque.swloaded { opacity:1; transition:all 0.5s ease; } .lista-portrait .heading-block h3 { font-size:0.9rem; color:#333; text-transform:uppercase; font-weight:600; } .lista-landscape .heading-block h3 { font-size:0.9rem; color:#333; text-transform:uppercase; font-weight:600; } /********************************** Fim Leiloes em destaque ***********************************/ /* convite rodape */ #convite-rodape label.error { position:absolute; bottom:-10px; left:0; } .toast-body { font-size:1.5rem; } .toast { width:auto !important; max-width:900px !important; } .grid-filter.style-2 li a { background:transparent; border-radius:0; border:1px solid #666; font-weight:700; cursor:pointer; color:#666 !important; transition:all 0.5s ease; text-transform:uppercase; letter-spacing:1px; font-size:1rem; } .grid-filter.style-2 li.activeFilter a.todos, .grid-filter.style-2 li a.todos:hover { background:transparent; border-radius:0; border:1px solid #333; color:#333 !important; text-transform:uppercase; letter-spacing:1px; } .grid-filter.style-2 li.activeFilter a.aovivo, .grid-filter.style-2 li a.aovivo:hover { background:transparent; border-radius:0; border:1px solid #e74c3c; color:#e74c3c !important; text-transform:uppercase; letter-spacing:1px; } .grid-filter.style-2 li.activeFilter a.andamento, .grid-filter.style-2 li a.andamento:hover { background:transparent; border-radius:0; border:1px solid #efb100; color:#efb100 !important; text-transform:uppercase; letter-spacing:1px; } .grid-filter.style-2 li.activeFilter a.novos, .grid-filter.style-2 li a.novos:hover { background:transparent; border-radius:0; border:1px solid #9b59b6; color:#9b59b6 !important; text-transform:uppercase; letter-spacing:1px; } .grid-filter.style-2 li.activeFilter a.pospegrago, .grid-filter.style-2 li a.pospregao:hover { background:transparent; border-radius:0; border:1px solid #3293d3; color:#3293d3 !important; text-transform:uppercase; letter-spacing:1px; } .a-acontecer { color:#333; } #leilaolist .leilaolist-info { background-color:#fff; } #leilaolist .product-image > .badge, .sale-flash { position:initial; top:0; left:0; } .img-box-inner { position:relative; } .img-box-inner a { z-index:2; } .img-box-inner:after { content:""; display:block; padding-bottom:100%; } .img-box-inner img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; background-color:#fff; } .button-border.button-blue { color:#0071bd; border-color:#0071bd; } .product-image > a:nth-of-type(2) { position:initial !important; } .smallmag { position:absolute; top:10px; color:#fff; right:10px; width:35px !important; height:35px; border-radius:5px; font-size:14px; z-index:3 !important; box-shadow:inset 0 -3px 0 rgba(0,0,0,0.15); background-color:#575757; transition:all 0.5s ease; } .smallmag:hover { transition:all 0.5s ease; color:#000; background-color:#d2b03f; } .favvig { max-height:0; overflow:hidden; transition:max-height 0.5s ease; } .btn-busca { opacity:0; transition:opacity 0.5s ease; color: #fff; right:10px; width:35px!important; height:35px; padding:0.375rem 0; border-radius: 5px;font-size: 14px;z-index: 3 !important;box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);background-color: #575757; border-color:#575757; } .btn-busca:hover, .btn-busca.ativo { color: #000;background-color: #d2b03f; border-color:#d2b03f; } .btn-busca-disabled { background-color:#ddd; color:#757575; border-color:#ddd; } .btn-busca-disabled:hover { background-color:#ddd; color:#999999; border-color:#ddd; } .product-image:hover .btn-busca { opacity:1; transition:opacity 0.5s ease; } .product-image:hover .favvig { max-height:1000px; transition:max-height 0.5s ease; } .mfp-bottom-bar { margin:0 !important; position:unset!important; padding-bottom:50px; } .mfp-figure { height:100%; } .mfp-figure figure { padding-top:50px !important; height: 100%; box-sizing: border-box; } .mfp-figure figcaption { margin-top:20px !important; max-width:500px; } .mfp-figure:after { content:none !important; } img.mfp-img { padding:0 !important; max-height:100%; } .mfp-image-holder .mfp-content { height:100vh; } .mfp-container { height:100vh !important; padding-top:3rem; padding-bottom:3rem; } .mfp-wrap { height:100vh !important; } .cloned .lazy { opacity:1 !important; } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill::before { background-color: #efb100 !important; } .button-border.button-purple { color:#9b59b6; border-color:#9b59b6; } .button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill::before { background-color:#9b59b6 !important; color:#fff !important; } .button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill::before { color:#fff !important; } .button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill::before { color:#fff !important; } .button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill::before { color:#fff !important; } .fancy-title-wrap { } .fancy-title-wrap .fancy-title-wrap-linkwrap { position:absolute; left:0; width:100%; bottom:10px; } .fancy-title-wrap a { font-family:'Merriweather', serif !important;color:rgba(0, 0, 0, 0.8); font-size:1.2rem; text-align:center; transform:all 0.5s ease; bottom:20px; } .fancy-title-wrap a:hover { color:#efb100; transform:all 0.5s ease; } @media (max-width: 992px) { .btn-busca { display:block; opacity:1; } .favvig { max-height:1000px; } } @media (max-width: 768px) { .fancy-title-wrap a { font-size:1rem; } .toast-body { font-size:1rem; } } /* #lista-novidades .product-image .MYCLASS, #venda-pos .product-image .MYCLASS, #lista-lances .product-image .MYCLASS { position: absolute; width: 100%; height: 100%; } #lista-novidades .product-image:after, #venda-pos .product-image:after, #lista-lances .product-image:after { display: block; content: ""; padding-bottom: 100%; } */ #lista-novidades .product .product-title h3, #venda-pos .product .product-title h3, #lista-lances .product .product-title h3, #lotes-maislancados .product .product-title h3 { text-transform:uppercase; font-size:0.875rem; line-height:1.5; } @media (max-width: 768px) { #lista-novidades .product .product-title h3, #venda-pos .product .product-title h3, #lista-lances .product .product-title h3, #lotes-maislancados .product .product-title h3 { font-size:12px; line-height:1.5; } } .feature-box { margin-left:0; margin-right:0; } .lbrtagcloud a { font-size:16px !important; border-radius:5px !important; background-color: #fff; color: #333; box-shadow: 1px 1px #ebe8e8; padding: 5px 10px; text-transform:capitalize; transition: all 0.5s ease; border:1px solid #E5E5E5; margin-bottom:4px; margin-right:4px; } .lbrtagcloud a:hover { background-color:#000; color:#fff !important; transition: all 0.5s ease; } /*********************************** Mais lancados ***********************************/ #catalogo-leiloes + #lotes-maislancados { margin-top:0 !important; } .mostbidded__imagecontainer { position:relative; } .mostbidded__imagecontainer:after { content:""; display:block; padding-bottom:100%; } .mostbidded__imagecontainer .mostbidded__imagefinal {position:absolute; top:0; left:0; width:100%; height:100%; } .mostbidded__title h3 { display:block !important; overflow:initial !important;} .mostbidded__info { font-size:12px; font-weight:400; color:#8b6f1d !important; } .product .product-title h3 { text-transform:initial; } .product-image:after { content:""; display:block; padding-bottom:100%; } .product-image img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .badge { font-size:0.6rem !important; text-transform:uppercase !important; letter-spacing:1px !important; display:flex; } .badge i { font-size:0.9rem !important; } @media (max-width: 768px) { .badge { font-size:0.75em !important; } } /*********************************** Fim Mais lancados ***********************************/ .product-price {font-size:14px;} .venda-price { font-size:1.2rem; } /*********************************** Informação modal leilao ***********************************/ .is-leilaoinfo-modal .section-title { font-family:'Montserrat', sans-serif !important; display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #555; cursor: pointer; } .is-leilaoinfo-modal p { margin:0; } .is-leilaoinfo-modal .section-wrap { margin-bottom:20px; } /*********************************** Fim Informação modal leilao ***********************************/ /*********************************** BR title ***********************************/ .is-brtitle h1 { color:#fff; font-size:2rem; text-shadow:1px 2px 2px #000; } .is-brtitle p, .is-brtitle span { color:#fff; font-size:1.5rem; text-shadow:1px 2px 2px #000; } @media (max-width: 992px) { .is-brtitle p, .is-brtitle span { font-size:1.2rem; } } /*********************************** Fim BR title ***********************************/ /*********************************** Como comprar ***********************************/ .is-videoframe { background:#000; border:3px solid #333; border-radius:25px; } @media (max-width: 992px) { .is-comocomprar .lead { font-size:1rem; } .is-videoframe { background:#000; border:2px solid #333; border-radius:25px; } } /*********************************** Fim como comprar ***********************************/ /*********************************** Clientes ***********************************/ .team-title h4 { font-size:1rem; letter-spacing:0; } .team-title span { font-size:0.9rem; } @media (max-width: 992px) { } /*********************************** Fim Clientes ***********************************/ /*********************************** lista-leiloes ***********************************/ .ll-count h5 { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 0.875rem; } .ll-count span { font-family:'Montserrat', sans-serif !important; font-size:28px; font-weight: 600; } .ll-count span i { font-size:1rem; } .ll-count h5 span { font-weight:normal; font-size: 0.875rem; color:#000 !important; transition:all 0.5s ease; } .ll-count a { padding:5px 10px; border-radius:5px; background-color:transparent; transition:all 0.5s ease; } .ll-count a:hover span {color:#fff !important; transition:all 0.5s ease;} .ll-count a:hover h5 {color:#fff !important; transition:all 0.5s ease;} .ll-count h5 { margin:0 !important; } .andamento-count span { color:#966f03; transition:all 0.5s ease; } .aovivo-count span { color:#e74c3c; transition:all 0.5s ease; } .novos-count span { color:#9b59b6; transition:all 0.5s ease;} .vendapos-count span { color:#0071bd; transition:all 0.5s ease; } .andamento-count a:hover { background-color:#966f03; transition:all 0.5s ease; } .aovivo-count a:hover { background-color:#e74c3c; transition:all 0.5s ease; } .novos-count a:hover { background-color:#9b59b6; transition:all 0.5s ease; } .vendapos-count a:hover { background-color:#0071bd; transition:all 0.5s ease; } /*********************************** Fim lista leiloes ***********************************/ /*********************************** Conta site ***********************************/ #page-title { margin: 0 !important; padding:3rem 0; } #page-title h1 { text-transform:initial; letter-spacing:0; } @media (max-width: 992px) { #page-title { margin: 0 !important; padding:2rem 0; } } /**** Conta site - lances ****/ #lista-lances .product-desc { position:relative; } #lista-lances .product-price { position:relative; } #lista-lances .product-price .lstatus { position:absolute; top:5px; left:0; font-size:22px; width:22px; height:22px; line-height:20px; } #lista-lances .product-title { min-height:72px; overflow:hidden; } #lista-lances .btn-dark { box-shadow:inset 0 -3px 0 rgb(0 0 0 / 15%); transition:all 0.3s ease-in-out; } #lista-lances .btn-dark.ativo, #lista-lances .btn-dark:hover { background-color:#efb100; border-color:#efb100; color:#000; transition:all 0.3s ease-in-out; } .is-histlance { cursor:pointer; } .is-histlance i { font-size:22px; color:#999; } .is-histlance p {line-height:20px !important; } .modal-body.loading { height:200px; position:relative;} .modal-body.loading:before { position:absolute; top:50%; left:50%; content:"\e98e"; font-family: lined-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } @keyframes spinner-border { to { transform: rotate(360deg); } } /**** Fim Conta site - lances ****/ /**** Conta site - Compras ****/ #lista-compras .entry-title { position:relative; } #lista-compras .entry-title h3 {font-size: 0.8rem;line-height:1.1rem;} #lista-compras .entry .entry-meta.pp { color:#dc3545; } #lista-compras .entry .entry-meta.final { color:green; } /**** Fim Conta site - Compras ****/ /**** Conta site - Mensagens ****/ .commentlist li .comment-content p, .pingback p { margin:10px 0 0 0; } /**** Fim Conta site - Mensagens ****/ /**** Conta site - Mensagem interna ****/ .mensagem-box { font-size:13px; position:relative; } .sepbox { border-right:1px solid #000; } .newmsg-alert { cursor:default; position:absolute; top:8px; right:-8px; font-size:14px; text-align:center; width:20px !important; height:20px !important; font-weight:bold; border-radius:25px; } .has-alert { padding-right:25px; font-weight:bold;} .menu-painel .newmsg-alert { font-size:15px; width:20px !important; height:20px; right:20px; } .chat-wrap { margin:0 auto; width:600px; position:relative; } .chat-wrap h2 { font-family:arial; font-size:16px; margin:0; } .chat-wrap h3 { font-family:arial; font-size:14px; margin:20px 0; } .chat-wrap ul { margin:0; padding:0; list-style:none; } .chat-box { position:relative; width:100%; box-sizing:border-box; padding:0 40px; float:left; } .chat-box .usericon { position:Absolute; bottom:10px; } .chat-box .usericon i { font-size:30px; } .A-top .usericon { left:0; color:#737373; } .G-top .usericon { right:0; color:#737373; } .chat-box-wrap { position:relative; width:70%; box-sizing:border-box; border-radius:5px; padding:10px; margin-bottom:10px; border:1px solid #f1f1f1; float:left; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); } .chat-box .newmsg-alert { display:none; } .A-box:after { right: 100%; bottom: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(37, 100, 194, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .G-box:after { left: 100%; top: 70%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(37, 100, 194, 0); border-left-color: #ddd; border-width: 10px; margin-top: -10px; } .chat-box.box-nova { border-color:#3f3f3f; } .chat-box.box-nova .chatbox-header { border-color:#3f3f3f; } .chat-box.box-nova .newmsg-alert { display:block; } .chat-box p { margin:0; font-family:Arial; float:left; } .chat-box .chatbox-header { line-height:16px; font-weight:normal; float:left; width:100%; font-size:11px; padding:0; } .chat-box .chatbox-writer { font-size:14px; float:left; width:100%;} .chat-box .chatbox-writer a { color:#2564c2; } .chat-box .chatbox-message { float:left; width:100%; font-size:14px; padding:5px 0 0 0; box-sizing: border-box; } .chat-box .newmsg-alert { top:10px; right:10px; width:20px; height:20px; } .chat-box-warning .chatbox-writer { text-align:center; } .chat-box-warning .chatbox-message { text-align:center; } .warning-btns { float:left; width:100%; margin:20px 0; } .warning-center { width:300px; margin:0 auto; } .confirm-btn { width:145px; float:left; } .confirm-btn a { float:left; width:100%; text-align:center; font-size:12px; padding:10px 0; background:#545454; color:#fff; border-radius:5px; } .cancel-btn { width:145px; float:right; } .cancel-btn a { float:left; width:100%; text-align:center; font-size:12px; padding:10px 0; background:#545454; color:#fff; border-radius:5px; } .A-box { background:#fff; color:#737373; } .G-box { background:#ddd; float:right; } .chat-list-wrap { position:relative; float:left; width:100%; border:1px solid #e6ece0; } .chat-list { position:relative; float:left; height:350px; width:100%; list-style:none; display:flex; flex-direction:column-reverse; padding:10px 15px; background-color:#f1f1f1; margin:0; overflow:hidden; } .chat-list-load { float:left; width:100%; list-style:none; } .chat-list-wrap.loaded .chat-list { overflow-y:scroll; overflow-x:hidden; } .chat-list-wrap .loading-position { opacity:1; transition:visibility 0s linear 0.5s,opacity 0.5s linear; width:100%; } .chat-list-wrap.loaded .loading-position { opacity:0; visibility:hidden; } .chat-list-wrap:after { content:''; height: 20px; left: 0; bottom:0; position: absolute; width: 100%; -webkit-box-shadow: inset 0px -9px 9px -5px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px -9px 9px -5px rgba(0,0,0,0.2); box-shadow: inset 0px -9px 9px -5px rgba(0,0,0,0.2); } .nova_mensagem .bd4 { font-weight:bold; } .nova_mensagem .bd3 { background-color:#fff; } .histicon { position:relative; display:block; height:15px; width:15px; } .nova_mensagem .histicon { padding-right:25px; } .nova_mensagem .newmsg-alert { width:14px; height:14px; top:1px; } .antiga_mensagem i { position:relative; color:#8E8E8E; } .mobile-msg-link i { font-size:24px; } .antiga_mensagem .newmsg-alert { display:none; } .chatreply { float:left; width:100%; } .chatreply-box { padding:10px 15px; background:#e0e0e0; float:left; width:100%; box-sizing: border-box; } .chatreply-box form { float:left; width:100%; margin:0; } .chatreply-header { margin:0 0 10px 0; font-family:arial; font-size:12px; font-weight:bold; float:left; width:100%; } .chatreply textarea { width:100%; height:80px; border-color:#ddd; resize:none; padding:5px; font-size:12px; } .chatreply-send { border:none; background:#545454; color:#fff; font-weight:bold; text-align:center; padding:10px 30px; font-size:12px; float:left !important; margin:10px 0 0 0; } .chatreply-send.inativo { background-color:#f9f9f9; color:#e7e7e7;} .has-anexo { width:100%; float:left; margin:5px 0; padding-top:10px; font-size:11px; line-height:30px; } .anexobtn { padding:5px; border-radius:5px; border:1px solid #f1f1f1; color:#757575; background-color:#fff; float:left; width:96px; } .anexobtn:hover p { color:#2564c2; } .anexobtn:hover i { color:#2564c2; } .anexobtn i { color:#757575; font-size:15px; margin-right:5px; } .anexobtn p { float:left; width:100%; font-size:12px; margin-bottom:5px; } .msg-hora { display:block; width:100%; color:#a7a7a7; font-size:11px; float:left; margin-bottom:2px; } .view-visualizado { } .view-visualizado i { margin-right:-5px; } .view-visualizado.svis i { color:#3aba57; } .A-hora { text-align:left; } .G-hora { text-align:right; } /**** FIM Conta site - Mensagenm interna ****/ /*********************************** Fim conta site ***********************************/ /*********************************** Blog ***********************************/ .post-grid .entry-title h2 { font-size:1rem; line-height:1.2rem; } .post-grid .entry { margin-bottom:5px; } .entry-image, .entry-image > a { position:static !important; } .entry-image img { border-radius:0 !important; } .entry-content { margin-top:1rem; } .entry-content p { font-size:1rem; line-height:1.5rem; margin-bottom:0; } .grid-inner { background-color:#fff; box-shadow:0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; } @media (max-width: 768px) { .post-grid .entry-title h2 { font-size:0.8rem; line-height:1.0rem; } .entry-content p { font-size:12px; margin-bottom:0; } } /*********************************** Fim Blog ***********************************/ /*********************************** Date picker ***********************************/ .datetimepicker2 .ui-widget, .diadiv .ui-widget { font-family:'Noto Sans', sans-serif; } .datetimepicker2 .ui-widget.ui-widget-content, .diadiv .ui-widget.ui-widget-content { border-color:#e6e4e4; border-radius:0; } .datetimepicker2 .ui-datepicker .ui-datepicker-header, .diadiv .ui-datepicker .ui-datepicker-header { border-radius:0; background-color:#d2b03f; color:#fff; border:none; } .datetimepicker2 .ui-state-highlight, .datetimepicker2 .ui-widget-content .ui-state-highlight, .datetimepicker2 .ui-widget-header .ui-state-highlight, .diadiv .ui-state-highlight, .diadiv .ui-widget-content .ui-state-highlight, .diadiv .ui-widget-header .ui-state-highlight{ background:#f8e196; border-color:#d2b03f; } .datetimepicker2 .ui-datepicker .ui-icon, .diadiv .ui-datepicker .ui-icon { font-size:14px; color:#fff !important; } .datetimepicker2 .ui-datepicker .ui-icon i, .diadiv .ui-datepicker .ui-icon i { font-size:14px; color:#fff !important; } .datetimepicker2 .ui-datepicker-next span, .diadiv .ui-datepicker-next span { text-align:right; } .datetimepicker2 .ui-datepicker-next:hover i, .diadiv .ui-datepicker-next:hover i { color:#99803c !important; } .datetimepicker2 .ui-datepicker-next-hover, .diadiv .ui-datepicker-next-hover { border:none !important; background:transparent !important; right:2px !important; top:2px !important; cursor:pointer; color:#99803c; } .datetimepicker2 .ui-datepicker-next-hover i, .diadiv .ui-datepicker-next-hover i{ border:none !important; background:transparent !important; right:2px !important; top:2px !important; cursor:pointer; color:#99803c; } .datetimepicker2 .ui-datepicker-prev span, .diadiv .ui-datepicker-prev span { text-align:left; } .datetimepicker2 .ui-datepicker-prev:hover i, .diadiv .ui-datepicker-prev:hover i { color:#99803c !important; } .datetimepicker2 .ui-datepicker-prev-hover, .diadiv .ui-datepicker-prev-hover { border:none !important; background:transparent !important; left:2px !important; top:2px !important; cursor:pointer; color:#99803c; } .datetimepicker2 .ui-datepicker .ui-icon, .diadiv .ui-datepicker .ui-icon { text-indent:0 !important; } .datetimepicker2 .ui-datepicker .ui-datepicker-prev span, .datetimepicker2 .ui-datepicker .ui-datepicker-next span, .diadiv .ui-datepicker .ui-datepicker-prev span, .diadiv .ui-datepicker .ui-datepicker-next span { margin-top:-9px !important; background:none; } .datetimepicker2 .ui-state-default, .datetimepicker2 .ui-widget-content .ui-state-default, .diadiv .ui-state-default, .diadiv .ui-widget-content .ui-state-default { background:#f8e196; border-color:#d2b03f; color:#777620; } .datetimepicker2 .ui-state-default:hover, .datetimepicker2 .ui-widget-content .ui-state-default:hover, .diadiv .ui-state-default:hover, .diadiv .ui-widget-content .ui-state-default:hover { background:#cbad52; border-color:#99803c; color:#fff; } .datetimepicker2 .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-default, .datetimepicker2 .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active, .datetimepicker2 .ui-widget-content .ui-datepicker-today .ui-state-default, .datetimepicker2 .ui-widget-content .ui-datepicker-today .ui-state-active, .diadiv .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-default, .diadiv .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active, .diadiv .ui-widget-content .ui-datepicker-today .ui-state-default, .diadiv .ui-widget-content .ui-datepicker-today .ui-state-active { border-color:#3b70d3; background-color:#84a0db; color:#FFF ; } .datetimepicker2 .ui-state-active, .datetimepicker2 .ui-widget-content .ui-datepicker-current-day .ui-state-active, .datetimepicker2 .ui-widget-header .ui-datepicker-current-day .ui-state-active, .datetimepicker2 a.ui-button:active, .datetimepicker2 .ui-button:active, .datetimepicker2 .ui-button.ui-state-active:hover, .diadiv .ui-widget-content .ui-datepicker-current-day .ui-state-active, .diadiv .ui-widget-header .ui-datepicker-current-day .ui-state-active, .diadiv a.ui-button:active, .datetimepicker2 .ui-button:active, .diadiv .ui-button.ui-state-active:hover { background:#cbad52; border-color:#99803c; color:#fff; } .dialegenda { margin:10px 0 0 0; } .dialegenda li { font-size:11px; margin-bottom:5px; line-height:20px; padding-left:0; padding-right:5px; } .dialegenda li:last-child { padding:0;} .dialegenda li span { width:30px; height:20px;float:left; margin:0 10px 0 0; border:1px solid #000; background-color:#84a0db; color:#fff; } .dialegenda li .corhoje { border-color:#3b70d3; background-color:#84a0db; color:#fff; } .dialegenda li .cordefault { border-color:#d2b03f; background-color:#f8e196; color:#777620; } .dialegenda li .coractive { border-color:#99803c; background-color:#cbad52; color:#fff; } .ui-datepicker { max-width:100%; } .select2-container .select2-selection--single { height:36px !important; border-color:#dee2e6 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:22px !important; padding-top:6px; padding-bottom:6px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:36px !important; } #general-modal .select2-container { z-index:1055 !important; } #catalogo-leiloes .counter.counter-small { height:42px; } #catalogo-leiloes .counter.counter-small span { height:34px; } .sidebar-widgets-wrap .widgot {padding-top: 30px;margin-top: 30px; border-top: 1px solid #EEE;position:relative;} .sidebar-widgets-wrap .widgot:first-child { margin-top: 0; padding-top: 0; border-top: 0; position:relative; } .sidebar-widgets-wrap .trocabase-widgot { border:none; padding-top:0; margin:0; } /*********************************** Fim Datepicker ***********************************/ /*********************************** Testimonial ***********************************/ #oc-testimonials .owl-stage { display:flex; align-items:stretch; } #oc-testimonials .owl-stage .oc-item, #oc-testimonials .owl-stage .oc-item .testimonial { height:100%; } .testimonial { background-color:transparent; } .testimonial .flex-control-nav li a { background-color:#fff !important; } /*********************************** Fim Testimonial ***********************************/ /*********************************** Mobile menu categorias ***********************************/ .is-mobilemenucategorias .toggle-title span { border-bottom:2px solid #fff; width:auto; padding-bottom:2px; } .is-mobilemenucategorias .toggle-active .toggle-title span { border-bottom:2px solid #f9c739; width:auto; padding-bottom:2px; } .is-mobilemenucategorias .toggle-active .toggle-content a span{ padding:2px; border-bottom:2px solid #fff; } .is-mobilemenucategorias .toggle-active .toggle-content a:hover span, .is-mobilemenucategorias .toggle-active .toggle-content a:focus span { color:#333; font-weight:bold; border-bottom:2px solid #f9c739; } .is-mobilemenucategorias .toggle-active .toggle-content a:focus { position:relative; padding-right:30px; } .is-mobilemenucategorias .toggle-active .toggle-content a:focus span:after { content: "\e7af"; position:absolute; top:0; right:0; font-family: "font-icons"; animation:fa-spin 2s infinite linear; font-size:16px; color:#000; } /*********************************** Fim Mobile menu categorias ***********************************/ /*********************************** Mobile ad **********************************/ .section-appbtns { position:relative; background-color:transparent; } .section-appbtns .section-appbtns-before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('https://du2us4f94qfno.cloudfront.net/portal.vendor/images/portal/banner-mobile-bg.png'); z-index:1; } .section-appbtns .section-appbtns-after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:right top; z-index:2 } .section-appbtns .container { position:relative; z-index:3; } .section-appbtns .button { white-space:initial; cursor:default; } /*********************************** Fim mobile ad **********************************/ .modal-filtroleiloes {} .modal-filtroleiloes .tab-pane.active { display:flex; flex-direction:column; align-items:center; } /*********************************** Form **********************************/ .is-funph form label { font-size:12px; color:#757575; text-transform:initial; font-weight:500; letter-spacing:normal; z-index:3;} .is-funph form label:not(.error) { position: absolute; top: 50%; left: 10px; margin-bottom: 0; /* Override default `