/*
Theme Name: Genesis Block Theme Child
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.175157081
Updated: 2025-07-03 19:22:40

*/

.page-template-full-width-purpose-template #page, .page-template-full-width-purpose-template #primary {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.page-template-full-width-purpose-template #page .entry-header {
    padding: 5% 2% 0;
}
.page-template-full-width-purpose-template .site-content {
    padding-bottom: 0;
}
.site-header--purpose {
    display: flex;
    background-color: #25211b;
    justify-content: space-between;
    align-items: center;
}

.home .site-header--purpose {
	position: absolute;
}

.site-header--purpose:before, .site-header--purpose:after {
    display: none;
}

.site-header button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.comment-navigation a {
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 30px;
    background-color: transparent;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 150%;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.comment-navigation a:hover {
    background-color: #ffffff;
    color: #1a1a1a;
    fill: #1a1a1a;
}

.site-header .site-header__links--light button {
	color: #000;
	border-color: #000;
}

.site-header .site-header__links--light button:hover {
    background-color: #000;
    color: #fff;
}

.site-header__logo a {
    display: flex;
    align-items: center;
}


.site-header__logo img {
	display: block;
	margin-right: 12px;
}

.site-header__logo span {
    font-family: 'Spectral', serif;
    font-size: 30px;
    font-weight: 400;
    color: white;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.site-header__logo img,
.site-footer__logo img {
	width: 40px;
	height: 40px;
}

.site-header {
	padding: 20px;
	padding-left: clamp(20px, 10vw - 70px, 100px);
	padding-right: clamp(20px, 10vw - 70px, 100px);
}

.site-footer {
	background: #ffb820;
	padding: 60px 20px 70px;
}

.site-footer.site-footer a,
.site-footer.site-footer a:visited,
.site-footer.site-footer a:hover,
.site-footer.site-footer a:active,
.site-footer.site-footer a:focus {
  color: inherit;
  text-decoration: none; 
}

.site-footer.site-footer a:hover,
.site-footer.site-footer a:focus {
  text-decoration: underline; 
}

.site-footer__logo {
	margin-bottom: 40px;
	text-align: center;
}

.site-footer__info {
	display: flex;
	gap: 0.4em;
	flex-direction: column;
}

.site-footer__copyright {
	font-size: 95%;
}

@media (min-width: 750px) {
	.site-footer__copyright {
    	margin-right: 1em;
	}

	.site-footer__info {
		flex-direction: row;
        gap: 1em;
        justify-content: center;
        align-items: center;	
    }
}

.opt-in-form {
	text-align: center;
}

@media (min-width: 640px) {
	.opt-in-form {
		width: 500px;
	}
}

.opt-in-form form {
	display: flex; 
	align-items: center; 
	justify-content: center;
	gap: 12px;
}

.opt-in-form input {
	background-color: transparent;
	border-color: #ccc7d7;
	border-radius: 13px;
	color: #444;
	font-size: 16px;
	height: 48px;
	font-weight: 300;
}

.opt-in-form input::placeholder {
	color: #555;
	font-size: 16px;
	font-weight: 300;
}

.opt-in-form button {
	background: #5e1bed;
	white-space: nowrap;
    height: 50px;
    width: 140px;
    padding-top: 0;
    padding-bottom: 0;
}

.opt-in-form button:hover,
.opt-in-form button:focus {
	background: #000;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #fff;
}



/* this forces the footer to stick to the bottom if the page is not as high as the window */
body.page-template-default {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
body.page-template-default #page {
	width: 100%;
}