/* Hides angular specific stuff like {{ }} - do not remove */
[ng\:cloak], 
[ng-cloak], 
.ng-cloak {
    display: none !important;
}

html, 
body {
    height: 100%;
    padding: 0 !important;
	margin: 0;
}

body {
    color: #343c48;
    background: #fefefe;
    font-family: 'Lato';
}

h1, h2, h3 {
    font-family: 'Playfair Display';
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: 20px;
}

h2 {
    margin-top: 0;
}

h5 {
    font-style: italic;
}

a {
    color: #cca191;
}

    a:hover, a:focus {
		text-decoration: none !important;
        color: #cca191;
    }
	
fieldset {
    border: 1px solid #e7d4cd;
}

legend {
    border-bottom: 1px solid #e7d4cd;
}

input {
	color: #343c48;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

.text-right {
    text-align: right;
}

@media print {
    .navbar {
        display: none;
    }

    #footer {
        display: none;
    }
}

.error-message {
    color: #cca191;
    font-style: italic;
}

/* Price display component */
.product-price {
    color: #232831;
    font-style: italic;
    text-transform: none;
}

.product-price h3 {
    color: #c1903e;
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal;
    display: block;
    padding-bottom: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #c1903e;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
}