@import url('https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&family=Bebas+Neue&display=swap');

:root { --theme-color1: #444652; }

header {
    background-image: url(American_Flag_Homestead.jpg);
    color: black;
    font-weight: 500;
}

#container.active #mobile_container { color: white; }

:is(header, footer)::before { content: none; }

footer { text-shadow: 0 0 5px rgba(0,0,0,.75); }

header .slogan { font-size: 16px; }

.is_frontpage #title_box {
    padding: 0 !important;
    background: none;
    width: auto;
}

.is_frontpage #title {
    border: none;
    padding: 0;
}

.is_frontpage #title img { max-height: 350px; }

.is_frontpage header .slogan {
    margin-top: 15px !important;
    display: inline-block;
    color: #d86800;
    background-color: rgba(250, 249, 247, .4);
    font-size: clamp(25px, 5vw, 55px);
    font-weight: bold;
    padding: 0 2vw;
    border-radius: 1vw;
    text-transform: none;
    font-family: 'Edwardian Script', Ballet;
}

.is_frontpage #title_box_content {
    font-family: 'Bebas Neue';
    font-size: clamp(18px, 5vw, 55px);
}

.is_frontpage #title_box_content p { margin-top: 0; }

.cms-button, .custom_button {
	font-size: 16px;
	font-weight: 700;
	background-color: var(--theme-color1);
	border-radius: 3px;
}

:is(.cms-button, .custom_button):hover, :is(.cms-button, .custom_button):focus {
    box-shadow: none;
    color: var(--theme-color1) !important;
}

.copy img, .copy iframe, .copy figure, .cms-button, .custom_button, blockquote, .box {
    border-radius: 15px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}

.copy iframe, .copy figure, .cms-button, .custom_button, blockquote, .box {
    background-color: var(--theme-color1);
    color: white !important;
}

figure.image { border: none; }

.copy figure.image img, .box-hero-image { border-radius: 10px !important; }

.box-hero-image { aspect-ratio: 1; }

.box-hero-image::before { content: none; }

.box {
    padding: 1em;
    text-align: center;
}

.box .content { padding: 0; }

.box .content a { color: #d86800; }

footer { background-image: url(homestead.jpg); }

footer h1 { text-shadow: 0 0 5px rgba(0,0,0,.75); }

footer blockquote ul { list-style-position: inside; }