/*Jenn Parker 
	Final Project - WDV101
	May 5, 2016
The Tree Guy Style Sheet*/
/* Body Style*/
#textarea legend {
  line-height: 103%;
  text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff, 0px 1px 0 #ffffff, 0px -1px 0 #ffffff, -1px 0px 0 #ffffff, 1px 0px 0 #ffffff;
  margin-bottom: 3%;
  color: #331100; }

#radio legend, .address legend {
  line-height: 103%;
  text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff, 0px 1px 0 #ffffff, 0px -1px 0 #ffffff, -1px 0px 0 #ffffff, 1px 0px 0 #ffffff;
  margin-bottom: 5%;
  color: #331100; }

body {
  /*	background-image: url(images/tree_rings_resized.jpg), url(images/walnut_leaves_resized.jpg), url(images/bark.jpg);
  	background: url(images/bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	background-repeat: no-repeat, no-repeat, no-repeat;
  	background-color: #cc9966;
  	background-attachment: fixed, fixed;
  	background-position: left 16%, right bottom, top center; */
  color: #331100;
  font-family: "Trebuchet MS", Helvetica, sans-serif; }

#top {
  margin-top: -13%;
  vertical-align: center; }

header {
  color: #000099;
  font: 2em bold;
  height: auto;
  width: 100%;
  text-shadow: 6px 9px 12px black;
  margin: 0 auto;
  text-align: center;
  margin-top: -5%; }

/*
nav{
	margin: 0 auto;
	line-height: 95%;
	width: auto;
	
	box-shadow: 3px 3px 3px;

}*/
nav ul {
  list-style-type: none;
  background-color: #b3e6ff;
  text-decoration: none; }

nav ul li {
  display: inline;
  width: 100%;
  letter-spacing: 1.5px;
  color: #cc0000;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0 .6em; }

nav ul li :hover {
  color: white;
  text-decoration: none;
  font-size: 17px;
  background: #3366ff; }

a:link {
  background: none;
  border: none;
  line-height: 100%;
  text-decoration: none; }

a:hover {
  color: #00ff00;
  text-decoration: none;
  background: #333300; }

ul {
  background: rgba(255, 204, 102, 0.3);
  box-shadow: 2px 12px 13px; }

li {
  font: 1.4em bold;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  line-height: 1.6em;
  color: #331100; }

header h2 {
  margin-top: 0;
  font-size: 1.5em;
  color: #990000;
  background-color: rgba(255, 255, 255, 0.6);
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000; }
  @media (max-width: 480px) {
    header h2 {
      font-size: 1em; } }
  @media (min-width: 481px) and (max-width: 600px) {
    header h2 {
      font-size: 1.3em; } }

header h1 {
  font-size: 2em;
  text-shadow: 1px 1px 0 #0099ff, -1px 1px 0 #0099ff, 1px -1px 0 #0099ff, -1px -1px 0 #0099ff, 0px 1px 0 #0099ff, 0px -1px 0 #0099ff, -1px 0px 0 #0099ff, 1px 0px 0 #0099ff; }
  @media (max-width: 480px) {
    header h1 {
      font-size: 1.25em; } }
  @media (min-width: 481px) and (max-width: 600px) {
    header h1 {
      font-size: 1.75em; } }

#maincontainer {
  width: 100%;
  margin: 0 auto; }

/* Homepage */
.intro {
  background: rgba(255, 204, 102, 0.5);
  padding: 5px;
  border: 5px ridge #006600;
  width: auto;
  margin: 3% auto;
  text-align: center;
  line-height: 150%; }
  @media (max-width: 599px) {
    .intro {
      font-size: 1em; } }
  @media (min-width: 600px) and (max-width: 1023px) {
    .intro {
      font-size: 1.1em; } }
  @media (min-width: 1024px) {
    .intro {
      font-size: 1.2em; } }

.homepage img {
  border: 3px solid #663300;
  border-radius: 25%;
  background-color: #ffcc66;
  padding: 2px;
  overflow: auto;
  box-shadow: 22px 12px 13px; }

#services {
  text-align: left;
  margin-left: 3%;
  padding: 3% 7%;
  float: left; }
  @media (max-width: 420px) {
    #services {
      margin-left: 18%; } }
  @media (min-width: 421px) and (max-width: 599px) {
    #services {
      margin-left: 20%; } }
  @media (min-width: 600px) and (max-width: 749px) {
    #services {
      margin-left: 22%; } }
  @media (min-width: 750px) and (max-width: 1023px) {
    #services {
      margin-left: 18%; } }
  @media (min-width: 1024px) {
    #services {
      padding: 3% 9%;
      margin-left: 10%; } }

@media (max-width: 420px) {
  .center h2 {
    font-size: 1.6em;
    text-align: left; }
  .center li {
    font-size: 1em; }
  .center ul {
    margin-left: 20%; }
  .center p em {
    font-size: 1em;
    margin-left: 0;
    text-align: left; }
  .center img {
    margin-left: 0; } }
