@charset "UTF-8";
/* CSS Document */
.body {
	color: aliceblue;
}
/*
*Links
*/
a:link {
  color: black; 
  text-decoration: none;
	
}
a:visited {
  color: gray;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: none;
}

a:active {
  color: yellow;
  background-color: lightblue;
  text-decoration: none;
}
.padding-breadcrumbs {
	padding-top: 20px;
}
/*
 * Nav Links
 */
li.nav {
	font-size: 12px;
	padding: 9px;
}
.dropdown-menu {
	text-decoration: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	background: #fffff;
	opacity: 100%;
}
.navbar-brand {
	background-image: url("../images/brand/segool-logo.svg");
	background-repeat:no-repeat;
	margin-top: 30px;
	width: 300px;
}

.navbar-collapse {
	padding-top: 16px;
}
.navbar-toggle {
	padding: 27px 0;
}

.height-90 {
	height: 70px;
}
.bar1, .bar2, .bar3 {
  width: 20px;
  height: 2px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 8px) rotate(-45deg);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
  transform: translate(0, -8px) rotate(45deg);
}
.bg-gray {
	background-color: #787777;
	border: none;
}
.bg-dark-green{
	background-color: #3A7A65;
}
.bg-green{
	background-color: #8DBAAD;
}
.bg-lime-green {
	background-color: #D1CA68;
}
.bg-home-hero {
  background-image: url("../images/home/eye-exam-hero.jpg");
  height: auto; 
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-text {
	background-color: #000;
	color: #fff;
	border: none;
	opacity: .75;
	margin: 12% 5%;
	border-radius: 0;
    text-align: center;
	padding-bottom: 20px;
}
h1.hero {
	font-weight: 200;
	color: white;
	padding: 40px 40px 0 40px;
	font-size: 44px;
}
h1.green {
	font-weight: bolder;
	padding: 40px 40px 0 40px;
	color: #3A7A65;
}
h1.white {
	font-weight: bolder;
	padding: 40px 40px 0 40px;
	color: #ffffff;
}
h1.black {
	font-weight: 200;
	color: black;
	padding: 40px 40px 0 40px;
	font-size: 44px;
}
h4.hero{
	color: white;
	font-weight: 200;
	padding: 0 40px 0 40px;
}
h4.black{
	color: black;
	font-weight: 200;
	padding: 0 40px;
}
h5.button {
	color: white;
}
img.calendar {
	padding: 5px 0 40px 20px;
}
.padding-button {
	padding: 18px 25px 13px 25px;
	background-color: #3A7A65;
	border: 0;
}
.padding-button-lime-green {
	padding: 18px 25px 13px 25px;
	background-color: #D1CA68;
	border: 0;
}
.padding-button-hero {
	padding: 18px 45px 13px 45px;
	background-color: transparent;
	border: white 3px solid;
	margin: 10px 0 20px 0;
	width: 90%;
}
.services-button-hero {
	padding: 18px 45px 13px 45px;
	background-color: transparent;
	border: white 3px solid;
	margin: 10px 0 50px 0;
	width: 100%;
	border-radius: 0;
}
.bg-book {
	background-color: #ccc;

}
.padding-50{
	padding: 50px;
}
.padding-top-30{
	padding-top: 30px;
}
.padding-bottom-30{
	padding-bottom: 30px;
}
.padding-featured {
	padding: 50px 50px 100px 50px
}
img.border-radius {
	border-radius: 0 35px 35px 35px;	
}
.featured-text {
	background-color: #f6f6f6;
	color: #fff;
	border: none;
	opacity: .75;
	border-radius: 0;
    text-align: center;
	padding-bottom: 25px;
}