/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
RESET DEFAULT BOOTSTRAP OR WORDPRESS
*********************/
@media (min-width: 768px) { .remove-col-padding { padding-left: 0; padding-right: 0; } }
.navbar-collapse { max-height: auto; padding-right: 0; padding-left: 0; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: none; box-shadow: inset 0 0 0 rgba(255, 255, 255, 0); }

.carousel-control.left, .carousel-control.right { background-image: none; background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

@media (min-width: 768px) { .container { width: auto; max-width: 960px; } }
@media (min-width: 992px) { .container { width: auto; max-width: 960px; } }
@media (min-width: 1200px) { .container { width: auto; max-width: 960px; } }
.form-control, .frank-forms textarea { border-radius: 0; }

.form-control:focus, .frank-forms textarea:focus { box-shadow: inset 0 0 0 transparent, 0 0 0 rgba(102, 175, 233, 0); }

.remove-col-padding { padding-left: 0; padding-right: 0; }

/*********************
IMPORTING MODULES
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* MISC 
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets.
*/
@font-face { font-family: 'Franklin Gothic Book'; src: url("../fonts/FranklinGothic-Book-webfont.eot"); src: url("../fonts/FranklinGothic-Book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-Book-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic-Book-webfont.woff") format("woff"), url("../fonts/FranklinGothic-Book-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Franklin_Gothic Demi'; src: url("../fonts/FranklinGothic-Demi-webfont.eot"); src: url("../fonts/FranklinGothic-Demi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-Demi-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic-Demi-webfont.woff") format("woff"), url("../fonts/FranklinGothic-Demi-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Franklin_Gothic Book Italic'; src: url("../fonts/FranklinGothic-BookIt-webfont.eot"); src: url("../fonts/FranklinGothic-BookIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic-BookIt-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic-BookIt-webfont.woff") format("woff"), url("../fonts/FranklinGothic-BookIt-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic-BookIt-webfont.svg#franklin_gothic_fsbook_italic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'League Gothic'; src: url("../fonts/LeagueGothic-Regular.otf"); font-weight: normal; font-style: normal; }
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
.orange-text { color: #feb421; }

.league-gothic { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }

em { font-family: Franklin_Gothic Book Italic, Arial, Helvetica, sans-serif; font-style: normal; }

strong { font-family: Franklin_Gothic Demi, Arial, Helvetica, sans-serif; font-weight: normal; }

p { margin-bottom: 30px; }

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
.mixin-overlay, nav.about-nav:before, .home .carousel .carousel-inner .item:before, .home .homepage-widgets .fakebg div:first-child:before, .home .homepage-widgets .fakebg div:last-child:before, .masthead-page:before, .masthead-page-blue:before, .masthead-page-yellow:before, .masthead-page-purple:before, .masthead-page-teal:before, .masthead-page-pink:before, .quotes:before { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; }

/******************************************************************
Site Name:
Author:

Stylesheet: Headline Styles

******************************************************************/
.title-defaults, .main-title, .section-title, .footer-donate h3, .rich-text h2, .rich-text h3, .rich-text h4, .section-title a, .footer-donate h3 a, .rich-text h2 a, .rich-text h3 a, .rich-text h4 a, .widget-title, .home .next-event article aside header h3, .sponsor { font-weight: normal; text-transform: uppercase; }

.main-title { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 8px; font-size: 72px; text-shadow: -4px 4px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; text-decoration: underline; display: block; }

.sub-title { font-size: 14px; }

.section-title, .footer-donate h3, .rich-text h2, .rich-text h3, .rich-text h4 { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; display: block; font-size: 40px; margin-top: 0; padding-bottom: 4px; }
.section-title a, .footer-donate h3 a, .rich-text h2 a, .rich-text h3 a, .rich-text h4 a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; }

.widget-title { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; font-size: 32px; border-bottom: 2px solid #fff; display: inline-block; }

.subhead { font-size: 18px; display: block; margin-bottom: 20px; }

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

Pulling bootstrap's btn css in to be able to extend
*********************/
.btn, .btn-frank, nav.about-nav .overlay li a, .donate-givemn a, .btn-frank-orange, .btn-frank-white, .frank-forms [type='submit'], header.navbar-fixed-top nav ul li:last-of-type a, .footer-donate a, .home .homepage-widgets aside div a, .rich-text a.btn-frank, .rich-text .donate-givemn a, .donate-givemn .rich-text a { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.btn:focus, .btn-frank:focus, nav.about-nav .overlay li a:focus, .donate-givemn a:focus, .btn-frank-orange:focus, .btn-frank-white:focus, .frank-forms [type='submit']:focus, header.navbar-fixed-top nav ul li:last-of-type a:focus, .footer-donate a:focus, .home .homepage-widgets aside div a:focus, .rich-text a.btn-frank:focus, .btn:active:focus, .btn-frank:active:focus, nav.about-nav .overlay li a:active:focus, .donate-givemn a:active:focus, .btn-frank-orange:active:focus, .btn-frank-white:active:focus, .frank-forms [type='submit']:active:focus, header.navbar-fixed-top nav ul li:last-of-type a:active:focus, .footer-donate a:active:focus, .home .homepage-widgets aside div a:active:focus, .btn.active:focus, .active.btn-frank:focus, nav.about-nav .overlay li a.active:focus, .donate-givemn a.active:focus, .active.btn-frank-orange:focus, .active.btn-frank-white:focus, .frank-forms .active[type='submit']:focus, header.navbar-fixed-top nav ul li:last-of-type a.active:focus, .footer-donate a.active:focus, .home .homepage-widgets aside div a.active:focus, .btn.focus, .focus.btn-frank, nav.about-nav .overlay li a.focus, .donate-givemn a.focus, .focus.btn-frank-orange, .focus.btn-frank-white, .frank-forms .focus[type='submit'], header.navbar-fixed-top nav ul li:last-of-type a.focus, .footer-donate a.focus, .home .homepage-widgets aside div a.focus, .rich-text a.focus.btn-frank, .btn:active.focus, .btn-frank:active.focus, nav.about-nav .overlay li a:active.focus, .donate-givemn a:active.focus, .btn-frank-orange:active.focus, .btn-frank-white:active.focus, .frank-forms [type='submit']:active.focus, header.navbar-fixed-top nav ul li:last-of-type a:active.focus, .footer-donate a:active.focus, .home .homepage-widgets aside div a:active.focus, .btn.active.focus, .active.focus.btn-frank, nav.about-nav .overlay li a.active.focus, .donate-givemn a.active.focus, .active.focus.btn-frank-orange, .active.focus.btn-frank-white, .frank-forms .active.focus[type='submit'], header.navbar-fixed-top nav ul li:last-of-type a.active.focus, .footer-donate a.active.focus, .home .homepage-widgets aside div a.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, .btn-frank:hover, nav.about-nav .overlay li a:hover, .donate-givemn a:hover, .btn-frank-orange:hover, .btn-frank-white:hover, .frank-forms [type='submit']:hover, header.navbar-fixed-top nav ul li:last-of-type a:hover, .footer-donate a:hover, .home .homepage-widgets aside div a:hover, .rich-text a.btn-frank:hover, .btn:focus, .btn-frank:focus, nav.about-nav .overlay li a:focus, .donate-givemn a:focus, .btn-frank-orange:focus, .btn-frank-white:focus, .frank-forms [type='submit']:focus, header.navbar-fixed-top nav ul li:last-of-type a:focus, .footer-donate a:focus, .home .homepage-widgets aside div a:focus, .rich-text a.btn-frank:focus, .btn.focus, .focus.btn-frank, nav.about-nav .overlay li a.focus, .donate-givemn a.focus, .focus.btn-frank-orange, .focus.btn-frank-white, .frank-forms .focus[type='submit'], header.navbar-fixed-top nav ul li:last-of-type a.focus, .footer-donate a.focus, .home .homepage-widgets aside div a.focus, .rich-text a.focus.btn-frank { color: #333; text-decoration: none; }

.btn:active, .btn-frank:active, nav.about-nav .overlay li a:active, .donate-givemn a:active, .btn-frank-orange:active, .btn-frank-white:active, .frank-forms [type='submit']:active, header.navbar-fixed-top nav ul li:last-of-type a:active, .footer-donate a:active, .home .homepage-widgets aside div a:active, .rich-text a.btn-frank:active, .btn.active, .active.btn-frank, nav.about-nav .overlay li a.active, .donate-givemn a.active, .active.btn-frank-orange, .active.btn-frank-white, .frank-forms .active[type='submit'], header.navbar-fixed-top nav ul li:last-of-type a.active, .footer-donate a.active, .home .homepage-widgets aside div a.active, .rich-text a.active.btn-frank { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, .disabled.btn-frank, nav.about-nav .overlay li a.disabled, .donate-givemn a.disabled, .disabled.btn-frank-orange, .disabled.btn-frank-white, .frank-forms .disabled[type='submit'], header.navbar-fixed-top nav ul li:last-of-type a.disabled, .footer-donate a.disabled, .home .homepage-widgets aside div a.disabled, .rich-text a.disabled.btn-frank, .btn[disabled], [disabled].btn-frank, nav.about-nav .overlay li a[disabled], .donate-givemn a[disabled], [disabled].btn-frank-orange, [disabled].btn-frank-white, .frank-forms [disabled][type='submit'], header.navbar-fixed-top nav ul li:last-of-type a[disabled], .footer-donate a[disabled], .home .homepage-widgets aside div a[disabled], .rich-text a[disabled].btn-frank, fieldset[disabled] .btn, fieldset[disabled] .btn-frank, fieldset[disabled] nav.about-nav .overlay li a, nav.about-nav .overlay li fieldset[disabled] a, fieldset[disabled] .donate-givemn a, .donate-givemn fieldset[disabled] a, fieldset[disabled] .btn-frank-orange, fieldset[disabled] .btn-frank-white, fieldset[disabled] .frank-forms [type='submit'], .frank-forms fieldset[disabled] [type='submit'], fieldset[disabled] header.navbar-fixed-top nav ul li:last-of-type a, header.navbar-fixed-top nav ul li:last-of-type fieldset[disabled] a, fieldset[disabled] .footer-donate a, .footer-donate fieldset[disabled] a, fieldset[disabled] .home .homepage-widgets aside div a, .home .homepage-widgets aside div fieldset[disabled] a { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: .65; }

/* CUSTOM BUTTONS */
.btn-frank, nav.about-nav .overlay li a, .donate-givemn a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn-frank:hover, nav.about-nav .overlay li a:hover, .donate-givemn a:hover, .btn-frank:focus, nav.about-nav .overlay li a:focus, .donate-givemn a:focus, .btn-frank:active, nav.about-nav .overlay li a:active, .donate-givemn a:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.btn-frank:after, nav.about-nav .overlay li a:after, .donate-givemn a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.btn-frank:hover:after, nav.about-nav .overlay li a:hover:after, .donate-givemn a:hover:after, .btn-frank:active:after, nav.about-nav .overlay li a:active:after, .donate-givemn a:active:after { height: 100%; content: ''; }

.btn-frank-orange { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #40494a; background-color: #feb421; border-color: #feb421; }
.btn-frank-orange:hover, .btn-frank-orange:focus, .btn-frank-orange:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.btn-frank-orange:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.btn-frank-orange:hover:after, .btn-frank-orange:active:after { height: 100%; content: ''; }
.btn-frank-orange:hover, .btn-frank-orange:focus, .btn-frank-orange:active { background: none; border-color: #fff; }
.btn-frank-orange:after { z-index: -1; background: #fff; }

.btn-frank-white { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #40494a; background-color: #fff; }
.btn-frank-white:hover, .btn-frank-white:focus, .btn-frank-white:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.btn-frank-white:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.btn-frank-white:hover:after, .btn-frank-white:active:after { height: 100%; content: ''; }
.btn-frank-white:hover, .btn-frank-white:focus, .btn-frank-white:active { background: none; }

.btn-noevent, .btn-noevent:hover { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 1.2em; }

.share, .share-white, .share-gray { display: inline-block; text-align: center; border-radius: 50%; width: 36px; height: 36px; line-height: 36px; margin: 10px 5px 20px 0; font-size: 16px; }
.share:hover, .share-white:hover, .share-gray:hover { background: #feb421; }

.share-white { background: #fff; color: #40494a; }
.share-white:hover { color: #40494a; }

.share-gray { border: 1px solid #fff; color: #fff; }
.share-gray:hover { border-color: #feb421; color: #40494a; }

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
.frank-forms .form-control, .frank-forms textarea, .frank-forms select { height: 39px; padding: 0 12px; font-size: 16px; line-height: 39px; color: #fff; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: transparent; background-image: #40494a; border: 1px solid #e9e6df; }
.frank-forms textarea { height: auto; width: 100%; }
.frank-forms img { margin-bottom: 6px; }
.frank-forms [type='submit'] { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #40494a; background-color: #fff; margin-bottom: 0; }
.frank-forms [type='submit']:hover, .frank-forms [type='submit']:focus, .frank-forms [type='submit']:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.frank-forms [type='submit']:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.frank-forms [type='submit']:hover:after, .frank-forms [type='submit']:active:after { height: 100%; content: ''; }
.frank-forms [type='submit']:hover, .frank-forms [type='submit']:focus, .frank-forms [type='submit']:active { background: none; }
.frank-forms [type='submit'][disabled] { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: .6; }
.frank-forms [type='submit'][disabled]:hover:after, .frank-forms [type='submit'][disabled]:active:after { height: 0 !important; }
.frank-forms .submit { display: inline-block; position: relative; z-index: 5; }
.frank-forms .submit:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.frank-forms .submit:hover:after, .frank-forms .submit:active:after { height: 100%; }
.frank-forms a, .frank-forms a:hover { color: #fff; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; text-decoration: underline; }
.frank-forms label .wpcf7-form-control-wrap, .frank-forms .checkbox-label { display: table-cell; padding-right: 5px; font-weight: normal; font-size: 14px; }
.frank-forms .checkbox-label a { font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; color: #fff; }

@media (min-width: 992px) { .footer-donate .frank-forms .form-control, .footer-donate .frank-forms textarea, .noevent .frank-forms .form-control, .noevent .frank-forms textarea { width: 230px; } }
div.wpcf7-validation-errors { border: 1px solid #A94442; }

div.wpcf7-validation-errors { padding: 15px; margin: 5px 0; }

.wpcf7-submit { margin-left: 0 !important; }

.footer-donate span.wpcf7-not-valid-tip { text-align: left; }

.search-form { background: #fff; padding: 5px; position: absolute; right: 0; top: 66px; }

.search-input { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; font-size: 14px; }
.search-input input { border: 0; box-shadow: none; }
.search-input .input-group-btn:last-child > .btn, .search-input .input-group-btn:last-child > .btn-frank, .search-input nav.about-nav .overlay li .input-group-btn:last-child > a, nav.about-nav .overlay li .search-input .input-group-btn:last-child > a, .search-input .donate-givemn .input-group-btn:last-child > a, .donate-givemn .search-input .input-group-btn:last-child > a, .search-input .input-group-btn:last-child > .btn-frank-orange, .search-input .input-group-btn:last-child > .btn-frank-white, .search-input .frank-forms .input-group-btn:last-child > [type='submit'], .frank-forms .search-input .input-group-btn:last-child > [type='submit'], .search-input header.navbar-fixed-top nav ul li:last-of-type .input-group-btn:last-child > a, header.navbar-fixed-top nav ul li:last-of-type .search-input .input-group-btn:last-child > a, .search-input .footer-donate .input-group-btn:last-child > a, .footer-donate .search-input .input-group-btn:last-child > a, .search-input .home .homepage-widgets aside div .input-group-btn:last-child > a, .home .homepage-widgets aside div .search-input .input-group-btn:last-child > a, .search-input .rich-text .input-group-btn:last-child > a.btn-frank, .search-input nav.about-nav .overlay li .rich-text .input-group-btn:last-child > a, .search-input .donate-givemn .rich-text .input-group-btn:last-child > a { margin-left: 0; }
.search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; color: #666666; padding: 0 8px 0 10px; border-width: 0 0 0 1px; border-style: solid; border-color: #e9e6df; }
.search-input button:hover { box-shadow: none; background: none; border-color: #e9e6df; color: #feb421; }

/*********************
IMPORTING PARTIALS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Global Stylesheet

******************************************************************/
body { font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; background-color: #40494a; color: #fff; width: 100%; /* for fullscreen on initial load */ height: 100%; /* for fullscreen on initial load */ }

a, a:active, a:focus { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; outline: none; }

hr { border-color: #555; }

.display-block { display: block; }

.position-relative { position: relative; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

/* or call it nobr */
.container { max-width: 960px; }

.table-display { display: table; }

.table-cell { display: table-cell; vertical-align: middle; }

.color-overlay, nav.about-nav, .home .carousel .carousel-inner .item, .masthead-page, .masthead-page-blue, .masthead-page-yellow, .masthead-page-purple, .masthead-page-teal, .masthead-page-pink, .quotes { background-size: cover; background-repeat: no-repeat; background-position: center; }
.color-overlay .overlay, nav.about-nav .overlay, .home .carousel .carousel-inner .item .overlay, .masthead-page .overlay, .masthead-page-blue .overlay, .masthead-page-yellow .overlay, .masthead-page-purple .overlay, .masthead-page-teal .overlay, .masthead-page-pink .overlay, .quotes .overlay { position: relative; z-index: 5; }

/* This parent can be any width and height */
.block { text-align: center; /* May want to do this if there is risk the container  may be narrower than the element inside */ white-space: nowrap; }

/* The ghost, nudged to maintain perfect centering */
.block:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

/* The element to be centered, can also be of any width and height */
.centered { display: inline-block; vertical-align: middle; }

/* ANIMATE.CSS ADDITIONAL CLASSES */
.animated-faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.delay-1s, .home .homepage-widgets aside:first-child > div { animation-delay: 1s; -webkit-animation-delay: 1s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.delay-1-05s, .home .homepage-widgets aside:last-child > div { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay-2s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay-2-05s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

/******************************************************************
Site Name:
Author:

Stylesheet: Navigation Stylesheet

******************************************************************/
header.navbar-fixed-top * { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

header.navbar-fixed-top { background: rgba(40, 40, 40, 0.75); padding: 10px 0; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
header.navbar-fixed-top .logo { display: block; width: 220px; height: 75px; background: url(../images/logo.png) center center/contain no-repeat; float: left; }
header.navbar-fixed-top nav { /*display: inline-block;*/ float: right; margin-right: 70px; margin-top: 20px; }
header.navbar-fixed-top nav ul { border: dashed 2px red; padding-left: 0px; margin-left: 0px; }
header.navbar-fixed-top nav ul li { list-style: none; display: inline-block; padding: 0px 10px; }
header.navbar-fixed-top nav ul li a { color: #fff; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; -webkit-transition: border 0.2s; transition: border 0.2s; border-bottom: solid 2px transparent; text-transform: uppercase; padding: 3px 3px; text-decoration: none !important; }
header.navbar-fixed-top nav ul li a:hover { border-bottom: 2px solid #fff; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; color: #fff; }
header.navbar-fixed-top nav ul li a:active { color: #fff; }
header.navbar-fixed-top nav ul li a:focus { color: #fff; }
header.navbar-fixed-top nav ul li:last-of-type a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #40494a; background-color: #feb421; border-color: #feb421; margin-bottom: 0; border-bottom: 2px solid #feb421 !important; }
header.navbar-fixed-top nav ul li:last-of-type a:hover, header.navbar-fixed-top nav ul li:last-of-type a:focus, header.navbar-fixed-top nav ul li:last-of-type a:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
header.navbar-fixed-top nav ul li:last-of-type a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
header.navbar-fixed-top nav ul li:last-of-type a:hover:after, header.navbar-fixed-top nav ul li:last-of-type a:active:after { height: 100%; content: ''; }
header.navbar-fixed-top nav ul li:last-of-type a:hover, header.navbar-fixed-top nav ul li:last-of-type a:focus, header.navbar-fixed-top nav ul li:last-of-type a:active { background: none; border-color: #fff; }
header.navbar-fixed-top nav ul li:last-of-type a:after { z-index: -1; background: #fff; }
header.navbar-fixed-top nav ul li:last-of-type a:hover { border-bottom: 2px solid #fff !important; }
header.navbar-fixed-top nav ul li:last-of-type a:focus { border-bottom: 2px solid #fff !important; background: #fff; }
header.navbar-fixed-top nav ul li.current_page_item a { border-bottom: 2px solid #fff; }
header.navbar-fixed-top .search-toggle { display: inline-block; background: #fff; color: #555; line-height: 66px; /*float: right;*/ font-size: 20px; padding: 0 20px; /*margin-top: -70px;*/ position: absolute; right: 0; top: 6px; *zoom: 1; cursor: pointer; }
header.navbar-fixed-top .search-toggle:hover { background: #feb421; }

header.navbar-fixed-top.colortransition { background: #282828; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

/*********************
ABOUT US NAVIGATION
*********************/
nav.about-nav { border-top: solid 8px #feb421; height: 300px; position: relative; background-image: url(../images/bg_widget1.jpg); }
nav.about-nav:before { background-color: rgba(162, 28, 36, 0.8); /* mix-blend-mode: overlay; */ }
nav.about-nav .overlay { margin-top: 60px; }
nav.about-nav .overlay li { display: inline-block; }
nav.about-nav .overlay li a { display: block; font-size: 30px; margin-top: 10px; margin-bottom: 10px; }

/******************************************************************
Site Name:
Author:

Stylesheet: Footer Stylesheet
******************************************************************/
footer { border-top: 8px solid #e9e6df; padding-top: 30px; }

.social-media { margin-bottom: 50px; }
.social-media li { display: inline-block; margin: 30px 17px 0; position: relative; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; cursor: pointer; }
.social-media li:hover { color: #feb421; }
.social-media li:before { font-size: 27px; position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; }
.social-media li a { display: inline-block; color: #fff; border-radius: 50%; border: 2px solid #fff; width: 50px; height: 50px; text-decoration: none; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; -webkit-transition: all 0.5s ease color 0.7s; transition: all 0.5s ease color 0.7s; -webkit-tap-highlight-color: all 0.5s ease transparent; position: relative; overflow: visible; }
.social-media li a:hover { border-color: #feb421; }
.social-media li a:after { background: rgba(111, 148, 182, 0.1); position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; box-shadow: 0 0 0 2px rgba(254, 180, 30, 0.5); }
.social-media li a:before { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; box-shadow: 0 0 0 2px rgba(254, 180, 30, 0.5); }
.social-media li a:hover:before { -webkit-animation: anim-effect-ivana-1 1s forwards; animation: anim-effect-ivana-1 1s forwards; }
.social-media li a:hover:after { -webkit-animation: anim-effect-ivana-1 1s forwards; animation: anim-effect-ivana-1 1s forwards; }

.footer-donate { background: #555; padding: 50px 0; }
.footer-donate h3 { font-size: 28px; color: #e9e6df; margin-top: 30px; }
.footer-donate p { margin: 0; }
.footer-donate a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #40494a; background-color: #feb421; border-color: #feb421; }
.footer-donate a:hover, .footer-donate a:focus, .footer-donate a:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.footer-donate a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.footer-donate a:hover:after, .footer-donate a:active:after { height: 100%; content: ''; }
.footer-donate a:hover, .footer-donate a:focus, .footer-donate a:active { background: none; border-color: #fff; }
.footer-donate a:after { z-index: -1; background: #fff; }

.footer-links-container { background: #e9e6df; color: #555; padding: 40px 0 60px; text-transform: uppercase; }

.footer-links { margin-bottom: 30px; }
.footer-links li { display: inline-block; }
.footer-links li a { color: #555; padding-bottom: 3px; text-transform: uppercase; padding: 5px 0; margin: 0 10px; font-size: 14px; text-decoration: none; border-bottom: 2px solid transparent; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; }
.footer-links li a:hover { border-bottom: 2px solid #555; }

/* ANIMATION KEYFRAMES */
@-webkit-keyframes anim-effect-ivana-1 { 0% { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
  100% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }
@keyframes anim-effect-ivana-1 { 0% { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
  100% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } }
@-webkit-keyframes anim-effect-ivana-2 { 0% { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
  50%, 100% { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } }
@keyframes anim-effect-ivana-2 { 0% { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
  50%, 100% { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } }
/******************************************************************
Site Name:
Author:

Stylesheet: Homepage Stylesheet

******************************************************************/
.home { /* Front page */ }
.home .carousel { min-height: 500px; height: 100vh; width: 100%; background-color: #a21c24; }
.home .carousel .carousel-inner { height: 100%; }
.home .carousel .carousel-inner .item { height: 100%; background-position: top center; }
.home .carousel .carousel-inner .item:before { background-color: rgba(162, 28, 36, 0.6); /* mix-blend-mode: overlay; */ }
.home .carousel .carousel-inner .item .container { height: 100%; }
.home .carousel .carousel-inner .item .overlay { position: absolute; width: 90%; height: 100%; }
.home .carousel .carousel-inner .item .overlay .row { position: absolute; bottom: 25%; width: 100%; }
.home .carousel .carousel-inner .item .overlay .row .main-title { font-size: 8vw; }
.home .carousel .carousel-inner .item.active { height: 100%; }
.home .carousel .carousel-indicators li { margin: 1px 3px; border-color: #feb421; -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease; }
.home .carousel .carousel-indicators .active { background-color: #feb421; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
.home .mm-page { width: 100%; }
.home .next-event { background: #3c4748 url(../images/bg_map.png) center center/cover no-repeat; min-height: 100px; }
.home .next-event article { margin: 20px auto; border: solid 1px #e9e6df; }
.home .next-event article figure img { border-right: 1px solid #e9e6df; }
.home .next-event article .col-sm-5 { padding-left: 50px; }
.home .next-event article .col-sm-9 { padding-left: 30px; }
.home .next-event article .btn-frank:last-of-type, .home .next-event article nav.about-nav .overlay li a:last-of-type, nav.about-nav .overlay li .home .next-event article a:last-of-type, .home .next-event article .donate-givemn a:last-of-type, .donate-givemn .home .next-event article a:last-of-type { margin-left: 8px; }
.home .next-event article p { margin-bottom: 15px; }
.home .next-event article aside { margin-top: 65px; border-width: 1px 0 1px 1px; border-color: #e9e6df; border-style: solid; }
.home .next-event article aside header { background: #e9e6df; color: #40494a; padding: 6px 4px; }
.home .next-event article aside header .glyphicon-map-marker { font-size: 26px; }
.home .next-event article aside header h3 { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; font-size: 28px; margin: 0; display: block; }
.home .next-event article aside > span { display: block; padding: 15px; }
.home .next-event article aside a { color: #fff; margin-bottom: 10px; }
.home .next-event article .no-event p { font-size: 18px; margin-bottom: 30px; }
.home .next-event article .no-event .col-sm-3 { margin-top: 145px; }
.home .homepage-widgets { border-top: 8px solid #feb421; }
.home .homepage-widgets .fakebg { position: absolute; width: 100%; height: 100%; }
.home .homepage-widgets .fakebg div:first-child { background: url(../images/bg_widget1.jpg) center center/cover no-repeat; }
.home .homepage-widgets .fakebg div:first-child:before { background-color: rgba(162, 28, 36, 0.85); /* mix-blend-mode: overlay; */ }
.home .homepage-widgets .fakebg div:last-child { background: url(../images/bg_widget2.jpg) center center/cover no-repeat; }
.home .homepage-widgets .fakebg div:last-child:before { background-color: rgba(118, 168, 152, 0.9); /* mix-blend-mode: overlay; */ }
.home .homepage-widgets aside div { position: relative; z-index: 10; opacity: 0; }
.home .homepage-widgets aside div a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.home .homepage-widgets aside div a:hover, .home .homepage-widgets aside div a:focus, .home .homepage-widgets aside div a:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.home .homepage-widgets aside div a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.home .homepage-widgets aside div a:hover:after, .home .homepage-widgets aside div a:active:after { height: 100%; content: ''; }
.home .homepage-widgets aside:first-child { padding: 50px 50px 50px 0px; }
.home .homepage-widgets aside:last-child { padding: 50px 0px 50px 50px; }

/******************************************************************
Site Name:
Author:

Stylesheet: Subpage Stylesheet

******************************************************************/
.masthead-page, .masthead-page-blue, .masthead-page-yellow, .masthead-page-purple, .masthead-page-teal, .masthead-page-pink { height: 600px; margin-bottom: 55px; position: relative; background-position: center top; font-size: 14px; text-transform: uppercase; }
.masthead-page .overlay, .masthead-page-blue .overlay, .masthead-page-yellow .overlay, .masthead-page-purple .overlay, .masthead-page-teal .overlay, .masthead-page-pink .overlay { margin-top: 130px; }
.masthead-page:before, .masthead-page-blue:before, .masthead-page-yellow:before, .masthead-page-purple:before, .masthead-page-teal:before, .masthead-page-pink:before { background-color: rgba(162, 28, 36, 0.6); /* mix-blend-mode: overlay; */ }
.masthead-page a.location-link, .masthead-page-blue a.location-link, .masthead-page-yellow a.location-link, .masthead-page-purple a.location-link, .masthead-page-teal a.location-link, .masthead-page-pink a.location-link, .masthead-page a.location-link:hover, .masthead-page-blue a.location-link:hover, .masthead-page-yellow a.location-link:hover, .masthead-page-purple a.location-link:hover, .masthead-page-teal a.location-link:hover, .masthead-page-pink a.location-link:hover { font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; color: #fff; }

.masthead-page-blue:before { background-color: rgba(118, 168, 152, 0.7); /* mix-blend-mode: overlay; */ }

.masthead-page-yellow:before { background-color: rgba(254, 180, 33, 0.7); /* mix-blend-mode: overlay; */ }

.masthead-page-purple:before { background-color: rgba(102, 45, 145, 0.7); /* mix-blend-mode: overlay; */ }

.masthead-page-teal:before { background-color: rgba(93, 195, 197, 0.7); /* mix-blend-mode: overlay; */ }

.masthead-page-pink:before { background-color: rgba(234, 77, 137, 0.7); /* mix-blend-mode: overlay; */ }

.row-spacing { margin-bottom: 55px; }

.awards-page .awards-list { min-height: 120px; border-left: 1px solid #feb421; }
.awards-page .awards-list .col-sm-6 { margin-bottom: 20px; }
.awards-page strong { text-transform: uppercase; }

.rich-text { font-size: 16px; }
.rich-text h3 { font-size: 32px; }
.rich-text h4 { font-size: 24px; }
.rich-text a { color: #feb421; font-family: Franklin_Gothic Demi, Arial, Helvetica, sans-serif; }
.rich-text a.btn-frank, .rich-text nav.about-nav .overlay li a, nav.about-nav .overlay li .rich-text a, .rich-text .donate-givemn a, .donate-givemn .rich-text a { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background-color: none; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; padding: 4px 10px 3px; margin-bottom: 5px; outline: none; position: relative; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.rich-text a.btn-frank:hover, .rich-text nav.about-nav .overlay li a:hover, nav.about-nav .overlay li .rich-text a:hover, .rich-text .donate-givemn a:hover, .donate-givemn .rich-text a:hover, .rich-text a.btn-frank:focus, .rich-text nav.about-nav .overlay li a:focus, nav.about-nav .overlay li .rich-text a:focus, .rich-text .donate-givemn a:focus, .donate-givemn .rich-text a:focus, .rich-text a.btn-frank:active, .rich-text nav.about-nav .overlay li a:active, nav.about-nav .overlay li .rich-text a:active, .rich-text .donate-givemn a:active, .donate-givemn .rich-text a:active { color: #000; border-color: #feb421; background-image: none; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; }
.rich-text a.btn-frank:after, .rich-text nav.about-nav .overlay li a:after, nav.about-nav .overlay li .rich-text a:after, .rich-text .donate-givemn a:after, .donate-givemn .rich-text a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; height: 0; top: 0; left: 0; background: #feb421; }
.rich-text a.btn-frank:hover:after, .rich-text nav.about-nav .overlay li a:hover:after, nav.about-nav .overlay li .rich-text a:hover:after, .rich-text .donate-givemn a:hover:after, .donate-givemn .rich-text a:hover:after, .rich-text a.btn-frank:active:after, .rich-text nav.about-nav .overlay li a:active:after, nav.about-nav .overlay li .rich-text a:active:after, .rich-text .donate-givemn a:active:after, .donate-givemn .rich-text a:active:after { height: 100%; content: ''; }
.rich-text ul { margin-bottom: 30px; }
.rich-text blockquote { padding: 0; border-left: none; border-top: 3px solid #feb421; border-bottom: 3px solid #feb421; text-transform: uppercase; position: relative; text-align: center; margin-bottom: 40px; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; }
.rich-text blockquote p:first-of-type { padding: 50px 20px 15px; font-size: 28px; background: url(../images/quote.png) no-repeat center top; background-size: 38px 35px; margin-top: -20px; }
.rich-text blockquote p:last-of-type { position: absolute; bottom: -15px; width: 100%; }
.rich-text blockquote strong { font-size: 18px; display: inline-block; padding: 4px 12px; border: 1px solid #feb421; background: #40494a; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; }
.rich-text .css-3col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }

.rich-text.excerpt p, .rich-text-list p { margin-bottom: 10px; }

.lil-ico { color: #feb421; font-size: 16px; width: 30px; float: left; padding-left: 15px; }

span[itemprop="doorTime"] p { display: inline; }

.quotes { height: auto; background: url(../images/review-bg.jpg); background-position: top; }
.quotes:before { background-color: rgba(118, 168, 152, 0.9); /* mix-blend-mode: overlay; */ }
.quotes .overlay { padding: 10px 0; margin-top: 0; }
.quotes h3 { font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 50px; }
.quotes .top-border { background: url(../images/review-border-top.png) center no-repeat; height: 32px; margin-bottom: 30px; }
.quotes .bottom-border { background: url(../images/review-border-btm.png) center no-repeat; height: 32px; }

.sponsor-page { background: #fff; }

.sponsor { font-size: 30px; line-height: 1em; font-family: League Gothic, "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-bottom: 10px; }
.sponsor img { max-width: 180px; height: auto; }
.sponsor .block { height: 240px; }
@media screen and (max-width: 767px) { .sponsor { font-size: 18px; }
  .sponsor img { width: auto; max-width: 80px; height: auto; }
  .sponsor .block { height: 150px; } }

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print { /****************************************************************** Site Name: Author:  Stylesheet: Print Stylesheet  This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it.  *****************************************************************/
  * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after, a:visited:after { content: " (" attr(href) ")"; }
  a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }

/*# sourceMappingURL=style.css.map */