/* 
vim:encoding=utf-8:ts=2:sw=2:expandtab 
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

/* Styles for main navigation and logo */

div.header{
  align-items: center;
  margin-top: 10px;
}

div.header .logo, div.header .navigation{
  flex: 1;
}

div.header .navigation{
  text-align: right;
}

div.header .logo img{
  height: 125px; 
  width: auto;
}

ul.navigation{
  list-style-type: none;
  padding-left: 0;
  font-size: 0;
  margin-bottom: 0;
}

ul.navigation li{
  display: inline-block;
  font-family: 'Open Sans Condensed';
  padding: 15px;
  border-right: 1px solid #000;
}

ul.navigation li a{
  text-decoration: none;
  color: #000;
  font-size: 20pt;
}

ul.navigation li:last-child{
  border-right: none;
}

ul.navigation li:last-child a img{
  height: 32px;
  width: auto;
}

ul.navigation li:hover{
  text-decoration: none;
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
}

ul.navigation li.selected{
  background-color: rgba(80, 185, 72, 0.5);
}

@media (max-width: 1200px){
  div.header .logo img{
    height: 100px; 
    width: auto;
  }
  ul.navigation li a{
    font-size: 16pt;
  }
  ul.navigation li:last-child a img{
    height: 26px;
    width: auto;
  }
}

@media (min-width: 993px){
  div.header{
    display: flex; 
  }
}

@media (max-width: 992px){
  ul.navigation li{
    background-color: rgba(255, 255, 255, 0.5);
  }
  div.header .logo,
  div.header .navigation{
    text-align: center;
  }
  div.header .navigation{
    margin-top: 20px;
  }
  ul.navigation li:last-child{
    display: block;
    background-color: transparent;
  }
  ul.navigation li:nth-child(4){
    border-right: none;
  }
}

/* Styles for shifting headers on homepage */

#slidecaption{
	margin-top: 10%;
	margin-left: 2%;
}

h1.shifting_header{
  font-family: 'Open Sans Condensed';
  font-weight: bold;
  color: #fff;
  font-size: 60px;
  text-shadow: 2px 2px 3px rgba(84, 84, 84, 1);
}

h2.shifting_subheader{
  font-size: 24px;
  font-family: 'Open Sans Condensed';
  font-weight: bold;
	line-height: 48px;
	margin-top: 0px;
}

@media screen and (max-width: 600px){
	h1.shifting_header{
		font-size: 45px;
	}
	h2.shifting_subheader{
		font-size: 18px;
	}
}

@media screen and (max-width: 375px){
	h1.shifting_header{
		font-size: 35px;
	}
	h2.shifting_header{	
		font-size: 16px;
	}
}

h2.shifting_subheader span{
  background-color: rgba(80, 185, 72, 0.5);
  padding: 8px;
  color: white;
  text-shadow: 2px 2px 3px rgba(84, 84, 84, 1);
}

/* Styles for slide navigation on homepage */

div.slide_navigation{
  position: absolute;
  right: 0;
  top: 30%;
}

@media screen and (max-width: 767px){
	div.slide_navigation{
		display: none;
	}
}

div.slide_navigation a{
  padding: 10px 35px;
  background-color: rgba(0, 0, 0, 0.7);
  display: block;
  text-decoration: none;
  text-align: center;
}

div.slide_navigation a:hover{
  background-color: rgba(0, 0, 0, 0.9);
}

div.slide_navigation a.forward{
  border-bottom: 1px solid rgb(121, 120, 120);
}

/* Styles for footer */

div.footer{
  background-color: rgba(80, 185, 72, 0.7);  
  position: fixed;
  bottom: 0;
  width: 100%;
}

div.footer div.f-content{
  align-items: center;
}

div.footer div.f-content .left{
  flex: 2;
}

div.footer div.f-content .right{
  flex: 1;
}

div.footer div.f-content .left p,
div.footer div.f-content .right p{
  font-family: 'Open Sans Condensed'; 
  font-size: 12pt; 
  font-weight: 300;
  padding: 10px 0px;
  margin-bottom: 0px;
  color: white;
}

@media (max-width: 992px){
  div.footer div.f-content .left p,
  div.footer div.f-content .right p{
    font-size: 10pt; 
  }
}

div.footer div.f-content .right p{
  text-align: right;
}

@media (min-width: 993px){
  div.footer div.f-content{
    display: flex;
  }
}

@media (max-width: 992px){
  div.footer div.f-content{
    text-align: center;
  }
  div.footer div.f-content .right p{
    text-align: center;
  }
}

/* Styles for content pages */

h1.embed_code{
	font-size: 20px;
	font-weight: bold;
}

h1.content_header{
  font-family: Open Sans Condensed;
  font-weight: bold;
  color: rgb(80, 185, 72);
  font-size: 48px;
  text-shadow: 1px 1px 3px rgba(84, 84, 84, 1);
  margin-top: 10%;
	margin-left: 3%;
}

@media screen and (max-width: 733px) {
	h1.content_header{
		margin-left: auto;
	}
}

div.content{
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  padding: 40px;
  margin-left: 3%;
  margin-bottom: 100px;
  font-family: Open Sans Condensed;
	width: 960px;
}

@media screen and (max-width: 1200px) {
	div.content{
		width: 95%;
		margin: 0 auto 150px auto;
	}
}

@media screen and (max-width: 733px) {
	div.content{
		width: 100%;
		margin-bottom: 150px;
		margin-left: auto;
	}
}

div.content p{
  font-size: 20px;
}

div.content li{
  font-size: 20px;
}

/* Styles for free book form */

.control-label{
  font-size: 18px;
}

span.infusion-option label{
  font-size: 18px !important;
}

/* SMART Team page */

/* Remove bottom margin from <p> tags so tiles stay the same height */

div.tmember-profile p.name, 
div.tmember-profile p.bio,
div.tmember-profile p.email,
div.affiliate-profile p.name,
div.affiliate-profile p.bio,
div.affiliate-profile p.email{
  margin-bottom: 0 !important;
}