/* ESTILOS GLOBAIS -------------------------------------------------- */ /* Padding abaixo do footer e texto mais suave no */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;600&display=swap'); html, body{ margin-bottom: 0; padding-bottom: 0; } html{ scroll-behavior: smooth; } body { padding-top: 0; color: #5a5a5a; font-family: 'Poppins', sans-serif; } .header{ background-image: url('../images/bg-header.jpg'); } .img-fluid{ width: 100%; height: auto; } .bg-subpage{ /* background: url('https://www.site.belemmadeiras.com.br/assets/img/slide-sub.jpg'); */ background: linear-gradient(to right, rgba(2, 23, 66, 0.7) 0%, rgba(2, 23, 66, 0.5) 100%), url("../img/slide-sub.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; } .bg-subpage-produtos{ background: linear-gradient(to right, rgba(2, 23, 66, 0.7) 0%, rgba(2, 23, 66, 0.5) 100%), url("../img/slide-sub-produtos.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; } .bg-subpage-loja{ background: linear-gradient(to right, rgba(2, 23, 66, 0.7) 0%, rgba(2, 23, 66, 0.5) 100%), url("../img/slide-sub-loja.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; } .bg-subpage-blog{ background: linear-gradient(to right, rgba(2, 23, 66, 0.7) 0%, rgba(2, 23, 66, 0.5) 100%), url("../img/slide-sub-blog.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; } .bg-subpage-contato{ background: linear-gradient(to right, rgba(2, 23, 66, 0.7) 0%, rgba(2, 23, 66, 0.5) 100%), url("../img/slide-sub-contato.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; } .container-padding{ padding: 5rem 1rem; } /* CUSTOMIZA O CAROUSEL -------------------------------------------------- */ /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 0; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { bottom: 3rem; z-index: 10; } /* Declare heights because of positioning of img element */ .carousel-item { height: 32rem; background-color: #777; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: auto; } /* CONTEÚDO DO MARKETING -------------------------------------------------- */ /* Alinha, centralmente, o texto dentro das três colunas abaixo do carousel */ .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: 400; } .marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; } .bg-dark-gray{ background-color: #222222 !important; } .bg-dark{ background-color: #840a18 !important; } .bg-shadow{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52); } .navbar-nav > li >a{ color: #ffffff !important; font-weight: normal; background-color: none; padding: 5px 15px !important; margin-right: 10px; transition: 1s; border-radius: 10px; font-size: 18px; } .navbar-nav > li:hover >a, .navbar-nav > li.active >a { color: #ce1328 !important; background-color: #ffe400; padding: 5px 15px !important; border-radius: 10px; } .produtos h3{ text-align: center; font-size: 16px; margin-top: 10px; } .item-carrousel{ border-radius: 10px; } .item-carrousel:hover{ scale: 0.9; transition: .5s; } /* Featrurezinhas ------------------------- */ .featurette-divider { margin: 5rem 0; /* Espaça o elemento

mais */ } /* Afina os cabeçalhos de marketing */ .featurette-heading { font-weight: bold; letter-spacing: -.05rem; color: #222222; margin-top: 100px; } .featurette-text { font-size: 1rem; color: #353535; } .btn { font-size: 0.8rem; font-weight: bold; } a.link-footer:link{ color: white; transition: 0.3s; } a.link-footer:hover{ color: #ce2b2b !important; text-decoration: none; } a.link-footer:visited{ color: white; } a.link-top:link{ color: #5a5a5a; transition: 0.3s; } a.link-top:hover, a.link-top:active { color: #ce2b2b !important; text-decoration: none; } a.link-top:visited{ color: #5a5a5a; } .text-danger{ color: #ce2b2b !important; } ul{ list-style-image: ("./images/caret-right-solid.svg"); } a.link-forn:link{ color: #5a5a5a; transition: 0.3s; } a.link-forn:hover, a.link-forn:active { font-weight: bold; text-decoration: none; color: #ce2b2b !important; } a.link-forn:visited{ color: #5a5a5a; } .text-brown{ color: #c4966c; } .text-blue{ color: #0064bc; } /* CSS RESPONSIVE -------------------------------------------------- */ @media (min-width: 40em) { /* Aumenta o tamanho do conteúdo do carousel */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 62em) { .featurette-heading { margin-top: 7rem; } } @media (max-width: 480px) { .logo-box{ text-align: center; } .seach-box{ text-align: center; } .navbar > .navbar-toggler{ color: #c0c0c0 !important; } } .input-wrapper{ padding: 8px 12px; display: flex; align-items: center; gap: 6px; } .bg-light{ background-color: #c9c9c9; } .fa-size{ font-size: 50px; color: #ce2b2b; } .float-none{ clear: both; } .icons-dest p{ font-weight: bold; } .quemsomos p{ color: #ffffff; text-align: justify; } .quemsomos img{ border-radius: 5px; } .fixar { position:fixed; top: 0px; z-index: 100; } .dropdown-item{ transition: 0.5s; } .dropdown-item:hover{ background-color: #ce2b2b ; color: white; } .whats{ position: fixed; bottom: 2%; right: 1%; width: 50px; height: 50px; z-index: 1000; } .card{ background-color: #363636; } .card i{ color: #ce2b2b; font-size: 2em; text-align: center; margin-bottom: 15px; } .card-body{ text-align: center; } .card h5{ color: #ce2b2b; text-align: center; font-weight: 600; } .card-2{ background-color: #222222; border-radius: 10px; } .card-2 i{ color: #ce2b2b; font-size: 3em; text-align: center; margin: 25px auto; } .card-2 .card-body{ text-align: center; } .card-2 h5{ color: #ffe400; text-align: center; font-weight: 600; } .divref{ float: left; background-color: #ce2b2b; padding: 3px 10px; color: #ffffff; margin-right: 5px; border-radius: 5px; } .divcat{ float: left; background-color: #343a40; padding: 3px 10px; color: #ffffff; margin-right: 5px; border-radius: 5px; } .float-none{ float: none; } .cx-alta{ text-transform: uppercase; } .alert{ text-align: center; } .formas-pagamento, .featurette-heading-formas{ color: #ffffff; margin-top: 0; font-weight: bold; letter-spacing: -.05rem; font-size: 50px; }