@media (min-width: 421px) and (max-width: 599px) {
  .center h2 {
    font-size: 1.8em;
    text-align: center; }
  .center li {
    font-size: 1.2em; }
  .center ul {
    margin-left: 30%; }
  .center p em {
    font-size: 1.15em;
    text-align: center; }
  .center img {
    margin-left: 5%; } }
@media (min-width: 600px) and (max-width: 749px) {
  .center img {
    margin-left: 10%; }
  .center ul, .center li {
    margin-right: 0; } }
@media (min-width: 750px) and (max-width: 1023px) {
  .center h2 {
    margin-left: 5%;
    text-align: left; }
  .center p em {
    margin-left: 5%;
    text-align: left; }
  .center img {
    margin-left: 10%; } }
@media (min-width: 1024px) {
  .center img {
    margin: 0; }
  .center h2 {
    font-size: 2em; }
  .center em {
    font-size: 1.3em;
    text-align: left; } }

.findbob {
  font-size: 1.35em;
  color: #331100;
  font-style: italic;
  float: right;
  box-shadow: 2px 12px 13px;
  padding: 4px; }
  @media (max-width: 599px) {
    .findbob {
      float: left;
      margin-left: 1%; } }

/* Videos page */
.videopage {
  clear: both;
  font-size: 1.35em;
  color: red;
  background-color: rgba(204, 235, 255, 0.7);
  padding: 3%;
  border: 1px ridge black;
  vertical-align: center;
  text-align: center;
  margin-top: 15%; }
  @media (max-width: 480px) {
    .videopage {
      margin-top: 0;
      font-size: .9em; } }
  @media (min-width: 481px) and (max-width: 600px) {
    .videopage {
      margin-top: 1%;
      font-size: 1em; } }
  @media (min-width: 601px) and (max-width: 1024px) {
    .videopage {
      margin-top: 2%;
      font-size: 1.15em; } }

.videopage2 {
  clear: both;
  font-size: 1.35em;
  color: red;
  background-color: rgba(204, 235, 255, 0.7);
  padding: 3%;
  border: 1px ridge black;
  vertical-align: center;
  text-align: center;
  margin-top: 15%; }
  @media (max-width: 480px) {
    .videopage2 {
      margin-top: 3%;
      font-size: .85em; } }
  @media (min-width: 481px) and (max-width: 600px) {
    .videopage2 {
      margin-top: 6%;
      font-size: 1em; } }

/* Homeowners Page */
.homeowner {
  font: 1.2em "Arial Black", Gadget, sans-serif; }

.homeowner img {
  margin: auto; }

.homeowner p {
  text-decoration: none;
  color: #e6ffff;
  text-shadow: 3px 4px 5px black;
  background-color: rgba(0, 102, 204, 0.5);
  text-align: center;
  margin: 2% auto;
  float: left;
  height: 96%;
  box-shadow: 3px 4px 2px black;
  border: 1px black solid; }
  .homeowner p strong em {
    color: #e6ffff;
    text-shadow: 3px 4px 5px black; }

.homeowner h3 {
  clear: both; }

.advice {
  background-color: #ffcc66;
  padding: 5px;
  border: 5px ridge #ffcc00;
  width: 85%;
  margin: 3% auto;
  text-align: center;
  font-size: 1.1em;
  line-height: 150%; }
  @media (max-width: 480px) {
    .advice {
      margin-top: 0;
      font-size: .9em; } }
  @media (min-width: 481px) and (max-width: 600px) {
    .advice {
      margin-top: 1%;
      font-size: 1em; } }
  @media (min-width: 601px) and (max-width: 1024px) {
    .advice {
      margin-top: 2%;
      font-size: 1.15em; } }

.quote {
  background-color: #ffcc66;
  padding: 5px;
  border: 5px ridge #ffcc00;
  width: 85%;
  margin: 3% auto;
  text-align: left;
  font-size: .8em;
  line-height: 150%; }

/*Footer Style*/
footer {
  clear: both;
  bottom: 0px;
  width: 100%;
  margin-top: 3%;
  font-size: 1.1em;
  color: white;
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000;
  text-align: center; }
  @media (max-width: 599px) {
    footer {
      font-size: 1em; } }
  @media (min-width: 600px) and (max-width: 1023px) {
    footer {
      font-size: 1.1em; } }
  @media (min-width: 1024px) {
    footer {
      font-size: 1.2em; } }

/* CSS from https://codepen.io/crashy/pen/JoKMgG */
html {
  position: relative;
  min-height: 100%; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: easein easeout;
  background-color: #66ccff; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) 0.2s;
    transform: translate3d(0, 0, 0) 0.2s; }

  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) 0.2s;
    transform: translate3d(0, 0, 0) 0.2s; }

  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) 0.2s;
    transform: translate3d(0, 0, 0) 0.2s; } }
.item:nth-child(1) {
  background: url(../images/tree_rings_resized.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.item:nth-child(2) {
  background: url(../images/walnut_leaves_resized.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.item:nth-child(3) {
  background: url(../images/bark.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.carousel {
  z-index: -99; }

.carousel .item {
  position: fixed;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=Bootstrap_test.css.map */