/*      bootstrap resets       */
.navbar {
   margin-bottom: 0px; 
  /*  min-height: 70px; */
}
.navbar-inverse {
    background-color: #763411;
    border-color: #fff;
}


body {
  padding-top: 56px;
  background-color: #5B2E19;
 background-image: url('../images/sc-final.jpg'); 
  
  background-position: 60% 56px;
  background-size: cover;

  background-attachment:fixed;
  background-repeat: no-repeat;
  font-family:'Varela Round', sans-serif;
  color: #333;

}


p {
 margin-bottom: 5px;
}

p, .colwhite {
color:#fff;
}

a {
color:#C66828;
}

a:active, a:hover  {
color:#D67848;
text-decoration:none;
}



.noround {
border-radius:0;
}

.drop-basemenu {
    background-color: #A65411;
	border-bottom:solid #fff 1px;
	border-left:solid #fff 1px;
	border-right:solid #fff 1px;

}

.account-menu {
	min-width:280px;
}


.navbar-nav > li > a, .navbar-nav > li > button {
    line-height: 35px;
	font-size:1.15em;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
    color: #fff;
	width:100%;
	text-align:left;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > button:hover {
 background-color: rgba(172, 88, 17, 0.89);
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: rgba(172, 88, 17, 0.89);
    
}

input[type="file"].form-control {
padding: 0px 6px;

}

.nav > li > a, .nav > li > button  {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.modal p, .modal label {
color:#212121;
}

/*
.pad-horiz {
padding-left:2%;
padding-right:2%;
}
*/
.mgauto {
margin-left:auto;
margin-right:auto;
}

.pdvb {
padding-top:2em;
padding-bottom:2em;
}
.pdv {
padding-top:1em;
padding-bottom:1em;
}

.pdvs {
padding-top:0.5em;
padding-bottom:0.5em;
}

.mgv {
margin-top:1em;
margin-bottom:1em;
}

.mgvs {
margin-top:0.5em;
margin-bottom:0.5em;
}


.bld {
font-weight:700;
}

.filter {
  list-style: none;
  padding:0 0 0 0.3em;
}

.filter li {
  padding:0.2em 0;
}

.animloaded {
  width: 64px;
  height: 64px;
  background: #111 url('spinner.gif') 50% 50% no-repeat;
	margin:1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;

}

.userpic-sm {
width:32px;
}

.userpic-lg {
width:200px;
}

.explanation {
  padding-top: 35px;
  padding-bottom: 25px;
  
}

.recipes-section {

background-color: #3D3D3D;
background-image: url('../images/chalkboard-background.jpg');
  /*background-size: cover;*/
}

.clearbg-orange {
 /* margin-top: 55px; */
  background-color: rgba(172, 88, 17, 0.89);
  padding-bottom: 20px;
}

.about-us {
  background-color: rgba(118, 52, 17, 0.95);
  padding-bottom: 20px;
}

button.autocomplete-suggestion, .meas-choices li button {
display:block;
width:100%;
border:none;
background-color:#fff;
text-align:left;
text-transform:uppercase;
}

.meas-choices li button {
color:#000;
}

.meas-choices li button:hover {
background-color:#dfdfdf;
}

.ingredients-wrapper {
margin:1em auto;
}

.ingr-row {
margin-top: 3px;
margin-bottom: 3px;


}


.ingredient-text, .ingredients-amount {
  height:32px;
  line-height:32px;
  background-color:#fff;
}


.ingredient-text {
 font-size: 17px;
}

.ingredients-amount {
 font-size: 15px;
}



.choice-label {
font-size:1.2em;
font-weight:400;
}

.cap {
text-transform:uppercase;
}

.ul-cap li a {text-transform:capitalize;}


label {
cursor:pointer; color:#fff;
}


.home-title {
  margin: 12px 15px 13px 7px;
  color: white;
  font-size: 27px;
  font-weight: 700;
  text-shadow: black 1px 1px 6px;
}


h1 { 
  color: white;
font-size: 35px;
font-weight: 700;
text-shadow: black 1px 1px 6px;
}

.font-one {
  font-family:'Coming Soon', sans-serif;
}

.sub-title {
  color: white;
  text-shadow: black 1px 1px 6px;
}

h2 {
  margin-top: 70px;
  margin-bottom: 10px;
  color: #dbdbdb;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

h3 {
  margin-top: 39px;
  margin-bottom: 19px;
  color: #faf2f2;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}


.recipes-row {
  margin-top: 25px;
  margin-bottom: 35px;
}

.refine-title {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family:'Coming Soon', sans-serif;
  color: #f7f7f7;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}
.recipe-title {
  font-family:'Varela Round', sans-serif;
  color: #e6e6e6;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  height: 60px;
}
.recipe-source {
  color: #e3e3e3;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
}
.recipe-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.footer {
  background-color: #333;
  padding-bottom:1.5em;
  padding-top:1.5em;
}

.cookbooks-column {
  width: 80%;
  float: left;
}
.cookbooks-column.add-button {
  width: 10%;
  margin-top: 51px;
}

.add-button {
  border-radius: 5px;
  background-color: #006907;
  font-size: 41px;
}

.refine-label {
  margin-top: 35px;
  font-family:'Coming Soon', sans-serif;
  color: #b8b8b8;
  line-height: 30px;
}

.search-label {
  margin-top: 20px;
  margin-bottom: 15px;
  color: #faf2f2;
  font-size: 16px;
  line-height: 20px;
}

.expl-bottom {
vertical-align:bottom;
margin-top:200px;
}

.header-text {
  margin-bottom: 0px;
  padding: 15px;
  font-size: 20px;
  line-height: 144%;
  text-align: left;
  text-shadow: black 4px 4px 14px;
  background-color: rgba(118, 52, 17, 0.8);
  border-radius: 5px;
}

.copyright-text {
  color: #d1cdcd;
  font-size: 16px;
  text-align: center;
}

.social-media {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 40px;
  line-height: 50px;
}
.social-media a {
  color:#AD6122;
}
.social-media a:hover {
  color:#763411;
}

.datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif; 
}

.datagrid table {
text-align: left; 
width: 100%; 
border: 1px solid #006699; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
 
} 
.datagrid table td, .datagrid table th { padding: 3px 10px; }

.datagrid table thead th {

background-color:#006699; 
color:#FFFFFF; 
font-size: 10px; 
font-weight: bold; 
border-left: 1px solid #0070A8; 
}


.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { background-color:#fff; color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background-color: #E1EEF4; color: #00496B;} 
.number td{ text-align: right;}
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }




.nutrition {
border:solid #8E4E1C 1px;
padding:0em 1em;

margin:0.5em 0em;


box-shadow: 2px 2px 4px rgba(0,0,0,.7);
}

.nutrition .row {
padding-top:0.3em;
padding-bottom:0.3em;
background-color: #C99B6C;
border-bottom:solid #8E4E1C 1px;
}

.nutrition .nutri-header {
background-color: rgba(192, 88, 17, 0.9);
font-weight:700;
}


.font-med {
font-size:17px;
}


.blbt {
  background-color: transparent;
  cursor:pointer;
  border:none;
}


.lgresponse {
color:#fff;
text-align:center;
padding: 1em 0.2em;
}

.recipe-pic {

border:solid #75412a 2px;
border-radius:15px; 
box-shadow: 3px 3px 4px rgba(0,0,0,.9);
}




.loginsocial {

color:#fff; border-radius:4px; 
border:none; 
padding:1em;
min-width:250px;
max-width:250px;

min-height:48px;
margin:0.4em 0em;
text-align:left;
}

.loginsocial i, .loginsocial span {
vertical-align:middle;margin-right:0.5em;font-size:2em;
}

.EmBt { background-color:#D37C34; }
.EmBt:hover { background-color:#C66D23; }

.FbBt { background-color:#2B4988; }
.FbBt:hover { background-color:#3B5998; }

.TwBt { background-color:#55acee; }
.TwBt:hover { background-color:#459cde; }

.GpBt { background-color:#323232; }
.GpBt:hover { background-color:#424242; }


.green-col {color :#22bb22;}
.red-col {color :#aa3311;}



/*         JQuery autocomplete plugin              */


.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }




@font-face {
  font-family: 'Coming Soon';
  font-style: normal;
  font-weight: 400;
  src: local('Coming Soon'), local('ComingSoon'), 
  url('//fonts.gstatic.com/s/comingsoon/v6/myblyOycMnPMGjfPG-DzP44P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
}


/*
@font-face {
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: local('Varela'), 
  url(//fonts.gstatic.com/s/varela/v7/G6yziUoU5w8QmZ32N_0XDQ.woff2) format
('woff2');
}
*/

@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round'), local('VarelaRound-Regular'), 
  url(//fonts.gstatic.com/s/varelaround/v6/APH4jr0uSos5wiut5cpjrugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}