@charset "UTF-8";

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

body {
  font-family: Lora, serif;
  font-size: 16px;
  color: black; 
}
h1, h2, h3, h4 {
  font-family: Verdana, sans-serif;
  color: brown; 
}
.blog h4 {
  margin-bottom:-.5em;
  font-family: Verdana, sans-serif;
  color: brown; 
}
table, th, td {
  border: 1px solid brown;
  border-collapse: collapse;
  font-family: Lora, serif;
  font-size: 14px;
  color: black; 
} 
th, td {
  vertical-align: top;
  padding: 5px;
}
th {
  text-align: left;
  font-family: Verdana, sans-serif;
  background-color: brown;
  color: white; 
}

.header {
  background-color: #5F8575; 
  /* background-image: url('../images/istockphoto-1457433817-612x612.jpg'); */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;
  color: white;
  border: 1px solid #5F8575; 
  height: 160px;
  margin: 0px;
  padding: 0px;
}
.fs-title {
  font-family: Shadows Into Light, cursive;
  font-size: 128px;
  color: white;
}
.fs-subtitle {
  font-family: Lora, serif;
  font-size: 28px;
  color: #A04000;
}
.fs-welcome {
  font-family: Shadows Into Light, cursive;
  font-size: 42px;
  font-weight: 700;
  color: #A04000;
}
.fs-sig {
  font-family: Shadows Into Light, cursive;
  font-size: 32px;
  color: #A04000;
}
.fs-menu {
}
.fs-mainheading {
}
.fs-maintext {
  font-family: Lora, serif;
  font-size: 16px;
}
.fs-sidebarheading {
}
.fs-sidebartext{
}
.fs-recipetitle {
  font-family: Shadows Into Light, cursive;
  font-face: bold;
  font-size: 32px;
  font-weight: 700;
  color: #A04000;
}
.fs-recipeheading {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #A04000;
}
.fs-recipetext {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: black;
  padding-left: 36px;
  text-indent: -36px;
}


.navbar {
  background-color: #25423C;
  list-style-type: none;
  text-align: left;
  font-family: Verdana, sans-serif;
  margin: 0;
  padding: 0;
  border: 0px solid red;
}
.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #25423C;
}
.navbar li {
  float: left;
}
.navbar li a {
  display: inline-block;
  color: white; 
  text-align: center;
  padding: 12px 10px;
  text-decoration: none;
}
.navbar li a:hover {
  background-color: #E97451;
}
.navbar a.active {
  background-color: #F5DEB3;
  color: brown;
}

.main100 {
  width: 100%;
  float: left;
  padding: 15px;
  border: 0px solid red;
}
.main65 {
  flex: 50%;
  width: 65%;
  float: left;
  padding: 15px;
  padding-right: 30px;
  border: 0px solid red;
}
.sidebar {
  background-color: #F5DEB3;
  width: 35%
  float: left;
  margin-left: 65%;
  padding: 15px;
  border: 0px solid red;
}
.sidebar a:link, a:visited {
  color: black;
  text-decoration: none;
}
.sidebar a:hover, a:active {
  color: #E97451;
}



.footer {
  border: 0px solid red;
  padding 0px;
  font-family: Verdana, sans-serif;
  background-color: #25423C;
  list-style-type: none;
  text-align: left;
  margin: 0;
}
.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer li {
  background-color: #25423C;
  color: white;
  display: inline-block;
  padding: 10px;
}
.footer a {
  color: white; 
  float: left;
  font-size: 16px;
  text-align: left;
}

table.normal {
  border: 0px solid #36454F;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
table.normal tr {
  border: 0px solid #36454F;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
table.normal td {
  border: 0px solid #36454F;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding-right: 10px;
  padding-bottom: 5px;
}
table.normal th {
  border: 0px solid #36454F;
  border-collapse: collapse;
  text-align: left;
  vertical-align: bottom;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

table.members {
  border: 0px solid #E97451;
  border-collapse: collapse;
  width: 90%;
}
table.members th {
  border: 1px solid #dddddd;
  font-weight: normal;
  background-color: #25423C;
  color: White;
  text-align: left;
  padding: 8px;
}
table.members td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
table.members tr:nth-child(even) {
  background-color: #dddddd;
}



.bullet1 ul li {
  padding: 4px 0px;
  padding-left: 0;
  margin-left: -1.3em;
  list-style-type: square;
  list-style-image: url("../images/bullet1.png");
}
.bullet2 ul li {
  padding: 4px 0px;
  padding-left: 0;
  margin-left: -1.3em;
  list-style-type: square;
  list-style-image: url("../images/bullet2.png");
}
.bulletnormal ul li {
  padding-left: 0;
  margin-left: -1.3em;
  list-style-type: round;
}


p.indented {
  margin-left: 1.5em;
}
p.dateline {
  margin-top:-.8em;
  margin-bottom:-1.2em;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #A04000;
}

.pagination {
  display: inline-block;
}
.pagination a {
  color: #2F2F2F;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

img {
  width: 150px;
}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  transition: 0.5s;
  outline: none;
}
input[type=text]:focus {
  border: 2px solid #555;
}
input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  transition: 0.5s;
  outline: none;
}
input[type=email]:focus {
  border: 2px solid #555;
}

optgroup {
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #2F2F2F;
}

/* For mobile phones - makes menu font size shrink */
@media only screen and (max-width: 480px) {
  .navbar li {
    font-size:2.9vw;
  } 
  body {
  font-size: 2.9vw;
  }
  p.dateline {
  margin-top:-1.8em;
  font-size: 1.5vw;
  }
  table tr td {
    font-size: 2.8vw;
  } 
  table.normal {
    font-size: 2.8vw;
  }
  table.normal tr {
    font-size: 2.8vw;
  }
  table.normal td {
    font-size: 2.8vw;
  }
  table.normal th {
    font-size: 2.8vw;
  }
  ul li {
    font-size: 2.8vw;
  }
  .fs-title {
    font-size: 2.8vw;
  }
  .fs-subtitle {
    font-size: 2.8vw;
  }
  .fs-welcome {
    font-size: 2.8vw;
  }
}

input[type=submit] {
  background-color: pink;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
}
input[type=button] {
  background-color: pink;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
}