/**
Theme Name: BlankSlate Child
Template:   blankslate
Author: Guy/Rome
Version: 2026
 */
 
/*------------------------------------*\
    FONTS
\*------------------------------------*/

body {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
h1 {font-weight: 800; font-size:2em; color:#00a651; margin-bottom:.75em; line-height:120%;}
h2 {font-weight: 700; font-size:1.375em; margin-bottom:0;}
h3 {font-weight: 600; font-size:1.25em; margin-bottom:.5em;}
h4 {font-weight: 600; font-size:1.125em; margin-bottom:.375em;}
p {margin-bottom:.5625em;}
hr {margin-top:.5em; margin-bottom:.5em;}
strong {font-weight: 700;}
.red {color:#a81c00;}
.required, .validate-required {color:#a81c00!important;}
em {font-style:italic}

/*------------------------------------*\
    ELEMENTS
\*------------------------------------*/

html, body {height:100%;}
#wrapper {box-sizing:border-box; display:flex; flex-direction:column; min-height:100%;}
#header, #footer {flex-grow:0; flex-shrink:0;}
#container {flex-grow:1; margin:0!important;}
.entry-content {line-height:150%;}
.text-over-bg {font-size:1.375em;line-height:180%;}
.list li {margin-bottom:.25em; list-style:circle;}
.list {padding-left:1em;}

/* Skip Link */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:1em;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/*------------------------------------*\
    HIDE ELEMENTS
\*------------------------------------*/

.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; color:#000; background:#fff;/* spec color for accessability */}
header.header {display:none;}

/*------------------------------------*\
    LOGO
\*------------------------------------*/

@media only screen and (max-width:37.5em) {
#branding {text-align:center;}
.header-buttons {margin-top:1em;}
}
@media only screen and (min-width:37.563em) {
#branding {display:flex; align-items:center; justify-content:space-between;}
.logo, .header-buttons  {display:inline-block;}
.logo {margin-right:1em;}
}
#branding {padding:1em;}
.logo {height:4em; line-height:4em;}
.logo a {display:inline-block; width:17em; height:100%; text-decoration:none; cursor:pointer; margin:0; background:url("img/logo_dream-big-MT.svg") no-repeat; background-size:100% 100%;}

/*------------------------------------*\
    LINKS
\*------------------------------------*/

a {color:#006631;}
a:visited {color:#333;}
a:hover, a:active, a:focus {color:#000;}
a:focus, input[type="checkbox"]:focus {outline:thin dotted;}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.donate, .register {padding:.5em 0; font-size:1.25em; font-weight:700; border-radius:2em; display:inline-block;}
.donate {margin-left:.625em;}
.donate a, .register a {padding:0 1em; text-decoration:none; display:inline-block; width:auto; height:100%; box-sizing:border-box;}
.register {background-color:#fff; border:6px solid #00a651;}
.register a {color:#00a651;}
.register2 {text-align:center;}
.donate {background-color:#fff; border:6px solid #000;}
.donate a {color:#000;}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.checkbox-vert ul li {padding:.125em 0 .5em 0; border-bottom: 1px #ccc solid;}
.checkbox-vert ul li span {font-weight:600;}
button[type="submit"] {margin-top:1.25em;}

/* SHOPPING */ 
body.page-id-56 input[type="text"], body.page-id-550 input[type="text"] {width:100%!important; padding:.25em!important; margin:.25em 0 1em 0}
body.page-id-56 input[type="image"] {max-width:8em!important;}
body.page-registration-checkout .register {text-align:center; margin-top:2em;}
.wspsc_cart_header_image {display:none;}
.wp_cart_button_wrapper [type="submit"] {padding:.5em 1em; font-size:1.25em; font-weight:700; border-radius:2em; color:#00a651; background-color:#fff; border:6px solid #00a651;}
.wpsc_checkout_form input[type="image"] {width:250px!important;}
.wpsc_checkout_form td {padding-top:1em!important;}
.wpspsc_checkout_form {margin-top:1em;}
tr.wpsc_cart_total {border-bottom:1px #ccc solid!important;}
tr.wpsc_cart_total td {padding-bottom:1em!important;}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

#menu {background:#000; text-align:center;}
#menu-main-menu {margin:0!important; display:flex; flex-direction:row; justify-content:center; list-style:none; padding:0;}
#menu-main-menu li {margin:0!important;}
#menu-main-menu li a {padding:1em 2em; font-size:1.375em; display:block; font-weight:500; color:#fff; text-decoration:none;}
#menu-main-menu li a:hover {background:#444;}
.current_page_item a {background:#008540;}
@media only screen and (max-width:37.5em) {
#menu-main-menu {flex-direction:column;}
#menu-main-menu li a {padding:.625em 1em; font-size:1.125em;}
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {text-align:center; padding:1em 0;}
@media only screen and (max-width:37.5em) {
footer {font-size:.875em;}
footer span {display:none;}
footer a {display:block; margin:.25em 0;}
}