/**
 * Theme Name: Red Arrow Diner
 * Theme URI: https://redarrowdiner.com
 * Description: Classic American diner style with vintage charm
 * Version: 1.0.0
 * Author: Twine Themes
 * Author URI: https://example.com
 */

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.twine-container {
    background-color: #f4f4f4;
    background-image: url('https://www.redarrowdiner.com/wp-content/uploads/2015/04/Red_Arrow_repeatbackground-02.png');
    background-position: left top;
    background-repeat: repeat;
}

.twine-icon {
    border: 4px solid #ea212e;
    box-shadow: 0 4px 12px rgba(234, 33, 46, 0.3);
}

.twine-name {
    font-family: 'Lobster', cursive;
    color: #ea212e;
    font-size: 52px;
    font-weight: 400;
    letter-spacing: 1px;
}

.twine-description {
    color: #111111;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 0 8px #ffffff, 0 0 16px #ffffff, 0 0 24px #ffffff;
}

.twine-link-button {
    background: #ea212e;
    color: #ffffff;
    border: 2px solid #ea212e;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(234, 33, 46, 0.3);
    padding: 12px 24px;
}

@media (hover: hover) {

.twine-link-button:hover {
    background: #ffffff;
    color: #ea212e;
    border: 2px solid #ea212e;
    box-shadow: 0 6px 16px rgba(234, 33, 46, 0.3);
}
}

.twine-link-button:active {
    background: #ffffff;
    color: #ea212e;
    border: 2px solid #ea212e;
    transform: scale(0.98);
}

.twine-social-icon {
    color: #ea212e;
}

.twine-social-icon svg {
    width: 32px;
    height: 32px;
}

@media (hover: hover) {

.twine-social-icon:hover {
    color: #ffffff;
}
}

.twine-social-icon:active {
    color: #ffffff;
}