/*
Theme Name: km-child
Theme URI: https://powder.design/
Author: Brian Gardner
Author URI: https://briangardner.com/
Description: Powder child theme for Kirkwood Marina
Version: 1.0.0
Template: powder
*/

/* COLORS	
	
	Body text #667279
	Blue background #4a8dc5 or #00aeee (lighter) 047ec5 (darker)
	Light gray backtround #f0f1f2
	Red text #C0392B
	Nav and Header text #363D40

*/	

/* header */
.site-header {top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));position: sticky;z-index: 10;}

/* navigation */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {height: 30px;width: 30px;}
.wp-block-navigation .wp-block-navigation-item {border-bottom: 2px solid transparent;}
.wp-block-navigation .wp-block-navigation-item:hover, .wp-block-navigation .wp-block-navigation-item.current-menu-item {color: var(--wp--preset--color--tertiary);border-bottom: 2px solid var(--wp--preset--color--tertiary);}
.wp-block-navigation .wp-block-navigation-item__content:hover {text-decoration: none;}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {padding:6px 10px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { /* targets mobile submenu */
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	border: none;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {background-color: var(--wp--preset--color--primary);color: var(--wp--preset--color--base);}
/*.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open, .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {background-color: var(--wp--preset--color--primary);color: var(--wp--preset--color--base);}*/ /* targets mobile menu background color and font color */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {/*padding:2px 0px;*/}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:hover, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item {border-bottom: none;}

.wp-block-table thead {border-bottom: 3px solid #C0392B;}
.tel a, .address a {text-decoration: none;}
.header-img img {width:100%;max-height: 600px!important;object-fit: cover;}
.banner h1, .wp-block-cover h1 {color: #FFF!important;font-size: 48px!important;text-shadow: 1px 1px 10px rgba(0, 0, 0, .7);}
.wpcf7-form input, select, textarea {box-sizing: border-box;}

/* Footer */
.site-footer ul {
    list-style-type: none;
    margin-top: 10px;
    padding-left: 0px;
}
.site-footer ul, .site-footer p {margin-block-start: var(--wp--preset--spacing--20);}
.site-footer li {margin-bottom: 10px;}
.site-footer li a, .site-footer p a {color: var(--wp--preset--color--contrast);font-weight: normal;text-decoration:none;}
.site-footer li a:hover, .site-footer p a:hover {text-decoration:none;color:#C0392B;}

@media only screen and (max-width: 960px) {
	/* -- Utility -- */
	.is-style-hidden-mobile {
		display: none !important;
	}
}
@media only screen and (max-width: 400px) { 
	.wp-container-content-3 {flex-basis: 260px;}
	.wp-block-site-title {font-size: 12px;}
}

/* Reset mobile breakpoint for nav to 960 */
@media only screen and (min-width: 960px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
	.admin-bar .site-header {top: 32px!important;}
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}