@charset "utf-8";

/* Background color for navbar and dropdown menus */
.navbar-custom {
    background-color: #384660; /*Dk Slate Blue */
}
.navbar-custom .dropdown-menu {
    background-color: #47556E; /*Med Slate Blue */	
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #ecf0f1; /* White variant */
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    background-color: #5E6C85; /* Lt Slate Blue */
    color: #fff;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: rgba(236,240,241,1.00); /* White variant */
    color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Banner Hero Image */
#hero {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
}
	
.spacer {padding-top: 5px; padding-bottom: 25px;}

#intro {
	padding-top: 20px;
}

#feature-pic, .presenter-pic {
	padding-left:25px;
	padding-right: 25px;
}

.presenter-pic {width: 90%;  padding-top: 10px; padding-bottom: 15px;}


.photo-credit {
	font-size: 0.6rem;
	text-align: center;
	padding-top: 0.25rem;
	padding-right: 0.25rem;
	padding-bottom: 1rem;
	color: #232323;
}
	
h1 {
  font-family: trajan-sans-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.3rem;
  color: #389135; /* Bright Green */
}

h2, h3, h4, h5, h6 {
	font-family: trajan-sans-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

h3 {color: #384660; /* Dk. Slate Blue */}
h4 { color: #0CA9CD; /* Bright Turquoise */}
h5 {color: #042258; /*Navy Blue*/}

/*------------------- PRESENTER PAGE ----------------*/
#jumplist .list-inline {
  text-align: center;  
	line-height: 2rem;
  margin-top: 10px;
  font-size: 1.1rem;
}


.list-inline-item a:hover {
	text-decoration: none;
	background: rgba(145,207,80, 0.30); /*Lime*/
}

.bio { 
	color: #042258; /*Navy Blue*/
  padding: 10px 0 3px 0;
}

#timestamp {
	color: #73A64E; /*New Grass */
}

.agenda .time {
	width: 10%;
	text-align: left;
	vertical-align: top;
	text-transform:uppercase;
	font-size: 1rem;
	font-weight: 800;
}

.agenda .day {
	text-align: left;
	color: darkcyan;
	font-size: 1.5rem;
}

.presenter { 
	font-style:oblique; 
	color: #49734C; /* Grass */ 
	margin-top:0.1rem;
}

.back-to-top {
	font-weight: 500; 
	font-variant:small-caps; 
	font-size:1.1rem;
} 

/*--------------- Sponsor Page -----------------*/
.row.sponsor {padding-top: 1rem;}
.sponsor-lvl {background-color: #92D050; /* Lime */ padding: 0.35rem 0; font-weight: 700; text-align: center;}
.first-line {font-weight: 700;}

.sp-logo {width: 80%; padding-top: 20px; padding-bottom: 10px; }
.sp-info {padding-top: 12px;}
.ezfarm {width: 50%;}
.spons-coord-box {
	background-color: rgba(20,118,139,0.30);
	padding-top: 10px;
}



/*--- STICKY FOOTER STYLES ---*/
html, body {
	height: 100%;
	margin: 0;
}

.footer {
  line-height: 20px; /* Vertically center the text there */
  background-color: #384660; /* Dk Slate Blue */
  color: rgba(146,208,80,1.00); /* Lime */
  font-size: 0.8rem;
  text-align: center;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 0px;
  position: fixed;
  bottom: 0;
}

.footer, .footer a {
	color: rgba(146,208,80,.90);	/*90% Transparent Lime */
}
.footer a:hover {
	color: rgba(12,169,205,1.00); /*Bright Turquoise */
}
#wrapper, .wrapper {
	min-height: 100%; /* Equal to height of footer */
  margin-bottom: 0px; /* But also accounting for potential margin-bottom of last child */
}
.footer, .push {height: 50px; /* Set the fixed height of the footer here */
}
/*--- END STICKY FOOTER STYLES ---*/

.coming-soon {width:35%;}


/**---------------- IPHONE 6,7,8 -------------------**/
@media only screen and (min-width : 375px) and (max-width : 575.98px){
	
	#hero {
		display: none
	}
	
	h1 {font-size: 1.8rem;}
	h2 {font-size: 1.7rem;}
	h3 {font-size: 1.6rem;}
	h4 {font-size: 1.4rem;}
	h5 {font-size: 1rem;} 
	
	th .day  {
  color: darkcyan;
  font-size: 0.6rem;
	}
	
	.agenda th {
  font-size: 0.8rem;
  text-align: right;
	}
	
	.agenda .time {
		width: 9%;
		vertical-align: top;
	}
	
	.agenda td {
		width: 72%;
		font-size: 0.8rem;
		padding-right: 0;
	}
	
	.back-to-top { text-align: center;}
	
	.bio {padding-top: 20px;}
	
	.sp-logo {width: 90%;  padding-top: 10px; padding-bottom: 15px;}
	.sp-info {margin-left: 10px;}
	.ezfarm {width: 50%;}
	
	.footer, .push {height: 60px; /* Set the fixed height of the footer here */}
	
	.footer {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 0.9rem;
		line-height: 10px; /* Vertically center the text there */
		padding-bottom: 5px;
		position: static;
	}
	.footer p {
		line-height: 14px;
	}
  .coming-soon {
		width: 100%;
	}
}