@charset "UTF-8";
/* CSS Document */

/* use this page to customize type and colors of main elements */

.typo-listing {
	/* replace these lines from Google or Adobe for custom type */
font-family: "dynapuff", sans-serif;
font-weight: 700;
font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: "dynapuff", sans-serif;
font-weight: 700;
font-style: normal;
color: #e76072;
}
.typo-body {
font-family: "verdana", sans-serif;
font-weight: 400;
font-style: normal;
color: #561425;
}

p {
color: #561425;
}

	/* insert hex code #000000 after : */
.jumbotron {
	background-color: #e76072;
}

.white-font{
	color: #fff;
}
.btn-primary {
    background-color: #f48b91;
    border-color: #f48b91;
    color: white;
}

.btn-primary:hover {
    background-color: #e26f75;
    border-color: #e26f75;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #d45c63;
    border-color: #d45c63;
}

/* Unvisited link */
a:link {
  color: #a52944;
}

/* Visited link */
a:visited {
  color: #6b8e4c;
}

/* Mouse over link */
a:hover {
  color: #f48b91;
}

.btn:hover {
    background-color: #5a773f;
    color: #ffffff;
}

.btn:focus,
.btn:active {
    background-color: #5a773f;
    color: #ffffff;
    border: none;
    box-shadow: none;
}

.btn {
    padding: 10px 18px;
    border-radius: 8px;
	background-color: #9cbf7c;
    color: #ffffff;
    border: none;
}

/* ALL buttons default (green) */
.btn {
    background-color: #9dba72;
    color: #ffffff !important;
    border: none;
}

.btn:hover {
    background-color: #5a773f;
    color: #ffffff !important;
}

/* Top button (Bootstrap primary) */
.btn-primary {
    background-color: #f48b91;
    color: #ffffff !important;
    border: none;
}

.btn-primary:hover {
    background-color: #e26f75;
    color: #ffffff !important;
}

/* Prevent Bootstrap focus blue */
.btn:focus,
.btn:active {
    box-shadow: none;
    color: #ffffff !important;
}

/* Make hero text white */
.jumbotron h1,
.jumbotron p {
    color: #ffffff;
}

/* Hover */
.jumbotron .btn:hover {
    background-color: #ffffff;
    color: #f48b91;
}

/* Click / active */
.jumbotron .btn:focus {
    background-color: #ffffff;
    color: #f48b91;
    box-shadow: none;
}