/*---------------------------------
	BODY
-----------------------------------*/



/*---------------------------------
	HEADER
-----------------------------------*/
html main#main{
     background-color: #333333 !important;

}
html{
    font-size: 100%;
}
.gift-card-body header {
    background-color: #d7d1dd;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.gift-card-body header img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: -1px;
}

.gift-card-body header h1 span:nth-of-type(1) {
    color: #ff400b;
}

.gift-card-body header h1 span:nth-of-type(2) {
    color: #ffd720;
    text-shadow: 1px -1px 8px black;
}

.gift-card-body header h1 span:nth-of-type(3) {
    color: white;
    text-shadow: 1px -1px 8px black;
}


/*---------------------------------
	SECTION
-----------------------------------*/

.gift-card-body section {
    background-color: #414040;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.gift-card-body section > p {
    background-color: #605f5f;
}

.gift-card-body section > p span {
    color: #ffd720;
}

#cards figure div:hover {
    background-color: #cb9f48;
    border-radius: 10px;
}

#cards figure img {
    border: 5px solid transparent;
    width: 240px;
}

#gift-message h2 {
    color: #ff8d39;
}

#gift-message img {
    width: 450px;
}
#gift-message article {
    position: relative;
    padding: 5px 10px;
}

#gift-message textarea {
    width: 88% !important;
    height: 58% !important;
    resize: none;
    border-radius: 10px;
    font-size: large;
    background-color: #f4e4c3;
    color: black;
    white-space: normal;
    text-align: justify;
    -moz-text-align-last: center; /* Firefox 12+ */
    text-align-last: center;
}
#gift-message textarea::placeholder {
    color: black;
    font-size: large;
}
.default-textarea {
    position: absolute;
    top: 6.5%;
    left: 4%;
    right: 20%;
}

.default-counter {
    position: absolute;
    top: 60%;
    right: 8%;
}

#special-offer h2 {
    color: #ffd720;
    background-color: #605f5f;
}

#special-offer p span {
    color: #cb8a0e;
}

#special-offer img {
    max-width: 375px;
}