@grey-md: #ed581e;
@grey-dk: #fb4c2e;

@blue-md: #025992;
@blue-dk: #0b3754;
@blue-grey: #456787;
***/

.grey-md  { background-color:#d4d4d4;}
.grey-md-text { color: #d4d4d4; }
.grey-dk { background-color:#1d2d2c;}
.grey-dk-text { color: #1d2d2c; }
.blue-md { background-color:#025992; }
.blue-md-text { color:#025992; }
.blue-dk { background-color:#0b3754;}
.blue-dk-text { color:#0b3754; }

a:link {
	font-weight: normal;
}
a:visited {
	font-weight: bold;
}
a:hover {
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	font-weight: bold;
	text-decoration: underline;
}

.container {
	margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body {
	padding-top: 20px;
  	padding-bottom: 20px;
}

/* Custom page header */

.header h3 {
  	margin-top: 0;
  	margin-bottom: 0;
  	line-height: 20px;
}

.jumbotron h2, .jumbotron .h2 {
    font-size: 36px;
    text-align: center;
}

.jumbotron p, .jumbotron .p {
    font-size: 20px;
    padding: 10px;
}
.jumbotron {
  	background-color:#eaeaea;  
  	text-align: center;
  	border-bottom: 3px solid #d4d4d4;
  	margin-bottom:0;
}
.jumbotron .btn {
  	padding: 10px 17px;
  	font-size: 18px;
}
.jumbotron .social-icons {
    top:-30px;
}

.logos img {
  
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #0b3754;
}
.navbar-inverse .navbar-toggle {
    margin-top: 15px;
    border-color: #d4d4d4;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#scienceofsoil-logo.navbar-brand {
  	padding-top:7px;
}
#scienceofsoil-header.navbar {
  	background: #4e8fba;
  	border-bottom: 3px solid #d4d4d4;
}
#scienceofsoil-header.navbar .navbar-nav>li>a {
  	color: white;
}

#scienceofsoil-header.navbar {
  background: #4e8fba;
  border-bottom: 3px solid #d4d4d4;
}
#scienceofsoil-header.navbar .navbar-nav>li>a {
  color:white;
}

.btn-snackfilter {
  font-size:14px;
  border:0;
  border-radius:0;
  padding:6px;
  border-bottom: 1px dotted white;
  color: #555A5B;
 }

.btn-snackfilter:hover,
   .btn-snackfilter:focus,
   .btn-snackfilter.active     {
    border-color: #fb4c2e;
    color: #fb4c2e;
    -webkit-box-shadow: none;   box-shadow: none; 
    font-weight: bold;
}

.btn-snackfilter.active     {
  	color:#444;   
  	font-weight: bold; 
}

#scienceofsoil-logotext.navbar-brand {
  padding-top:16px;
}
#scienceofsoil-logo:before {
  display:block;
  height:40px;
  width:367px;
  content:'';
  background-image:url('../imgs/logo_scienceofsoil.png');
}
#scienceofsoil-logotext {
	font-size: 22px;
	margin-top: 6px;
	font-weight: 500;
	color: #d4d4d4;
}
#scienceofsoil-logotext:hover, #scienceofsoil-logotext:focus {
  	text-decoration:none;
  	font-weight: 600;
	color: white;
}

.headernmsulogo img {
	height: 40px;
	width: 40px;
	margin-top: 15px;
}
.headersocmedia img {
	height: 25px;
	width: 25px;
	margin: 0px;
	margin-top: 15px;
}
.headersocmedia p {
	margin-top: 3px;
	font-size: 17.5px;
}
.header-logo {
	height: 30px;
	width: 60px;
	margin: 0px;
}

#scienceofsoil-header.navbar {
    
}
.navbar-nav>li>a {
    font-size:18px;
    line-height:15px;
    padding: 14px 10px 6px 10px;
}

#filter-buttons {
    padding:5px 10%;
  }
 .btn-snackfilter {
  font-size:14px;
  border:0;
  border-radius:0;
  padding:6px;
  border-bottom: 1px dotted white;
  color: #555A5B;
 }

.btn-snackfilter:hover,
.btn-snackfilter:focus,
.btn-snackfilter.active     {
  border-color: #fb4c2e;
  color: #fb4c2e;
  -webkit-box-shadow: none;   box-shadow: none;
  font-weight: bold;
}
.btn-snackfilter.active     {
  color:#444;
  font-weight: bold;
}
.btn-snackfilter {
    font-size:18px;
    border:0;
    padding:6px 12px;
    border-bottom: 1px dotted white;
    color: #555A5B;
}

.resource-list li {
    width:150px;
}
.resource-list li a {
   padding:10px 0;
}
.resource-list a .icon-text {
    line-height:1.1;
    font-size:18px;
    padding:5px;
}

.sidebar .affix {
      top:20px;
}

