/**
 * Stylesheet for BP2C Posts and Events Search
 * @version 1.0
 */


/** Header search box **/
.bpes-navigation-search { float: right; padding: 10px 0 0; text-align: right; width: calc(100% - 265px); }
@media all and (max-width: 1200px){ .bpes-navigation-search { padding-top: 16px; } }
@media all and (min-width: 601px) and (max-width: 690px){ .bpes-navigation-search { display: none; } }

.bpes-navigation-search #nav-primary { float: none; margin-top: 16px; text-align: inherit; width: auto; }

a.bpes-magnifying-glass { display: inline-block; line-height: 36px; text-align: center; margin-right: 3px; width: 2em; color: #f3ab79; }
a.bpes-magnifying-glass:hover { color: #59bbad; }

.bpes-search-container { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }
.bpes-search-container form { position: relative; left: 100%; transition: .4s all; }
.bpes-search-container.active form { left: 0; }
.bpes-search-container .search-field { font-family: 'Raleway', arial, helvetica, sans-serif; font-size: .875rem; padding: 8px 40px 8px 1em; width: 280px; border: 2px solid #59bbad; letter-spacing: normal; }
body.first-hero-behind .bpes-search-container .search-field { border: none; padding-top: 10px; padding-bottom: 10px; }

.bpes-search-container .search-submit { display: block; position: absolute; top: 0; right: 0; font-size: 1rem; line-height: 36px; padding: 0; width: 2em; background: #000; border-radius: 0; cursor: pointer; }
.bpes-search-container .search-submit:hover { background: #3fb2a3; }

/** Search page template **/
.bpes.search #inner { background: transparent; }
.bpes.search #main { float: none; width: auto;  }
.bpes.search .hentry { border: none; padding-bottom: 0; margin-bottom: 0; }

.bpes-search-hentry { display: flex; flex-wrap: nowrap; margin: 0 -24px 40px; }
.bpes-search-hentry-time { position: relative; flex: none; padding-left: 24px; padding-right: 24px; min-width: 90px; width: 11.111%; }
.bpes-search-hentry-datetime { display: flex; flex-direction: column; text-align: center; height: 100%; }
span.bpes-search-hentry-datetime-month { font-size: 11px; font-weight: 400; color: #5d5d5d; text-transform: uppercase; }
span.bpes-search-hentry-datetime-month, span.bpes-search-hentry-datetime-day, span.bpes-search-hentry-datetime-year { margin-bottom: -4px; }
span.bpes-search-hentry-datetime-day { font-weight: 700; font-size: 24px; line-height: 1.5; }

time.bpes-search-hentry-primary-datetime { font-size: 14px; line-height: 1.62; }

.bpes-search-hentry-primary { width: calc( 75% + 21px ); flex: 1 1 88.888%; padding-left: 24px; padding-right: 24px; }
.bpes-search-hentry-primary article { position: relative; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 2em; padding-bottom: 2em; margin-left: -24px; margin-right: -24px; border-bottom: 1px solid #d2d2d2; }
.bpes-search-hentry-primary-date { margin: 0 0 8px; }
.bpes-search-hentry-primary-posttype { margin: 0 0 16px; font-size: 14px; }
.bpes-search-hentry-primary-posttype span { display: inline-block; background: #E1E1E1; text-transform: uppercase; padding: 0 4px; border-radius: 4px; font-size: 12px; }

h3.bpes-search-hentry-primary-start { font-size: 24px; line-height: 1.42; margin: 0 0 16px; }
h3.bpes-search-hentry-primary-start a { text-decoration: none; color: #249680; }

.bpes-search-hentry-primary-excerpt { margin-top: 16px; font-size: 14px; line-height: 1.62; }


@media all and (max-width: 600px) {
	.bpes #branding { float: none; }
	.bpes-navigation-search { float: none; width: auto; text-align: center; }
	.bpes-search-container form { left: 0; }
	a.bpes-magnifying-glass { display: none; }

	.bpes .section-hero .hero-container { padding-top: calc(175px + 2em); }
}