@CHARSET "UTF-8";
html {
position: relative;
min-height: 100%;
}
body {
background-color: #901409;
color: #FFF;
font-family: myriad-pro, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
}
a, a:hover {
color:#FFF;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
color: #FFF;
}
.conf-body{
color:#000;
}
.conf-body a, a:hover {
color:#000;
}
/*Bootstrap navbar hiding header and text*/
/*https://www.freecodecamp.org/forum/t/bootstrap-navbar-hiding-header-and-text/146394*/
h2{
margin-top:-80px;
padding-top:80px;
}
h4.modal-title{
color:#000;
}
.logo {
display: block;
height: auto;
width: auto;
max-height: 70px;
/*max-width: 250px;*/
/* Animation*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.logo.shrink {
max-height: 50px;
}
.navbar-nav li a {
color: #FFF !important;
margin-top: 13px;
/* Animation*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.navbar-nav li a.shrink{
margin-top: 0px;
}
.navbar-nav li a:hover, .navbar-nav li.active a, .navbar-header li a:hover, .navbar-header li.active a{
color: #000 !important;
background-color: #c6c6c6 !important;
}
.navbar .navbar-toggler {
border-color: transparent;
color: #fff !important;
}
nav.navbar.shrink {
min-height: 35px;
}
a.nav-link, a.nav-link:hover {
color: #FFF;
}
.footer {
position: relative;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: auto;
background-color: #600e06;
}
#kapcsolat .col-sm-6, #bottom-arrow{
background-color: #600e06;
}
#fooldal .card-header h4{
color: white;
}
#fooldal .card-body{
color: #000;
}
.checkbox {
margin-left: 5px;
}
#warn div{
color: #C20E0E;
text-align: center;
font-weight: bold;
}
#warn{
border-color: red;
border: 3px outset;
}
.products {
width: 340px;
margin:5px;
height:auto;
background-color: #FFF;
color:#000000;
}
.products .card-block {
margin: 5px;
}
.crop-container {
max-width: 329px;
max-height: 180px;
overflow: hidden;
margin: 5px;
}
.crop-container img {
margin-top: -50px;
max-height:300px!important;
}
.products .card-block .components{
float:left;
margin-bottom: -10px;
min-width: 200px;
}
.components{
margin-top:10px;
}
.products .card-block .prices{
margin-top: -5px;
min-width: 200px;
max-width: 100%;
}
.products button[type=submit], .carousel button[type=submit], .card button[type=submit]{
margin-top: -5px;
display: inline-block;
text-decoration: none;
color: #fff;
margin: -5px 5px 10px 5px;
border: 1px solid #cc2900;
text-shadow: 0px -1px 0px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 6px 0px #b32d00, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 6px 0px #b32d00, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
box-shadow: 0px 6px 0px #b32d00, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}
.products p {
margin-left: 10px;
margin-right: 10px;
}
/*The drop-down list of topping is able to scrolling*/
.scrollable-menu {
height: auto;
max-height: 200px;
min-width:300px;
overflow-x: hidden;
}
/*Product card*/
table th{
text-align:center;
}
table button{
margin:5px;
}
.dropdown{
margin:5px;
}
/*The image slider in our business page*/
.carousel {
max-width:640px;
margin:auto;
}
/*Kínálatunk buttons*/
.mp_butons {
color: black;
border-style:solid;
border-color:white;
margin: 10px 5px;
}
#kinalatunk h4 a{
color: white;
}
#kinalatunk {
background:url(../images/background/kinalatunk.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background-origin: content-box;*/
/*background-image: url("../images/negysajtos.jpg");*/
color: white;
}
#hidegtal {
background:url(../images/background/hidegtal.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: white;
min-height: 300px;
}
.form-control {
background-color: #ffeecc;
}
#main_message {
margin-top:35px;
}
#main_message .text-block {
background: url('../images/background/main_message_bg.png') repeat-y;
text-align:center;
margin: 15px auto 15px;
margin-top:15px;
border-radius: 10px;
padding: 15px 15px 20px 15px;
color: #FFFFFF;
max-width:600px;
height:250px;
overflow-y: auto;
}
#main_message .text-block h1{
color: red;
font-weight: bold;
text-shadow: 0px 1px 0px #ccc;
z-index:3;
}
.action_text {
color:#e6e600;
font-weight: bold;
text-shadow:
1px 2px 1px rgba(179, 89, 0,0.9),
0px 6px 3px rgba(000,000,000,1.5);
2px 3px 2px rgba(255,51,0,0.7);
z-index:3;
}
.flex-container {
display: flex;
flex-flow: row wrap;
}
/* Bottom right text */
.action-text-block {
background: url('../images/background/discount_panel_bg.png') repeat-y;
border-radius: 10px;
}
#kinalatunk .text-block {
background: url('../images/background/products_panel_bg.png') repeat-y;
border-radius: 10px;
margin:30px 0px 0px 0px;
padding: 15px 15px 20px 15px;
color: #FFFFFF;
}
#hidegtal .text-block {
background: url('../images/background/products_panel_bg.png') repeat-y;
border-radius: 10px;
margin:30px 0px 0px 0px;
padding: 15px 15px 20px 15px;
color: #FFFFFF;
max-width:600px;
}
/*Success message on online order page after add to cart*/
#message {
position: fixed;
top: 75px;
left: 0;
width: 100%;
z-index:3;
}
#success-alert{
margin: 0 auto;
}
/*Error message on online order page after add to cart*/
#error_message {
position: fixed;
top: 75px;
left: 0;
width: 100%;
z-index:3;
}
#error-alert{
margin: 0 auto;
}
/*turn off number input spinners*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
-moz-appearance:textfield; /* Firefox */
}
.no-dot {
list-style: none;
text-indent: -1.2em; /* negative indent for the first line */
}