@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
@import "../sidemenu/menu.css";

body { font-family: Open Sans, sans-serif; font-size:14px; padding-top:96px; background:#f9f9f9;}
header {color:#bd984a; position:fixed; top:0; left:0; width:100%; z-index:99}

.header-row-1 { height:36px; line-height:36px; font-size:.9em; font-weight:600; background-color:#06070b;}
.header-row-1 a { font-size:inherit; font-weight: inherit; color:inherit;}
.header-row-2 {height:48px; background-color:#18191b; align-items: center; font-size:.9em; font-weight:600;}
.header-row-2 a { font-size:inherit; font-weight: inherit; color:inherit;}
.header-row-1 a:hover, .header-row-2 a:hover {color:#FFFFFF;}

@media (max-width:768px) {
	.header-row-2  [class^="col"]  { padding-left:8px; padding-right:8px;}
}

.main-logo {height:24px; width:auto; margin-bottom:8px }

.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}

.bg-none {background:none;background-color:none !important;}
.bg-contain { background-position:center; background-repeat:no-repeat; background-size: contain;}
.bg-cover { background-position:center; background-repeat:no-repeat; background-size: cover;}
.bg-overlay {background:rgba(15,15,15,0.7);}
.shadowed {box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;}

.navbarbtn { color:#f4f4f4; border:none; outline:none; box-shadow:none; transition:all .5s ease; height:48px; max-height:48px; line-height:36px; cursor:pointer; font-size:inherit;}
.navbarbtn i {font-size:1.3em; padding-bottom:0}
.navbarbtn:hover { color: #F00;}

.search-form {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999}
.search-form form { background:#FFF; padding:3em 0; display:none;}
.search-form input:focus, .search-form button:focus { box-shadow:none !important;}

@media (min-width:768px) {}

.loginmodal {margin:5% auto; width:100%; max-width:360px; background:#FFF; padding:15px; text-align:left;}
.loginmodal form { margin-bottom:4em;}
.loginmodal input, .loginmodal button, .loginmodal .btn {font-size:1rem !important}

#ddClientMenu { position:absolute; top:auto; right:0px; background:#FFF; padding:15px; z-index:2; display:none; text-align:left; line-height:1.5em; border:1px solid #E0E0E0; margin-top:6px;}
#ddClientMenu a {display:block; padding:5px 10px; white-space:nowrap;}
#ddClientMenu a:hover { text-decoration:none; background:#f0f0f0; color:#000;}

h1.page-title, h2.page-title { text-transform:uppercase; font-size:1.35rem; font-weight:600;}

.container { width:100% !important; max-width:1270px !important;}
.table-responsive {padding-left:1px;padding-right:1px;}
.table-bordered { border: 1px solid #dee2e6 !important;}
.table th { background:#f6f6f6;}
::placeholder {font-size:.9rem; font-style:italic; color:#D0D0D0!important;}
.text-underline, .text-underline:hover {text-decoration:underline;}
.btn, .form-control {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
button:focus {outline: none; }
label { font-weight:600;}
a { color:#3a3a3a; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

.floatingcart {position:absolute; right:0; z-index:1; max-width:280px; border:1px solid #dedede; padding:.5em; background:#FFF; max-height: 60vh; overflow:auto; display:none; font-size:.8em; font-weight:normal; text-align:left; color:#181818;}
.floatingcart table { margin-bottom:1em; width:100%; }
.floatingcart table tr { border-bottom:1px solid #EEE; }
.floatingcart table td { vertical-align:top; padding:.2em }
.floatingcart a {margin-left:0 !important;}

.produto-frame {position:relative; background-color:#f9f9f9; margin:2px; margin-bottom:1em;}
.produto-frame-img {position: relative;}
.produto-frame, .produto-frame * {-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
/*.produto-frame-bottom { position:absolute; bottom:10px; left:0; right:0; padding:0 15px;}*/
.produto-frame-bottom {padding: 15px; height:6em; overflow:hidden;}
.produto-frame-nome { color:#000; text-shadow:0 0 4px #FFF; font-weight:600; overflow:hidden;}
.produto-frame-preco { text-align:right;}
.produto-frame-discount { position:absolute; right:10px; top:10px; background-color:#900; background-color:rgba(153,0,0,.75); color:#FFF; padding:0 .4em; font-size:.9em}
.produto-frame:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.produto-frame button {color: #FFF; background-color:#bd984a;}

/*
.produto-frame a {color:#333;}
.produto-frame-preco table { width:100%;}
.produto-frame-preco td { text-align:center; color:#333; font-size:1.2em; font-weight:600;}
.produto-frame-preco td.antes { text-decoration:line-through; color:#B6B6B7; }
.produto-frame-link {text-align:center; text-decoration:none; }
*/

#CookieAlertOverlay {position:fixed; left:0; bottom:0; top:0; right:0;background:rgba(15,15,15,0.7);z-index:10999;display: flex;justify-content: center;align-items: flex-end;}
#CookieAlert {padding:2em; background:#101; color:#fff; text-align:center; font-size:.9em; margin-bottom:5%;max-width:480px;}

footer { color:#181818;}
.footer-row-1 {padding:1em 0; border-top:1px solid #F0F0F0; background-color:#FFFFFF;}
.footer-row-2 {background:#f9f9f9; padding-top:3em; padding-bottom:1em;}
.footer-row-2 [class^="col"] { padding-bottom:2em;}
.footer-row-3 {padding-top:2em;padding-bottom:2em; background-color:#eaeaea; color:#181818;}
.footer-row-3 a {display:block; line-height:1.6em; color:inherit;}
.footer-row-3 a:hover {color:#000; font-weight:600}
.footer-row-4 {padding-top:2em;padding-bottom:2em; text-align:center; background-color:#dadada; color:#181818;}
.copyright {padding-bottom:1em;font-size: .8em;}