.back-to-top {
    display: block;
}
#snacklist {
    padding-top:42px;
}
.snack-container {
    padding:50px;
}

.snack-text-container table.table thead {
  background-color:#0b3754;
  color:white;
  border-color:#ddd;
  font-weight:bold;
}

.btn-snackfilter {
    font-size:18px;  
    padding:6px 12px;
}

.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

ul.tags {
  list-style:none;
  padding-left:0;
}

.navbar {
  margin-bottom: 20px;
  list-style: none;
}

#snackTabs .nav-pills>li>a,
.resource-list a,
a.btn,
.mathsnack-thumb>.thumbmnail, 
.navbar-inverse .navbar-nav>li>a {
   /* Firefox */
    -moz-transition: background-color .4s ease-in;
    /* WebKit */
    -webkit-transition: background-color .4s ease-in;
    /* Opera */
    -o-transition: background-color .4s ease-in;
    /* Standard */
    transition: background-color .4s ease-in;
}  

.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color:#0b3754;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #0b3754;
}

.navbar-inverse .navbar-toggle {
    border-color: #d4d4d4;
}

 #scienceofsoil-header.navbar {
  background: #0179b5;
  border-bottom: 3px solid #d4d4d4;
}

 #scienceofsoil-header.navbar .navbar-nav>li>a {
  color:white;
 }

/* Remove the padding we set earlier */
.header,
.marketing,
.footer {
    padding-right: 0;
    padding-left: 0;
}
/* Space out the masthead */
.header {
    margin-bottom: 40px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 0px;
}

.navbar-nav>li>a {
    font-size:18px;
    line-height:45px;
}

#snacklist {
    padding-top:42px;
}
.snack-container {
    padding:50px;
}


.thumbnail {
	
}
.thumbnail_homepage {
	border-color: #d3d3d3;
}

.colorwhite {
	color: white;
}

.thumbnail_homepage h3, .thumbnail h3 {
	text-align: left;
	margin-top: 5px;
}

.spaceafter {
	text-align:center;
	padding-bottom:10px;
	margin-top:0;
}

.footer {
  	margin-top:20px;
  	padding:15px 0;
  	color:#fff;
  	border-bottom: 10px solid #d4d4d4;
}
.footer a {
  	color:#fff; 
  	font-weight: bold;
}

/*the following is for the youtube videos*/
.snack-screen {
  	margin:10px auto;
}
.embed-responsive-20by13 {
    padding-bottom: 65%;
}
.below-video-title {
	text-align: center;
	padding-bottom: 10px;
	margin-top -15px;
}

/*the following is for the sharable social mediaa below videos, interactives, and animations */
.snack-container-footer {
    height: 18px;
}
.a2a_kit a {
    cursor: pointer;
}
.a2a_default_style a {
    float: left;
    line-height: 16px;
    padding: 0 2px;
}
.a2a_default_style .a2a_img, .a2a_default_style .a2a_dd, .a2a_default_style .a2a_svg {
    float: left;
}

.a2a_img {
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.a2a_img, .a2a_svg {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}
.a2a_img {
    background: url(https://statica.addtoany.com/menu/icons.33.png);
    border: 0;
    line-height: 16px;
}
.a2a_i_facebook {
    background-position: 0 -595px!important;
}
.a2a_i_google_plus {
    background-position: 0 -850px!important;
}
.a2a_i_twitter {
    background-position: 0 -1819px!important;
}
.a2a_i_pinterest {
    background-position: 0 -1377px !important;
}

.thumbnail-lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.socialmedia-up {
	vertical-align: top !important;
}

.filter-text {
	font-size: 10px;
	line-height: 1em;
	text-align: center;
}

.btn-colored {
	background-color: #f0f0f5;
}

.btn-lrg {
	
}

.flash-error {
	font-size: 16px;
	font-weight: normal;
}

.flash-error:link {
	font-size: 16px;
	font-weight: bold;
}

.flash-error:hover {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}

.flash-error:active {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}




@media(min-width:650px) {

#scienceofsoil-logotext {
	font-size: 30px;
	margin-top: 6px;
	font-weight: 500;
	color: #d4d4d4;
}

.jumbotron p, .jumbotron .p {
    font-size: 22px;
    padding: 0 100px;
}

.thumbnail {
	
}

.thumbnail-lead {
  	font-size: 19px;
}

.thumbnail_homepage {
	height: 425px;
	font-size: 14px;
}

.filter-text {
	font-size: 24px;
	line-height: 1.5em;
}

}


@media(min-width: 768px) {

body {
	padding-top: 70px;
  	padding-bottom: 20px;
}

@media(min-width: 993px) {

body {
	padding-top: 20px;
  	padding-bottom: 20px;
}

}

@media(min-width:1200px) {

.jumbotron p, .jumbotron .p {
    font-size: 24px;
    padding: 0 220px;
}

.thumbnail_homepage {
	height: 330px;
}

}