@media print { .noprint { display: none; } a { text-decoration: none; }  }
@media screen { .noscreen { display: none; } }
body {
	font-family: 'Roboto', sans-serif;
  font-size: 15px;
  background: #271b15 url(/img/bg.jpg);
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;  
}

/* MAIN COLORS */
.halfsparent { background: #ffffffCC; }
.mainarea { border-radius: 5px; }
.background { background: #ffffff; }
.debug { background: #edeec1; padding: 20px; border: 1px dashed rgb(255, 180, 180); margin: 5px 20px}
.primary { background: #199e56; color: #ffffff; }
.secondary { background: #20BD62 }
.third { background: #199DAA }
.fourth { background: #1B3F73 }
.fifth { background: #201E57 }
.bad { background: #F97154 }
.good { background: #20BD62 }
.info { background: #199DAA }
.primary-text { color: #199e56 }
.secondary-text { color: #333333 }
.third-text { color: #199DAA }
.bad-text { color: #F97154 }
.good-text { color: #20BD62 }
.info-text { color: #199DAA }
.meta-text { color: #808080; }

/* TITLES AND LOGO */
h1.logo { margin: 10px; padding: 0; font-size: 25px; font-family: 'Pacifico', cursive; color: #f8f8f8de; }
h1.logo a { color: #f8f8f8de; text-decoration: none; }
h2 { font-family: 'Pacifico', cursive; color: #1a9e56; text-shadow: 1px 1px 2px #bbbaba; }
h3 { font-family: 'Pacifico', cursive; color: #1a9e56; text-shadow: 1px 1px 2px #bbbaba; }
img.logo.inline { width: 300px; height: 71.8px; margin-left: auto; margin-right: auto; }

/* BUTTONS */
.btn-primary { border-color: #199e56; color: #ffffff; background: #199e56;}
.btn-primary:hover { background: #199e56; color: #ffffff; border-color: #199e56; color: rgb(63, 202, 126);}
.btn-outline-primary-inverted { border-color: #ffffff; color: #ffffff;}
.btn-outline-primary { border-color: #199e56; color: #199e56;}
.btn-outline-primary:hover { background: #199e56; border-color: #199e56; color: #ffffff;}
.btn-outline-secondary { border-color: #20BD62; color: #666666; transition: border-color, color, background 0.5s linear;}
.btn-outline-secondary-inverted { border-color: #ffffff; color: #ffffff;}
.btn-outline-secondary.active, .btn-outline-secondary:hover { background: #20BD62 !important; border-color: #20BD62 !important; color: #FFFFFF !important;}
.btn-fullwidth { width: 100%; }

.input-group-prepend-primary { border-right: 0; background: #ffffff; border-color: #199e56;}
.input-control-primary { border-color: #199e56; border-left: 0; border-right: 0;}

/* START PAGE SEARCH */
.no-outline:focus, .no-outline { outline-style: none; box-shadow: none; border-color: #199e56;  }

/* Restaurant cards */
.restaurant-card { transition: border-color 0.5s linear; }
.restaurant-card:hover { border-color: #999999; }
.restaurant-card-logo { text-decoration: none; max-height: 2.3em; width: 100%; overflow: hidden; font-size: 1.7em; padding: 0.5em 0.5em; }
.restaurant-card-logo:hover { text-decoration: none; }
.restaurant-card .card-body { height: 270px; overflow-y: auto;}
.restaurant-card .card-fade { top: 319px; position: absolute; height: 10px; width: 95%; background: #ffffff99; }
#map { height: 400px; width: 100%; }


/* POPOVERS */
.popover-header { display: none; }

/* MAIN PAGE AREAS */
#main { display: flex; align-items: stretch }
#navigation { max-width: 100% !important; }
#sidebar { min-width: 250px; max-width: 250px; min-height: 100vh;}
#sidebar.active {  margin-left: -250px; }
header { position: fixed; top: 0; width: 100%; min-height: 50px; z-index: 100; }
main { min-height: 60vh; margin-top: 100px; z-index: 50; }
footer { background: #199DAA; min-height: 10vh;  position: fixed; bottom: 0; width: 100%; z-index: 99; }
footer a { color: #ffffff99;}
footer .secondary-text { text-align: center; font-size: 10px; }
footer .secondary-text a { color: #333333; }
.start footer {  min-height: 20vh; }  

/* TAGS - Not active*/
.tags { list-style: none; margin: 0; overflow: hidden;  padding: 0; }
.tags li { float: left; font-size: 10px; }
.tag { list-style: none; background: #eee; border-radius: 3px 0 0 3px; color: #333; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; }
.tag::before { background: #fff; border-radius: 10px; /* box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);  */ content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; }
.tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.tag:hover { background-color: #ffc934de; color: 0; text-decoration: none;}
.tag:hover::after { border-left-color: #ffc934de; }

/* Scrollbars */
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #DDDDDD; 
  border-radius: 0x;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  transition: background-color 2.5s linear;
  background-color: #DDDDDD;
  border: #CCCCCC 1px solid;
  border-radius: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #CCCCCC;
}