/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One.
Author: Your Name
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.site-footer > .site-info {
    border-top: 3px solid #222f63;
}


input[type=submit]:not(:hover):not(:active):not(.has-background){background-color:#11274A;}
.um input[type=submit].um-button{background-color:#11274A;margin-top:20px;}
.um input[type=submit].um-button:hover {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #11274A !important;
}
.um-form {
    background: #fff;
    box-shadow: 5px 5px 5px #e9e9e9;
    border-top: 10px solid #222f63;
    padding: 38px 19px 28px 38px;
}
.site-header {
    padding-top: 0;
	padding-bottom: 0;
}
.site-footer {
	padding-top: 0;
	padding-bottom: 0;
}
.logo {
    display: flex;
    justify-content: center;
	margin-bottom:0px;
}
.logo img {
    width: 200px;
    height: 200px;
}

.site-logo .custom-logo {
    max-width: none;
	max-height: none;
	height: auto;
    width: auto;
}

.tagline {
    text-align: center;
    margin-bottom: 50px;
    font-size: 17px;
    color: #000;
}
.no-widgets .site-footer {
    margin-top: 72px;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none;
    color: var(--wp--style--color--link, var(--global--color-white));
}

.singular .entry-title {
    font-size: 30px;
	font-weight:600;
	line-height:30px;
}
.singular .entry-header{
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:60px;
}
input[type=submit].um-button, input[type=submit].um-button:focus{
	margin-top:20px !important;
}
@media only screen and (max-width: 1366px) {
	.logo img {
		width: auto;
		height: 150px;
	}
	.no-widgets .site-footer{
		margin-top: 0px;
	}
	.singular .entry-header{
		margin-bottom:30px;
	}
	.site-logo{
		margin-bottom:0px;
		margin-top:0px;
	}
}
@media only screen and (min-width: 482px){
	.site-footer > *, .widget-area > * {
		margin-top: 10px;
	}
	.tagline {
		text-align: center;
		margin-bottom: 25px;
		font-size: 17px;
		color: #000;
	}
}
@media only screen and (max-width: 481px) {

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		 position: inherit;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		margin-top: 0;
		top: var(--global--admin-bar--height);
	}
	.site-logo img {
		max-width: none;
		max-height: none !important;
		height: 130px !important;
		width: auto;
	}
}