/* Imports and Misc */
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Lora);

/* General Styles */

/* I saw some serious debate on the value of site-wrappers over just modifying
the body element.  I'll experiment with both as I learn, but for now, I'll 
use the base element. */

body {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	min-width: 300px;
	max-width: 1000px;
	background-color: #00aba9;
}


/* Div Styles and Other Containers */

/* page */
.header {
	margin-left: 10px;
	color: white;
	font-family: 'Montserrat';
	margin-right: 20px;
}

.headergems img{
	max-width: 54px;
	max-height: 54px;
	padding: 2px;
}

.headergems {
	position: relative;
	float: right;
	margin-top: -5px;
	margin-right: 40px;
}

/* products */
#products {
	margin-right: 90px;
	margin-left: 40px;
	margin-top: 20px;
	width: 75%;
	position: relative;
}

button {
	background-color: #00963B ;
	color: white;
	font-family: 'Montserrat';
	border-radius: 4px;
	padding: 4px 8px;

}

section a {
	background-color: #005B96;
	color: white;
	font-family: 'Montserrat';
	border-radius: 4px;
}


/*
<div style="display:table;">
  <div style="display:table-cell;vertical-align:middle;">
    <div style="text-align:center;">Text Content</div>
  </div>
</div>*/


#products button {
	margin-left: 90px;
}

.list-group-item {
	border-radius: 15px;
}

.list-group-item h3 {
	margin-top: 10px;
}
.list-group-item h3, .list-group-item h4, .list-group-item em{
	font-family: 'Montserrat';
}

.list-group-item p {
	font-family: 'Lora';
}

.list-group-item

.img-wrap {
	margin-left: 48px;
}

#thumbs img {
	width: 54px;
	height: 54px;
}

/* alignment of gem images to center, credit to howtocenterincss.com...
you da real MVP...

.gallery.ng-scope {
}

still figuring this shit out.*/


/* panels */
#tabsection {
	margin-top: 10px;
}

.panel li {
	list-style-type: none;
	margin-left: -25px;
	padding: 10px;
}

.nav>li>a {
	margin: 2px;
}

/* review form */
.ng-invalid.ng-dirty {
	border-color: #fb5d35;
}

.ng-valid.ng-dirty {
	border-color: #35fb43;
}