/* ------------------------------------------------------
Style over rides from bry skin css

$bg-color: #232121 (dark grey)
$accent-color: #F8E71C (yellow)

$link:                  #F8E71C;
$link-hover:            #C8B906;

un-revised -- $second-bg-color: #F6F6F6;
un-revised -- $second-font-color: #707070;
un-revised -- $table-border-color: #D6D6D6;

$body-font:           font-family: brandon-grotesque, Helvetica, Arial, sans-serif;
$accent-font:         font-family: bebas-neue, Helvetica, Arial, sans-serif;
$heading-font:        font-family: brothers, Copperplate, Georgia, serif;
$speech-bubble:       font-family: verveine, bebas-neue, Helvetica, Arial, sans-serif;


Table of Contents for search based navigation


**** Box Model Reset

**** Typography
---- Fonts
---- Headings
---- Lists
---- Breadcrumbs
---- Blockquotes
---- HR
---- Text level elements
---- Links


**** Design Patterns
---- Buttons
---- Animations
---- Highlight
---- Site Messages
---- Icon sprite
---- Social list


**** Images


**** Forms
---- Form Errors
---- Submit Bar
---- Search Form
---- Search pagination
---- Captcha


**** Tables
---- Content tables
---- Responsive table
---- No Styles Table


**** Helper classes
---- Clearfix
---- Hiding classes
---- Pseudo elements
---- Floats and positioning
---- Grid system


**** Template Layout
---- Container
---- Simple content alignment classes
---- Sections
---- Content Box
---- Header
---- Footer
---- Magnific Popup


**** Widgets
---- Catch all
---- Related Links
---- Simple Image Gallery
---- Children Page Gallery
---- Sponsors module
---- Order Form
---- Videos


**** Print styles

------------------------------------------------------ */

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

/* ------------------------------------------------------
**** Breakpoints
------------------------------------------------------ */

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */

}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */

}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */

}

/* BP large */
@media only screen and (min-width: 75em) { /* 1200px */

}

/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

/* ---- Lists ---- */

/* ---- Breadcrumbs ---- */

/* ---- Blockquotes ---- */

/* ---- HR ---- */

/* ---- Text level elements ---- */

/* ---- Links ---- */

/* ------------------------------------------------------
**** Design Patterns
------------------------------------------------------ */

/* ---- Background colours ---- */

/* ---- Buttons ---- */

/* ---- Animations ---- */

/* ---- Highlight ---- */

/* ---- Expando ---- */

/* ---- Site Messages ---- */

/* ---- Icon sprite ---- */

/* ---- Social list ---- */

/* ---- Block list ---- */

/* ------------------------------------------------------
**** Images
------------------------------------------------------ */

/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */

/* ---- Base styles ---- */

/* ---- Autocomplete ---- */

/* ---- Lightweight elements ---- */

/* ---- TinyMCE tweaks ---- */

/* ---- Submit Bar ---- */

/* ---- Search Form ---- */

/* ---- Search pagination ---- */

/* ---- Captcha ---- */

/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

/* ---- Content tables ---- */

/* ---- Responsive tables ---- */

/* ---- No Styles Table ---- */

/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Clearfix ---- */

/* ---- Hiding classes ---- */

/* ---- Pseudo elements ---- */

/* ---- Floats and positioning ---- */

/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

/* ---- Container ---- */

/* ---- Simple content alignment classes ---- */

/* ---- Sections ---- */

/* ---- Blocks ---- */

/* ---- Content Box ---- */

/* ---- Header ---- */
#header {
	margin-bottom: 91px;
}
.section--header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 91px;
	border-bottom: 1px solid #1D1C1C;
}
@media screen and (min-width: 23.75em) { /* 380px */
	#header {
		margin-bottom: 110px;
	}
	.section--header {
		height: 110px;
	}
}
/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	#header {
		margin-bottom: 154px;
	}
	.section--header {
		height: 154px;
    }
}

/* ---- Nav ---- */

/* ---- Footer ---- */

/* ---- Hero banner ---- */

/* ---- Inner banner and half banner ---- */

/* ---- Master Image ---- */

/* ---- Promo ---- */

/* ---- block-promo ---- */
@media screen and (min-width: 37.5em) { /* 600px */
    .block-promo__image {
        position: relative;
        width: 100%;
        height: auto;
        top: unset;
        right: 0;
    }
	.block-promo__wrapper .row .start-sm {
		display: flex;
	    flex-flow: row wrap;
	    justify-content: center;
	    align-items: center;
	}
}

/* ---- two-panels ---- */
.section--two-panels .row::after {
	content: none;
}

/* ---- Magnific Popup ---- */

/* Generic style for all widgets */

/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in separate partial file

------------------------------------------------------ */

/* ---- Catch all ---- */

/* ---- Related Links ---- */

/* ---- Simple Image Gallery ---- */

/* ---- Children Page Gallery ---- */

/* ---- Share links ---- */

/* ---- Sponsors module ---- */

/* ---- Posts module ---- */

/* ---- Home page custom view ---- */

/* ---- Order Form ---- */

/* ---- Videos ---- */

/* ---- Map Directions ---- */

/* ---- reCAPTCHA ---- */

/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */