﻿
.divHpHeader {
    background: url("../images/PinkPeak.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 185px;
}

.hpBoard {
    background-color: #157DEC; /* Blue Dress   #ADDFFF	Light Day Blue */
    padding: 5px 15px;
}

.hpBoardText {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
}

.hpBoardButton {
    font-size: 1.1rem;
    color: black;
    background-color: #ADDFFF;
    text-decoration: none;
    border: 1px solid #ADDFFF;
    border-radius: 10px;
    padding: 5px 15px;
}

.hpClickOn {
    color: #FF0000; /* red */
}

.hpInfo {
    background-color: #FFDB58; /* mustard yellow   #FFFFE0	 LightYellow (W3C) */
    padding: 5px 15px;
}

.hpInfoText {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
}

.hpInfoButton {
    font-size: 1.1rem;
    color: black;
    background-color: #FFFFE0;
    text-decoration: none;
    border: 1px solid #FFFFE0;
    border-radius: 10px;
    padding: 5px 15px;
}

.hpNeighbor {
    background-color: #50C878; /* Emerald    #7FFFD4	Aquamarine (W3C) */
    padding: 5px 15px;
}

.hpNeighborText {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
}

.hpNeighborButton {
    font-size: 1.1rem;
    color: black;
    background-color: #7FFFD4;
    text-decoration: none;
    border: 1px solid #7FFFD4;
    border-radius: 10px;
    padding: 5px 15px;
}



.hpReturnLink {
    border: 1px solid deepskyblue;
    border-radius: 5px;
    background-color: deepskyblue;
    padding: 2px 5px;
}

.hpReturnLink {
    text-decoration: none;
    color: white;
}

.hpTitle {
    font-size: 28px;
}

.hpPageTitle {
    font-size: 28px;
}

.hpTitlePhone {
    font-size: 24px;
}

.hpPagePhoneTitle {
    font-size: 24px;
}
