/*
Theme Name:   BlankSlate Child SGE
Theme URI:    /wp-content/themes/blankslate-child2024/
Description:  BlankSlate Child 2024 Theme
Author:       VPPPA
Author URI:   https://www.vpppa.org/
Template:     blankslate
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl.html
Tags:         responsive-layout, accessibility-ready
Text Domain:  blankslatechild2024
*/

/* ########################### BEGIN GENERAL FORMATTING ########################### */

* {
	box-sizing: border-box;
}

html {
	position: relative;
	min-height: 100%;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: sans-serif, Helvetica, Arial;
}

body {
	background: #f9f9f3;
}

/* ################################################################################ */
/* ################################# BEGIN HEADER ################################# */
/* ################################################################################ */

.vpppa_logo {width: 120px; margin: 0; padding: 0;}
.vpppa_red {/*fill: #e9352f;*/ fill: white;}
.vpppa_blue {/*fill: #21497d;*/ fill: white;}

.vpppa_header a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
}

.vpppa_header a:hover {color: white;}

.vpppa_header h1, .vpppa_header h3 {margin: 0; padding: 0; font-weight: normal;}

.vpppa_header {
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;

background-image: url("/wp-content/uploads/background_capitol.jpg");
background-color: black;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

@media screen and (max-width: 700px) {
}

/* ################################################################################ */
/* ################################## END HEADER ################################## */
/* ################################################################################ */


/* ############################## BEGIN SEARCH BUTTON ############################# */

.searchfieldset {border: none; margin: 0; padding: 0; display: flex; align-items: center;}
.searchinput {border: 1px solid #21497d; margin: 0; padding: 0 4px; font-family: sans-serif, Helvetica, Arial; font-size: 12px; color: black; width: 160px; height: 22px; border-radius: 4px 0 0 4px;}
.searchinput:focus {outline: none !important;}
.searchbutton {border: none; background: #21497d; cursor: pointer; margin: 0; padding: 0; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 0 4px 4px 0;}
.searchbutton:hover {background: #4086e1;}
.search-svg {fill: white; height: 16px; width: 16px;}

@media screen and (max-width: 700px) {
	.searchfieldset {margin: 5px 0;}
	.searchinput {border: none;}
	.searchbutton {background: #56759c; width: 24px;}
}

/* ########################### GENERAL FORMATTING CONT'D ############################ */

#wrapper {padding-bottom: 80px;}
#container {margin-top: 10px;}
#footer {position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background: black; color: white; display: flex; justify-content: center; align-content: center; font-size: 11px;}

h1 {font-size: 200%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content p, .wp-block-buttons {
	max-width: 1220px;
	margin: auto;
	padding: 0 10px 14px 10px;
	line-height: 150%;
}
.entry-content ul, .entry-content ol {margin: auto; max-width: 1220px; padding: 0 10px 14px 26px; line-height: 150%;}
.wp-block-columns {gap: 40px; margin: auto; padding: 0; max-width: 1220px;}
@media screen and (max-width: 782px) {
	.wp-block-columns {gap: 0 !important;}
	.wp-block-image .alignright, .wp-block-image .alignleft {float: none; display: flex; justify-content: center;}
}
[class*="page-id-2667"] .wp-block-columns-is-layout-flex {max-width: 1220px; margin: auto; padding: 10px;}
.wp-block-spacer {margin: auto;}
.wp-block-image {max-width: 1220px;	margin: auto; padding: 0 10px 14px 10px;}

a, a.visited {color: #2271b7; text-decoration: none;}
a:hover {color: #178cf4;}

header.header {}
[class*="home"] header.header {display: none;}
h1.entry-title {margin: auto; max-width: 1220px; padding: 30px 10px 0 10px; font-size: 130%; color: #aaa;}

#sidebar {display: none;}

div#chat-widget-container {bottom: 0 !important;}

.wp-block-button__link{background: #2271b7; padding: 5px 10px; margin: 0; border-radius: 8px; font-size: 12px; line-height: 16px; color: white; text-transform: uppercase; /*transition: 0.5s;*/}
.wp-block-button__link:hover {background: #178cf4; color: white;}

.wp-block-cover {margin-bottom: 10px;}
.wp-block-separator {margin: 10px auto !important; width: 98%; max-width: 1200px; border-top: 1px solid #ddd; border-bottom: 0; border-left: 0; border-right: 0; margin-left: 10px; margin-right: 10px;}

.wli-events-widget {margin: auto; padding: 0 10px; max-width: 1220px;}
.wli-event-time {padding-left: 10px;}

div.entry-content form fieldset.searchfieldset {margin: 0 auto; padding: 0 10px; max-width: 1220px;}

.wp-block-group {margin: auto; padding: 0; max-width: 1220px;}

/* ############################ BEGIN BREADCRUMBS ############################# */

#tsh_breadcrumbs {list-style: none; color: #ccc; font-family: sans-serif, Helvetica, Arial; font-size: 12px; font-style: italic; display: flex; flex-direction: row; max-width: 1220px; margin: auto; padding: 10px;}
#tsh_breadcrumbs a {color: #2271b7; text-decoration: none; /*transition: 0.5s;*/}
#tsh_breadcrumbs a:hover {color: #178cf4;}
#tsh_breadcrumbs strong {font-weight: normal;}
#tsh_breadcrumbs .separator {margin: 0 5px;}