/*
Theme Name:     Lambda Child Theme
Description:    Child theme for Brooklyn Street Art
Author:         Skaht Hansen / Chris Jordan
Template:       lambda
Version:        1.0
*/

/* Override bootstrap 10px html for font rem references */
html {font-size:16px !important;}

/* get captions below images in Gutenberg Galleries */
.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img
{
	margin-bottom: 10px;
}
.blocks-gallery-item {margin-bottom: 35px !important;}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
background: none !important; color: #575757 !important; bottom: -20px; overflow: auto;
}

/* No rules in header */
.top-bar, #masthead {box-shadow:none !important;}

/* Search in menu */
.menu-container form {width: 150px;}
.menu-container form .input-group {margin-top:7px;}
.menu-container form input {padding:6px !important}
#searchsubmit {background-color:#111111 !important; border-top-right-radius::0px !important; border-bottom-right-radius::0px !important; border-radius:0px !important;}

/* post footer for related posts meta */
.rp4wp-related-posts h3 {padding: 80px 0 40px 0 !important;}

/* archives styles */
.archive-year-head {font-size: 1.3em; cursor:pointer;}
.archive-year-head:hover {color:#777777;}
.archive-year-content {}
.archive-year-content ul { list-style-type: none; padding: 0; margin: 0;}
.archive-year-content li {padding: 0; margin: 0;}
.archive-active {font-weight: bold; color:#777777;}


/* Expand video placeholder image */
.video_lightbox_anchor_image {width:100%;}

@media all and (max-width: 868px) {
	.navbar-brand {width: calc(100vw - 80px) !important; white-space:normal !important; line-height:40px !important;}
	.navbar-brand img {float:left !important;}
}

@media all and (max-width: 700px) {
	.navbar-brand {line-height:28px !important; font-size:18px !important;}
}

@media all and (max-width: 540px) {
	.navbar-brand {width: calc(100vw - 50px) !important; line-height:22px !important; font-size:16px !important; height:55px !important;}
	#masthead.navbar {min-height:40px !important}
	.navbar-toggle {margin:10px 0 0 !important;}
}

@media all and (max-width: 470px) {
	.navbar-brand {width: calc(100vw - 40px) !important; line-height:20px !important; font-size:14px !important;}
}