:root { /* Cores */ --background-footer: #f5f5f5; --text-footer: #696969; --text-primary: #4D4744; --text-secondary: #ccc; --primary: #b78475; --primary: #ae5944; --link: #9d4728; --tablink: #08a8a3; --txtValor: #3bd4ae; /* Estados das Encomendas */ --enc-status-Vazia: transparent; --enc-status-Registada: #F68E8E; --enc-status-Paga: #e6e270; --enc-status-Preparacao: #17a2b8; --enc-status-Validacao: #ffc107; --enc-status-Expedida: #28a745; /* Header Height cMsgTopo: DeskTop 85px / Mobile 75px */ --HeaderHeightD: 85px; --HeaderHeightM: 75px; /* Imagem do Slider */ --ImgSliderHeightD: 88.2vh; --ImgSliderHeightM: 35vh; } html { height: 100%; min-height: 100vh; margin: 0; padding: 0; font-weight: 400; color: var(--text-primary); } body { min-height: 100vh; overflow-x: hidden; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; color: var(--text-primary); } .fgPrimary { color: var(--primary); } .fgBranco { color: #fff; } .bgPrimary { background-color: var(--primary); } .bgBranco { background-color: #fff; } /* For desktop */ @media (min-width:768px) { html, body { font-size: 15px; line-height: 1.7; } } /* For mobile phones: */ @media only screen and (max-width:768px) { html, body { font-size: 16px; line-height: 1.5; } } * { box-sizing: border-box; } ul { list-style: none; } a { color: #4D4744; text-decoration: none; background-color: transparent; } a:link, a:visited, a:hover, a:active { font-weight: 500; font-size: 15px; color: #4D4744; } a:hover { text-decoration: none; } a.lnkCesto { color: #4D4744; text-decoration: none; background-color: transparent; font-weight: 600; } /* For desktop */ @media (min-width:768px) { a.lnkCesto { font-size: 1.0rem; } } /* For mobile phones: */ @media only screen and (max-width:768px) { a.lnkCesto { font-size: 1.0rem; } } a.lnkFooter { text-decoration: none; background-color: transparent; color: var(--text-primary); font-weight: 400; font-size: 13px; font-size: 0.9rem; } a.lnkFooter:hover { color: var(--primary); } a.lnkPolPrivacid { text-decoration: none; background-color: transparent; color: #fff; font-weight: 400; font-size: 13px; } a.lnkPolPrivacid:hover { color: #fff; } a.lnkCopyright { text-decoration: none; background-color: transparent; color: #fff; font-weight: 400; font-size: 13px; } a.lnkCopyright:hover { color: #fff; } .mydropdown { /*max-width: none !important;*/ /*width:auto;*/ padding: .375rem 1.75rem .375rem .75rem; font-size: 1.0rem; font-weight: 400; border: solid 1px #ececec !important; cursor: pointer; } /* For desktop */ @media (min-width:768px) { p { font-size: 1.0rem; line-height: 1.6rem; } } /* For mobile phones: */ @media only screen and (max-width:768px) { p { font-size: 1.1rem; line-height: 1.8rem; } } img { width: auto; max-width: 100%; height: auto; } .imgBg { background-color: #f5f5f5; /*border: solid 1px #f5f5f5;*/ } input, input[type="text"], input[type="email"], textarea, .form-control { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; /*min-height: 40px;*/ border-color: #cecece; max-width: 100%; } @media (min-width:768px) { input, input[type="text"], input[type="email"], textarea, .form-control { line-height: 1.5; padding: 0.45rem 0.75rem; font-size: 14px; } } @media (max-width:768px) { input, input[type="text"], input[type="email"], textarea, .form-control { line-height: 1.8; padding: 0.45rem 0.75rem; } } /* -------------------------- */ /* ----- custom-select ----- */ /* -------------------------- */ .custom-select { display: inline-block; width: 100%; /*height: calc(1.5em + .75rem + 2px);*/ padding: .375rem 1.75rem .375rem .75rem; padding: 0.65rem 0.75rem; font-size: 14px; font-size: 1rem; font-weight: 400; /*color: #6e707e;*/ vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; /*border: 1px solid #d1d3e2; border-radius: .35rem;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } @media (min-width:768px) { .custom-select { line-height: 1.5; padding: 0.45rem 0.75rem; font-size: 14px; } } @media (max-width:768px) { .custom-select { line-height: 1.8; padding: 0.45rem 0.75rem; } } .custom-select:focus { border-color: #bac8f3; outline: 0; box-shadow: 0 0 0 .2rem rgba(78,115,223,.25) } .custom-select:focus::-ms-value { color: #6e707e; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #858796; background-color: #eaecf4 } .custom-select::-ms-expand { display: none } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #6e707e } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #1cc88a; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #1cc88a; box-shadow: 0 0 0 .2rem rgba(28,200,138,.25) } /* --- Sobrepõe a tab ativa com côr castanha e semi Bold --- */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--primary); font-weight: 600; border-color: var(--primary); border-bottom: 1px solid transparent; } .nav-pills .nav-link { border-radius: 0; } nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: var(--primary); color: #fff; font-weight: 500; } .ChkBoxClass input { width: 1.5rem; height: 1.5rem; cursor: pointer; } .ChkBoxClass label { padding-left: 10px; vertical-align: top; cursor: pointer; } h3 { font-size: 2rem; font-weight: 800; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header { transition: all 0.5s; z-index: 997; transition: all 0.5s; background: #fff; border-bottom: solid 1px #fafafa; } #header.header-transparent { background: none; } #header.header-scrolled { } #header .logo h1 { font-size: 28px; margin: 0; padding: 4px 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #header .logo h1 a, #header .logo h1 a:hover { color: #fff; text-decoration: none; } #header .logo img { padding: 0; padding-top: 2px; margin: 0; /*max-height: 60px;*/ } @media (min-width:768px) { #header { height: var(--HeaderHeightD); } #header.header-scrolled { height: var(--HeaderHeightD); } #header .logo img { max-width: 170px; /*170*/ } #main { margin-top: var(--HeaderHeightD); } } @media (max-width:768px) { #header { height: var(--HeaderHeightM); } #header.header-scrolled { height: var(--HeaderHeightM); } #header .logo img { max-width: 105px; } #main { margin-top: var(--HeaderHeightM); } } /*#header { height: 95px; transition: all 0.5s; z-index: 997; transition: all 0.5s; background: #fff; border-bottom: solid 1px #fafafa; } #header.header-transparent { background: none; } #header.header-scrolled { height: 95px; } #header .logo h1 { font-size: 28px; margin: 0; padding: 4px 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #header .logo h1 a, #header .logo h1 a:hover { color: #fff; text-decoration: none; } #header .logo img { padding: 0; padding-top:2px; margin: 0; } @media (min-width:768px) { #header .logo img { max-width: 205px; } } @media (max-width:768px) { #header .logo img { max-width: 125px; } } #main { margin-top: 95px; } */ /* -------------------------------------------------------------- */ /*-------------------------------------------------------------- # Menu Simples - 1 Coluna --------------------------------------------------------------*/ /* * ---- Desktop Navigation ----- */ /* .navbar { padding: 0; } .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navbar li { position: relative; } */ /* .navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-size: 12px; font-weight: 500; text-transform:uppercase; color: #b78475; white-space: nowrap; transition: 0.3s; } */ /* .navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; } .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { } */ /* .navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; } */ /* .navbar .dropdown ul li { min-width: 200px; } .navbar .dropdown ul a { padding: 10px 20px; font-size: 14px; text-transform: none; color: #1c3745; } .navbar .dropdown ul a i { font-size: 12px; } */ /* .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #68A4C4; } */ /* .navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; } */ /* .navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; } .navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; } */ /* @media (max-width: 1366px) { .navbar .dropdown .dropdown ul { left: -90%; } .navbar .dropdown .dropdown:hover > ul { left: -100%; } } */ /* @media (max-width: 991px) { .navbar-collapse > ul { display: block; } }*/ /* * ----- Mobile Navigation ----- */ /* .mobile-nav-toggle { color: #fff; color:#000; font-size: 18px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; } @media (max-width: 991px) { .mobile-nav-toggle { display: block; } .navbar ul { display: none; } } .navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(17, 38, 48, 0.9); transition: 0.3s; } .navbar-mobile .mobile-nav-toggle { position: absolute; top: 25px; right: 15px; color: #fff; font-size: 24px; font-weight: 600; } .navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; } .navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #1e4356; } .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #68A4C4; } .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; } .navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); } .navbar-mobile .dropdown ul li { min-width: 200px; } .navbar-mobile .dropdown ul a { padding: 10px 20px; } .navbar-mobile .dropdown ul a i { font-size: 12px; } .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #68A4C4; } .navbar-mobile .dropdown > .dropdown-active { display: block; } */ /*-------------------------------------------------------------- # Menu Header Separador --------------------------------------------------------------*/ .menuHeadSeparador { display: inline-block; position: relative; line-height: 45px; margin-top: 20px; } .menuHeadSeparador li { list-style: none; float: left; padding: 0 8px; } /* For mobile phones: */ @media only screen and (max-width:768px) { .menuHeadSeparador { display: none; } } /* -------------------------------------------------------------- */ /*-------------------------------------------------------------- # Menu Header Direita --------------------------------------------------------------*/ .menuHeadDireita { position: relative; margin-top: 10px; padding: 0; /*margin-top: 2px;*/ } .menuHeadDireita li { position: relative; list-style: none; float: left; /*border: solid 1px #ccc;*/ /*line-height: 45px;*/ padding: 0 10px 10px 10px; } .containerCart { position: relative; width: 100%; /*padding: 0 12px 10px 6px;*/ } /*.menuHeadDireita > li > a { text-decoration: none; display: block; background-color: antiquewhite }*/ /*.menuHeadDireita > li > a > div.cart { position: relative; overflow: hidden; background-color:aqua; }*/ /*.menuHeadDireita > li > a > div.cart >*/ .cart-qtd { position: absolute; bottom: 3px; right: 0px; /*width: 16px;*/ width: 19px; line-height: 19px; border-radius: 50%; background: #ba9d6a; color: #fff; border: 1px solid #ba9d6a; font-size: 11px; font-weight: 500; text-align: center; } /*.menuHeadDireita > li > a > div.cart >*/ .cart-fav { position: absolute; bottom: 3px; right: 0px; width: 19px; line-height: 19px; border-radius: 50%; background: #ba9d6a; color: #fff; border: 1px solid #ba9d6a; font-size: 11px; font-weight: 500; text-align: center; } .cart-user { position: absolute; /*bottom: 3px;*/ bottom: 6px; right: 0px; } /* -------------------------------------------------------------- */ .LabelCookie { /*float: left;*/ color: #fff; text-align: left; } /* For desktop */ @media (min-width:768px) { .LabelCookie { font-size: 12px; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .LabelCookie { font-size: 14px; } } /*--------------------------- # ---------- Cores ---------- ---------------------------- */ .corSucesso { color: #5cb85c; } /*---------------------------- # ---------- Botões ---------- ----------------------------- */ .myBtn { border-radius: 0px; outline: 0; background-color: var(--primary); border: solid 1px var(--primary); /*border-radius: 9999px;*/ color: #fff !important; transition-duration: 0.4s; padding: 10px 16px; padding: .70rem 1.1rem; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 500; } .myBtn:hover, input[type="submit"].myBtn:focus { background-color: #735548; color: #fff; } .myBtn:disabled, .myBtn[disabled] { /*border: 1px solid #999999;*/ background-color: #735548; color: #666666; } .myBtnOutline { border-radius: 0px; outline: 0; border: solid 1px var(--primary); color: var(--primary) !important; transition-duration: 0.4s; line-height: 1.5; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 500; padding: .70rem 1.1rem; /* border-radius: 0px; outline: 0; background-color: #b78475; border: solid 1px #b78475; color: #fff; transition-duration: 0.4s; margin: 4px 2px; padding: 10px 16px; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; */ } .myBtnOutline:hover, input[type="submit"].myBtnOutline:focus { background-color: var(--primary); color: #fff !important; } .myBtnOutlineBranco { border-radius: 0px; outline: 0; border: solid 1px #fff; color: #fff !important; transition-duration: 0.4s; line-height: 1.5; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 500; padding: .70rem 1.1rem; } .myBtnOutlineBranco:hover, input[type="submit"].myBtnOutlineBranco:focus { background-color: #fff; color: var(--primary) !important; } .myBtnCestoQtd { border-radius: 0px; outline: 0; background-color: #e5e5e5; background-color: #f5f5f5; border: solid 1px #f5f5f5; transition-duration: 0.4s; padding: .175rem .60rem; font-size: 1rem !important; line-height: 1.5; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; } .myBtnCestoQtd i { color: var(--text-primary); } .myBtnCestoQtd:hover, input[type="submit"].myBtnCestoQtd:focus { background-color: #efefef; } .myBtnPeq { border-radius: 0px; outline: 0; background-color: var(--primary); border: solid 1px var(--primary); /*border-radius: 9999px;*/ color: #fff !important; transition-duration: 0.4s; /*padding: .375rem .75rem; padding: .175rem .65rem;*/ line-height: 1.5; font-size: 1rem; line-height: 1.5; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 500; } .myBtnPeq:hover, input[type="submit"].myBtnPeq:focus { background-color: #735548; color: #fff; } /* For desktop */ @media (min-width:768px) { .myBtnPeq { padding: 0.45rem 0.75rem; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .myBtnPeq { padding: .70rem 1.1rem; } } .myBtnPeqOutline { border-radius: 0px; outline: 0; border: solid 1px var(--primary); color: var(--primary); transition-duration: 0.4s; font-size: 1rem; line-height: 1.5; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 14px !important; font-weight: 500 !important; } .myBtnPeqOutline:hover, input[type="submit"].myBtnPeqOutline:focus { background-color: var(--primary); color: #fff; } .btnPequeno { border-radius: 0px; outline: 0; background-color: #fff; /*border: solid 3px #68A4C4;*/ border: solid 1px var(--primary); /*border-radius: 9999px;*/ color: var(--primary); transition-duration: 0.4s; margin: 4px 2px; padding: 6px 9px; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 13px !important; font-weight: 500; } .btnPequeno:hover, input[type="submit"].btnPequeno:focus { background-color: var(--primary); color: white; text-decoration: none; } .btnRosaCha { border-radius: 0px; outline: 0; background-color: #fff; border: solid 1px var(--primary); /*border-radius: 9999px;*/ color: var(--primary); transition-duration: 0.4s; margin: 4px 2px; padding: 10px 16px; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; } .btnRosaCha:hover, input[type="submit"].btnRosaCha:focus { background-color: var(--primary); color: white; } .btnCesto { border-radius: 0px; outline: 0; background-color: var(--primary); border: solid 1px var(--primary); color: #fff; transition-duration: 0.4s; padding: 9px 16px; text-decoration: none; text-align: center; cursor: pointer; font-size: 0.9rem; text-transform: uppercase; font-weight: 500; width: 100%; } .btnCesto:hover, input[type="submit"].btnCesto:focus { background-color: #9c503d; color: #fff; } .btnFav { border: 0; border-radius: 0; border: solid 1px #e5e5e5; background-color: transparent; color: var(--primary); outline: 0; padding: 3px 10px; padding: 8px 10px; padding: 9px 10px; font-size: 0.9rem; font-weight: 500; } .btnFav:hover { /*background-color: var(--primary);*/ border-color: var(--primary); /*color: #fff;*/ color: var(--primary); } .btnMinusQtdCesto, .btnPlusQtdCesto { /*color: #b78475;*/ } .btnMinusQtdCesto:hover, .btnPlusQtdCesto:hover { cursor: pointer; } /*-------------------------------------------------------------- # Seções - Geral --------------------------------------------------------------*/ section { /*padding: 20px 0;*/ } .section-bg { background-color: #f3f8fa; } .section-title { text-align: center; padding-bottom: 30px; } .section-title h2 { font-size: 28px; font-weight: 400; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .section-title h2::before { content: ""; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); } .section-title h2::after { content: ""; position: absolute; display: block; width: 40px; height: 3px; background: #68A4C4; bottom: 0; left: calc(50% - 20px); } .section-title p { margin-bottom: 0; } /*-------------------------------------------------------------- # Seção: Checkout --------------------------------------------------------------*/ .secCheckout { } .secCheckout .Titulo { font-weight: 700; font-size: 22px; } .secCheckout p { font-weight: 400; font-size: 14px; line-height: 25px; } /* For desktop */ @media (min-width:768px) { .secCheckout .divProdutos { padding: 6px; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .secCheckout .divProdutos { padding: 3px; } } /*-------------------------------------------------------------- # Seção: Cesto --------------------------------------------------------------*/ .secCesto { } .secCesto .Titulo { font-weight: 700; font-size: 22px; } .secCesto p { font-weight: 400; font-size: 15px; line-height: 25px; } .CestoLinha { padding: 0 0.5rem 0.5rem 0; } .CestoPrdNome { display: block; font-weight: 500; font-style: normal; font-size: 15px; line-height: 1.5; /*padding:0 0 0.5rem 0;*/ } .CestoPrdRef { font-size: 13px; font-weight: 400; display: block; line-height: 1.2; /*line-height: 20px;*/ /*padding: 0 0 0.5rem 0;*/ } .CestoPrdCorTam { font-size: 15px; font-weight: 400; display: block; /*line-height: 38px;*/ /*padding: 0 0 0.5rem 0;*/ } .CestoPrdPrecoPrecoInicial { font-size: 15px; font-weight: 500; text-decoration: line-through; text-decoration-color: #D0021B; text-decoration-thickness: 1.5px; opacity: 0.5; /*padding: 0 0 0.5rem 0;*/ } .CestoPrdPrecoFinal { /*display: block;*/ font-weight: 600; font-size: 15px; /*line-height: 28px;*/ padding: 0 0.5rem 0.5rem 0.5rem; /*padding: 0 0 0.5rem 0;*/ /*color: var(--txtValor);*/ color: var(--primary); } .CestoPrdQtd { /*line-height: 28px;*/ display: inline; padding: 0 0.5rem 0.5rem 0.5rem; font-weight: 600; font-size: 15px; } .CestoPrdQuantidade { display: block; } .CestoPrdRemover { display: block; padding: 0.5rem 0 0 0; /*font-size: 14px; font-weight: 500;*/ } .CestoPrdLbTitHeader { font-weight: 500; font-size: 15px; } .CestoPrdLbValHeader { font-weight: 600; font-size: 15px; } .CestoPrdLbValTotalHeader { font-weight: 600; font-size: 15px; } .CestoPrd_Tit_Txt { font-weight: 600; font-size: 17px; } .CestoPrd_Tit_Val { font-weight: 600; font-size: 17px; color: var(--primary); } /* For desktop */ @media (min-width:768px) { .secCesto .divProdutos { padding: 6px; } .CestoPrdQuantidade { /*padding: 0.5rem 0 0.5rem 0;*/ } } /* For mobile phones: */ @media only screen and (max-width:768px) { .secCesto .divProdutos { padding: 3px; } .CestoPrdQuantidade { /*padding: 0.2rem 0 0.5rem 0;*/ } } /*-------------------------------------------------------------- # Seção: ClienteLogin --------------------------------------------------------------*/ .secClienteLogin { } .secClienteLogin .Titulo { font-weight: 700; font-size: 22px; } .secClienteLogin p { font-weight: 400; font-size: 15px; line-height: 25px; } /* For desktop */ @media (min-width:768px) { .secClienteLogin .NovoCliente { padding: 0 20px; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .secClienteLogin .NovoCliente { margin-top: 30px; padding: 0; } } /*-------------------------------------------------------------- # Seção: ClientePerfil --------------------------------------------------------------*/ .secClientePerfil { } .secClientePerfil .TitCliente { font-weight: 600; color: var(--primary); } .secClientePerfil .SubTit { font-weight: 600; color: var(--primary); } /* For desktop */ @media (min-width:768px) { .secClientePerfil .TitCliente { font-size: 17px; } .secClientePerfil .SubTit { font-size: 16px; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .secClientePerfil .TitCliente { font-size: 18px; } .secClientePerfil .SubTit { font-size: 17px; } } /*-------------------------------------------------------------- # Seção: Os mais vendidos --------------------------------------------------------------*/ .secMaisVendidos { } .secMaisVendidos .title { font-weight: 700; margin-bottom: 15px; font-size: 18px; } .secMaisVendidos .title a { color: #111; } .secMaisVendidos .description { font-size: 15px; line-height: 28px; margin-bottom: 0; } .secMaisVendidos .icon-box { padding: 30px; position: relative; overflow: hidden; margin: 0 0 40px 0; background: #fff; box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14); transition: all 0.3s ease-in-out; text-align: center; border: 1px solid #fff; } /*-------------------------------------------------------------- # Seção: Porque a RosaCha --------------------------------------------------------------*/ .secPorqueRosCha { } .secPorqueRosCha .titulo { font-weight: 700; margin-bottom: 15px; font-size: 18px; } .secPorqueRosCha .title a { color: #111; } .secPorqueRosCha .subtitulo { font-weight: 700; font-size: 17px; } .secPorqueRosCha .description { font-size: 15px; line-height: 28px; margin-bottom: 0; } /*-------------------------------------------------------------- # Seção: Destaques --------------------------------------------------------------*/ .secDestaques { /*padding-bottom: 20px;*/ } /* .services .icon-box { padding: 30px; position: relative; overflow: hidden; margin: 0 0 40px 0; background: #fff; box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14); transition: all 0.3s ease-in-out; text-align: center; border: 1px solid #fff; } .services .icon { margin: 0 auto 20px auto; padding-top: 17px; display: inline-block; text-align: center; border-radius: 50%; width: 72px; height: 72px; } .services .icon i { font-size: 36px; line-height: 1; } */ .secDestaques .title { font-weight: 700; margin-bottom: 15px; font-size: 18px; } .secDestaques .title a { color: #111; } .secDestaques .description { font-size: 15px; line-height: 28px; margin-bottom: 0; } /*-------------------------------------------------------------- # Seção: Novidades --------------------------------------------------------------*/ .secNovidades .row + .row { margin-top: 100px; } .secNovidades h333 { font-weight: 400; font-size: 24px; } .secNovidades ul { list-style: none; padding: 0; } .secNovidades ul li { padding-bottom: 10px; } .secNovidades ul i { font-size: 20px; padding-right: 4px; color: #68A4C4; } .secNovidades p:last-child { margin-bottom: 0; } .secNovidades .icon-box { padding: 30px; position: relative; overflow: hidden; margin: 0 0 40px 0; background: #fff; box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14); transition: all 0.3s ease-in-out; text-align: center; border: 1px solid #fff; } /*-------------------------------------------------------------- # Seção: Xxx --------------------------------------------------------------*/ .secXxx { } /*-------------------------------------------------------------- # Seção: Produtos --------------------------------------------------------------*/ .secProdutos { background: #fff; padding: 0px 5px 30px 5px; padding: 0px 0px 30px 0px; } .secProdutos .Titulo { font-weight: 700; font-size: 22px; } .secProdutos p { font-weight: 400; font-size: 15px; line-height: 25px; } .secProdutos .produto { margin-bottom: 3px; overflow: hidden; } .secProdutos .produto .produto-btn { padding-top: 10px; width: 100% !important; max-width: 100% !important; } .secProdutos .produto .produto-btn button { width: 100% !important; max-width: 100% !important; } /* Novidades - Inicio */ .NovProduto .produto-img { position: relative; overflow: hidden; /*display: inline-block;*/ } .NovProduto .produto-img .produto-promocao { position: absolute; background: #D0021B; border: 1px solid #D0021B !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .NovProduto .produto-img .produto-novidade { position: absolute; background: #ba9c6b; border: 1px solid #ba9c6b !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .NovProduto .produto-img .produto-blackfriday { position: absolute; background: #000; border: 1px solid #000 !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .NovProduto .produto-img .produto-promocaonatal { position: absolute; background: #355e3b; border: 1px solid #355e3b !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .NovProduto .produto-img .produto-saldos { position: absolute; background: #fcd74d; border: 1px solid #ffc107 !important; font-weight: 500; color: #000; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } /* Novidades - Fim */ .secProdutos .produto .produto-img { position: relative; overflow: hidden; /*display: inline-block;*/ } .secProdutos .produto .produto-img .produto-promocao { position: absolute; background: #D0021B; border: 1px solid #D0021B !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .secProdutos .produto .produto-img .produto-novidade { position: absolute; background: #ba9c6b; border: 1px solid #ba9c6b !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .secProdutos .produto .produto-img .produto-blackfriday { position: absolute; background: #000; border: 1px solid #000 !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .secProdutos .produto .produto-img .produto-promocaonatal { position: absolute; background: #355e3b; border: 1px solid #355e3b !important; font-weight: 500; color: #FFFFFF; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } .secProdutos .produto .produto-img .produto-saldos { position: absolute; background: #fcd74d; border: 1px solid #fcd74d !important; font-weight: 500; color: #000; vertical-align: middle; padding: 2px 8px; margin: 0; display: inline-block; } /* --- Favoritos --- */ .secProdutos .produto .produto-img .produto-fav { position: absolute; vertical-align: middle; text-align: center; display: inline-block; } .secProdutos .produto .produto-img .produto-fav i { color: #4D4744; } .secProdutos .produto .produto-img .produto-apagar { position: absolute; vertical-align: middle; text-align: center; display: inline-block; padding: .1rem .75rem; border-radius: 999px; background-color: #ededed; /* ... */ background-color: #f5f5f5; border-radius: 100%; } .secProdutos .produto .produto-img .produto-apagar i { color: #4D4744; } /* --- Fim dos Favoritos --- */ .secProdutos .produto .produto-over { position: absolute; left: 0; bottom: -35px; right: 0; height: 35px; opacity: 0; transition: bottom ease-in-out 0.4s; text-align: center; background: rgba(81, 43, 27, 0.8); display: flex; align-items: center; justify-content: center; } .secProdutos .produto .produto-over a { transition: color 0.3s; color: #fff; margin: 0 12px; display: inline-block; } .secProdutos .produto .produto-over a:hover { color: #68A4C4; color: #967f76; } .secProdutos .produto .produto-over i { font-size: 18px; margin: 0 2px; } .secProdutos .produto .produto-info { padding: 0; padding: .75rem .75rem; } .secProdutos .produto .produto-info h6 { display: block; /*margin-top: 5px; margin-bottom: 5px;*/ color: #967f76; } .secProdutos .produto .produto-info h4 { margin-top: 5px; margin-bottom: 5px; } .secProdutos .produto .produto-info .prd-precoinicial { text-decoration: line-through; text-decoration-color: #D0021B; font-weight: 500; /*color: #A8A59F;*/ color: var(--text-primary) !important; } .NovProduto .NovProduto-info .prd-precoinicial { text-decoration: line-through; text-decoration-color: #D0021B; font-weight: 500; /*color: #A8A59F;*/ color: var(--text-primary) !important; } .secProdutos .produto .produto-info .prd-precofinal { font-weight: 600; color: var(--text-primary) !important; } .secProdutos .produto:hover .produto-over { bottom: 0; opacity: 1; transition: bottom ease-in-out 0.4s; } .secProdutos .produto:hover .produto-over a, .secProdutos .produto:hover .produto-over i { line-height: 0; font-size: 16px; } /* For desktop */ @media (min-width:768px) { .secProdutos .divProdutos { padding: 6px; } .secProdutos .produto .produto-img .produto-promocao { top: 10px; left: 0; font-size: 11px; } .NovProduto .produto-img .produto-promocao { top: 10px; left: 0; font-size: 11px; } .secProdutos .produto .produto-img .produto-novidade { /*bottom: 5px; left: 5px;*/ top: 10px; left: 0; font-size: 11px; } .NovProduto .produto-img .produto-novidade { top: 10px; left: 0; font-size: 11px; } .secProdutos .produto .produto-img .produto-blackfriday { /*bottom: 5px; left: 5px;*/ top: 10px; left: 0; font-size: 11px; } .NovProduto .produto-img .produto-blackfriday { top: 10px; left: 0; font-size: 11px; } .secProdutos .produto .produto-img .produto-promocaonatal { /*bottom: 5px; left: 5px;*/ top: 10px; left: 0; font-size: 11px; } .secProdutos .produto .produto-img .produto-saldos { /*bottom: 5px; left: 5px;*/ top: 10px; left: 0; font-size: 11px; } .NovProduto .produto-img .produto-promocaonatal { top: 10px; left: 0; font-size: 11px; } .NovProduto .produto-img .produto-saldos { top: 10px; left: 0; font-size: 11px; } .secProdutos .produto .produto-img .produto-fav { /*top: 5px; left: 5px;*/ top: 10px; right: 10px; font-size: 1.2em; } .secProdutos .produto .produto-img .produto-apagar { top: 10px; right: 10px; font-size: 1.2em; } /* Desktop: Referência */ .secProdutos .produto .produto-info h6 { font-size: 13px; font-weight: 400; } /* Desktop: Descrição */ .secProdutos .produto .produto-info h4 { font-size: 14px; font-weight: 500; } /* Desktop: Preço Inicial */ .secProdutos .produto .produto-info .prd-precoinicial { font-size: 14px; } .NovProduto .NovProduto-info .prd-precoinicial { font-size: 14px; } /* Desktop: Preço Final */ .secProdutos .produto .produto-info .prd-precofinal { font-size: 14px; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .secProdutos .divProdutos { padding: 7px; /*padding-left: 18px; padding:6px 12px 6px 12px;*/ } .secProdutos .produto .produto-img .produto-promocao { /*padding: 1px 3px; bottom: 2px;*/ top: 10px; left: 0px; font-size: 8.5px; } .NovProduto .produto-img .produto-promocao { top: 10px; left: 0px; font-size: 8.5px; } .secProdutos .produto .produto-img .produto-novidade { /*padding: 1px 3px;*/ /*bottom: 2px; left: 2px;*/ top: 10px; left: 0; font-size: 8.5px; } .NovProduto .produto-img .produto-novidade { top: 10px; left: 0; font-size: 8.5px; } .secProdutos .produto .produto-img .produto-blackfriday { /*padding: 1px 3px;*/ /*bottom: 2px; left: 2px;*/ top: 10px; left: 0; font-size: 8.5px; } .NovProduto .produto-img .produto-blackfriday { top: 10px; left: 0; font-size: 8.5px; } .secProdutos .produto .produto-img .produto-promocaonatal { /*padding: 1px 3px;*/ /*bottom: 2px; left: 2px;*/ top: 10px; left: 0; font-size: 8.5px; } .secProdutos .produto .produto-img .produto-saldos { /*padding: 1px 3px;*/ /*bottom: 2px; left: 2px;*/ top: 10px; left: 0; font-size: 8.5px; } .NovProduto .produto-img .produto-promocaonatal { top: 10px; left: 0; font-size: 8.5px; } .NovProduto .produto-img .produto-saldos { top: 10px; left: 0; font-size: 8.5px; } .secProdutos .produto .produto-img .produto-fav { /*top: 5px; left: 5px;*/ top: 10px; right: 10px; font-size: 1.2em; } .secProdutos .produto .produto-img .produto-apagar { top: 10px; right: 10px; font-size: 1.2em; } .secProdutos .produto .produto-info h6 { font-size: 14px; font-weight: 400; } .secProdutos .produto .produto-info h4 { font-size: 16px; font-weight: 500; } .secProdutos .produto .produto-info .prd-precoinicial { font-size: 16px; } .NovProduto .NovProduto-info .prd-precoinicial { font-size: 16px; } .secProdutos .produto .produto-info .prd-precofinal { font-size: 16px; } } /*-------------------------------------------------------------- # Tamanhos --------------------------------------------------------------*/ .Titulo { font-weight: 400; } .SubTitulo { font-weight: 400; } .SubTitPerfil { font-weight: 600; } .SubTitMenu { font-weight: 500 !important; text-transform: uppercase !important; } .Texto { font-weight: 400; } /* For desktop */ @media (min-width:768px) { .Titulo { font-size: 2.0rem; } .SubTitulo { font-size: 1.5rem; } .SubTitPerfil { font-size: 1.2rem; } .SubTitMenu { font-size: 1.0rem; } .Texto { font-size: 1.13rem } } /* For mobile phones: */ @media only screen and (max-width:768px) { .Titulo { font-size: 1.6rem; } .SubTitulo { font-size: 1.3rem; } .SubTitPerfil { font-size: 1.1rem; } .SubTitMenu { font-size: 1.0rem; } .Texto { font-size: 1.13rem } } .tam11Regular { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 400; } .tam13 { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; } .tam13SemiBold { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; } .tam13Bold { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; } .tam14 { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; } .tam14Italic { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; font-style: italic; } .tam14Medium { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; } .tam14SemiBold { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; } .tam15 { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; } .tam15Medium { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; } .tam15SemiBold { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; } .tam16 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; } .tam16SemiBold { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; } .tam22Bold { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; } .tam24Medium { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; } .tam32SemiBold { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 600; } /* -------------------------------------- */ /* ---------- Menu dos Filtros ---------- */ /* -------------------------------------- */ .MenuFiltros { min-width: 200px; list-style-type: none; padding-left:0; padding-top:10px; color: var(--text-primary); } .MenuFiltros ul { padding-left:0; } .MenuFiltros li { padding: 1px 0px; } .MenuFiltros li label, MenuFiltros li input { cursor: pointer !important; } .MenuFiltros li a i { float: right; font-weight:600; } .MenuFiltrosSeparador { min-height: 15px; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px; } /* For desktop */ @media (min-width:768px) { .MenuFiltros li a { font-size: 1.0rem; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .MenuFiltros li a { font-size: 1.1rem; } } /*NR*/ /* @media (max-width: 767px) { .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; } } .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } */ @media (min-width:768px) { .container-Sem-Margem { padding: 20px 0px; } .container-fluid-Margem { /*padding: 20px 75px;*/ padding: 20px 25px; } .container-Margem { padding: 20px 200px; } .divProdutoFoto { padding: 10px 35px 35px 35px; padding: 0; } .divProdutoDados { padding: 10px 35px 35px 35px; } } @media (max-width:768px) { .container-Sem-Margem { padding: 20px 20px; } .container-fluid-Margem { padding: 20px 20px; } .container-Margem { padding: 20px 20px; } .divProdutoFoto { padding: 10px 25px 25px 25px; padding: 10px 0px 25px 0px; padding: 0; } .divProdutoDados { padding: 10px 10px 25px 10px; } } .HorizonatalDivider { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.5); } .HorizonatalDividerFooter { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--text-footer); } /* -------------------------------------- */ /* ---------- Dados do Produto ---------- */ /* -------------------------------------- */ .Produto_PrecoInicial { text-decoration: line-through; text-decoration-color: #D0021B; color: #A8A59F; vertical-align: middle; } .Produto_PrecoFinal { /*color: var(--primary) !important;*/ color: var(--text-primary) !important; vertical-align: middle; font-weight: 500; } .Produto_Desconto { background: #D0021B; border: 1px solid #D0021B; color: #FFFFFF; line-height: 14px; vertical-align: middle; display: inline-block; } .Produto_Novidade { background: #ba9c6b; border: 1px solid #ba9c6b; color: #FFFFFF; line-height: 14px; vertical-align: middle; display: inline-block; } .Produto_BlackFriday { background: #000; border: 1px solid #000; color: #FFFFFF; line-height: 14px; vertical-align: middle; display: inline-block; } .Produto_PromocaoNatal { background: #355e3b; border: 1px solid #355e3b; color: #FFFFFF; line-height: 14px; vertical-align: middle; display: inline-block; } .Produto_Saldos { background: #fcd74d; border: 1px solid #fcd74d; color: #000; line-height: 14px; vertical-align: middle; display: inline-block; } .Produto_Descricao { } .Produto_Subtotal { font-weight: 600; /*color: #3bd4ae !important;*/ color: var(--primary); } .Produto_Qtd { /*padding: 0.25em 1.0em !important;*/ padding: 0.20em 0.75em !important; text-align: center !important; font-weight: 600; user-select: none; width: 60px; } .Produto_TitCor { font-size: 16px; font-weight: 500; line-height: 27px; } .Produto_TitTamanho { font-size: 16px; font-weight: 500; line-height: 27px; } /* Cores */ .divCores a, .divCores .a { position: relative; float: left; max-width: 58px; margin-right: 7px; text-decoration: none; font-size: 9px; margin-bottom: 10px; border-radius: 20px; border: 1px solid transparent; padding: 3px; } .divCores a:hover { border: solid 1px #212121 !important; } .divCores a.sel { border: solid 1px #212121 !important; } .divCores a span.Produto_SelectCor { border-radius: 20px; display: block; width: 29px !important; height: 29px !important; border: solid 1px #A8A59f; } /* Tamanhos */ .divTamanhos a, .divTamanhos .a { position: relative; float: left; max-width: 78px; /*58px;*/ margin-right: 7px; text-decoration: none; /*font-size: 9px;*/ margin-bottom: 0px; /*border-radius: 20px;*/ border: 1px solid transparent; padding: 4px 6px; } .divTamanhos a:hover { border: solid 1px #212121 !important; } .divTamanhos a.sel { border: solid 1px #212121 !important; } .divTamanhos a span.Produto_SelectTam { /*border-radius: 20px;*/ display: block; font-size: 1.0rem; font-weight: 500; /*width: 29px !important; height: 29px !important; border: solid 1px #A8A59f;*/ border: 1px solid transparent; } .divTamanhos a span.Produto_SelectTamQuebrado { display: block; font-size: 0.8rem; font-weight: 500; border: 1px solid transparent; } /* .Produto_TitDedicatoria { font-size: 22px; font-weight: 500; line-height: 27px; } .Produto_SubTitDedicatoria { font-size: 15px; font-weight: 400; line-height: 27px; } */ .LabelTitulos { font-size: 1.0rem; font-weight: 500; } /* For desktop */ @media (min-width:768px) { .Produto_Nome { font-size: 1.4rem; font-weight: 600; line-height: 27px; } .Produto_Ref { font-size: 0.9rem; } .Produto_PrecoInicial { font-size: 1.1rem; } .Produto_PrecoFinal { font-size: 1.1rem; } .Produto_Desconto { /*font-size: 13px; line-height: 14px;*/ font-size: 1.0rem; line-height: 1.3; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Novidade { /*font-size: 13px; line-height: 14px;*/ font-size: 1.0rem; line-height: 1.3; padding: 3px 8px; margin: 1px 10px 1px 10px; } Produto_BlackFriday { /*font-size: 13px; line-height: 14px;*/ font-size: 1.0rem; line-height: 1.3; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_PromocaoNatal { font-size: 1.0rem; line-height: 1.3; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Saldos { font-size: 1.0rem; line-height: 1.3; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Descricao { font-size: 1.0rem; line-height: 1.6rem; } .Produto_Saldo { font-size: 0.8rem; } .Produto_QtdCesto { font-size: 15px; } .Produto_Subtotal { font-size: 1.12rem; } .Produto_Qtd { font-size: 1.1rem; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .Produto_Nome { font-size: 1.4rem; font-weight: 600; line-height: 27px; } .Produto_Ref { font-size: 1.1rem; } .Produto_PrecoInicial { font-size: 1.2rem; } .Produto_PrecoFinal { font-size: 1.2rem; } .Produto_Desconto { /*font-size: 15px; line-height: 18px;*/ font-size: 1.1rem; line-height: 1.4; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Novidade { /*font-size: 15px; line-height: 18px;*/ font-size: 1.1rem; line-height: 1.4; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_BlackFriday { /*font-size: 15px; line-height: 18px;*/ font-size: 1.1rem; line-height: 1.4; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_PromocaoNatal { font-size: 1.1rem; line-height: 1.4; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Saldos { font-size: 1.1rem; line-height: 1.4; padding: 3px 8px; margin: 1px 10px 1px 10px; } .Produto_Descricao { font-size: 1.1rem; line-height: 1.8rem; } .Produto_Saldo { font-size: 1.1rem; } .Produto_QtdCesto { font-size: 17px; } .Produto_Subtotal { font-size: 1.4rem; } .LabelTitulos { font-size: 1.1rem; } .Produto_Qtd { font-size: 1.2rem; } } /* ---------------------------------- */ /* ---------- Modal Dialog ---------- */ /* ---------------------------------- */ @media screen and (min-width: 676px) { .modal-dialog { max-width: 650px; /* New width for default modal */ } } @media screen and (max-width: 676px) { .modal-dialog { max-width: 95%; /* New width for default modal */ margin: 0 auto; } } /* --------------------------- */ /* ---------- Toast ---------- */ /* --------------------------- */ .toast { left: 50%; /*position: fixed; bottom: 0 !important;*/ transform: translate(-50%, 0px); z-index: 9998; border-radius: 0; border: solid 1px #fff; background-color: #fff; /* ------------------------------ */ /*position: fixed; bottom: -60px;*/ /*transition: transform 0.5s; transform: translateY(-70px);*/ } .toastMsg { font-size: 14px; font-weight: 500; padding: .75rem 1.2rem; text-align: center; } /* ---------------------------- */ /* ---------- Footer ---------- */ /* ---------------------------- */ #footer { /*margin-top: 50px;*/ position: relative; width: 100%; background-color: var(--background-footer); color: var(--text-primary); font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; line-height: 20px; } /*#footer .titulo { font-weight: 700; font-size: 22px; color: var(--text-primary); }*/ #footer .subtitulo { font-weight: 600; font-size: 1.0rem; color: var(--text-primary); } #footer .newsletsubtit { font-weight: 500; color: var(--text-primary); line-height: 38px; } #footer .footer-content { padding: 40px 0 0; } #footer .ListFooter li { line-height: 25px; } .copyright { font-size: 0.8rem; color: #fff; } /* For desktop */ @media (min-width:768px) { #footer { font-size: 0.9rem; } #footer .newsletsubtit { font-size: 1.2rem; } /*font-size: 20px;*/ } /* For mobile phones: */ @media (max-width:768px) { #footer { font-size: 0.9rem; } #footer .newsletsubtit { font-size: 1.1rem; } #footer .ListFooter { padding: 5px; } } /* ---------------/* -------------------------------- */ /* ---------- BreadCrumb ---------- */ /* -------------------------------- */ .mybreadcrumb { padding: 0; color: var(--text-primary); font-weight: 400 !important; font-size: 0.95rem !important; } .mybreadcrumb ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; font-size: 0.95rem !important; font-weight: 400 !important; } .mybreadcrumb ul > li > a { font-size: 0.95rem !important; font-weight: 400 !important; } .mybreadcrumb li:last-child { font-weight: 500; } .mybreadcrumb li:not(:last-child)::after { display: inline-block; margin: 0 .55rem; margin: 0 .25rem; content: "»"; /* "→";*/ /*---*/ font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f105"; vertical-align: middle; /*color: var(--primary);*/ font-size: 16px; line-height: 24px; } /* --------------------- */ /* ----- Preloader ----- */ /* --------------------- */ /*#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; } #preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #E89A3D; border-top-color: #d1e6f9; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; } @-webkit-keyframes animate-preloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animate-preloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } */ .imgSep_Parallax { margin: 0; padding: 0; min-height: 100vh; float: left; width: 100%; background-position: center; background-position-y: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; } /* --------------------------------- */ /* ----- Contactos e Sobre Nós ----- */ /* --------------------------------- */ /* For desktop */ @media (min-width:768px) { .colContactos { padding: 30px 75px; } .colSobre { padding: 30px 75px; } } /* For mobile phones: */ @media (max-width:768px) { .colContactos { padding: 20px 20px; } .colSobre { padding: 20px 20px; } } /* --------------------------------- */ /* ----- Janela Modal do Cesto ----- */ /* --------------------------------- */ .WCesto { margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 60px; right: 0; position: fixed; margin: auto; height: 100%; } .WCesto .modal-header { border-radius:0; background-color:#f5f5f5; } .WCesto .modal-content { border-radius: 0; border: none; height: 100%; overflow-y: auto; } .WCesto .modal-body { border-radius: 0; border: none; height: 100%; overflow-y: auto; } .WCesto .modal-footer { border-radius: 0; bottom: 0; position: fixed; /*width:100%;*/ background-color: #fff; } .WCestoTitulo { color: var(--primary); } /* For desktop */ @media (min-width:768px) { .WCesto { max-width: 360px; width: 360px; } .WCesto .modal-footer { max-width: 360px; width: 360px; } .WCestoTitulo { font-size: 1.25rem; font-weight: 500; } } /* For mobile phones: */ @media only screen and (max-width:768px) { .WCesto { /*max-width: 300px; width: 300px;*/ max-width: 100%; width: 100%; } .WCesto .modal-footer { /*max-width: 300px; width: 300px;*/ max-width: 100%; width: 100%; } .WCestoTitulo { font-size: 1.25rem; font-weight: 600; } } /* ************************** */ /* ***** Instagram Feed ***** */ /* ************************** */ @media (max-width:768px) { #instafeed { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; /*max-width: 64rem;*/ margin: auto; } } @media (min-width:768px) { #instafeed { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; /*max-width: 64rem;*/ margin: auto; } } @media (min-width:992px) { #instafeed { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; /*max-width: 64rem;*/ margin: auto; } } #instafeed a { display: block; } #instafeed img { display: block; width: 100%; } /* ------------------------------------------------ */ /* ----- Janela Modal da Pesquisa de Produtos ----- */ /* ------------------------------------------------ */ .WPesquisaProduto { margin-top: 0 !important; position: fixed; margin: auto; height: auto; width: 100%; border-radius: 0 !important; } .WPesquisaProduto .modal-content { border-radius: 0 !important; border: none; height: 100%; overflow-y: auto; } .modal-dialogxx { /*max-width: 100%;*/ /* New width for default modal */ } .txtPesquisaProduto { border: none; border-bottom: solid 1px #ae5944; outline: none; padding-left: 0 !important; font-size: 17px; }