/*
Theme Name: Miller-Keystone Blood Center
Theme URI: http://www.firstgencom.com/
Author: First Generation
Author URI: http://www.firstgencom.com
Description: Custom Theme for Miller-Keystone Blood Center
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mkbc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Miller-Keystone Blood Center is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Custom CSS
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
}

html, body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Praktika-Medium, sans-serif;
	clear: both;
	font-weight: normal;
	font-style: normal;
}

p {
	margin-bottom: 1.5em;
	font-size: 16px;
	line-height: 20px;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


b, strong {
    font-weight: 600;
}

h1 {
	color: #ad2107;
}

h2 {
	color: #ad2107;
	font-size: 1.5em;
}

h3 {
	color: #1e1f6a;
	font-size: 1.3em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 2px;
	margin-bottom: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100% !important;
}

table tr td {
	text-align: center;
	border-top: none !important;
}

table tr  {
	border-top: 1px solid #2b2e81;
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #ad2107;
	font-weight: bold;
}

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

a {
	color: #EB052B;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover, a:focus, a:active {
	color: #ad2107;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 40px 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.navbar {
	padding-left: 0;
	padding-right: 0;
}

.top{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-size: 20px;
    opacity: 0.8;
    bottom: 100px;
    right: 20px;
    color: #ffffff;
    background: #5e5e5e;
    position: fixed;
    padding: 6px;
    text-decoration: none;
    z-index: 9999;
}

.top:hover, .top:visited, .top:focus {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #ad2107;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ad2107 !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	color: #FFF;
    font-size: 10px;
    margin: 5px;
    padding: 4px 3px 4px 12px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}


.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    font-family: 'fontAwesome';

}
.owl-carousel .owl-nav .owl-prev:before{
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    content: "\f054";
    margin-right:10px;
}


.owl-dots {
	position: absolute;
    bottom: 10px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

/* Site Title */

h1.site-title, p.site-title {
	margin: 10px 0 0 -2px;
	padding: 0;
	line-height: 1em;
	font-size: 30px;
	letter-spacing: 1px;
}

.site-title a {
	margin: 0;
}

.site-title a:hover {
	text-decoration: none;
}


/* Top Bar */

.top-bar {
	background-color: #ad2107;
}

.top-bar-left {
	padding: 15px 0;
}
.top-bar-left a {
	color: #FFFFFF;
	text-decoration: none;
}
.top-bar-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.top-bar-social {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
}

.top-bar-social li {
    float: left;
	padding: 3px 5px;
}

.top-bar-social-item a {
    color: #FFFFFF;
	font-size: 18px;
}

.top-bar-social-item a i {
	-webkit-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
}

.top-bar-social-item a:hover i{
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
        transform: translateY(-2px);
}

.top-bar-left a i {
	-webkit-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
}

.top-bar-left a:hover i {
	-webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
	    transform: translateY(-2px);
}

.top-bar-divider {
	color: #FFFFFF;
	padding: 5px;
	vertical-align: middle;
}

.top-bar-login {
	padding: 15px;
	background-color: #2b2c84;
}

.top-bar-login:hover {
	background-color: #1e1f6a;
}

.top-bar-login .btn {
	background-color: transparent;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
}

 .top-bar-login.show .btn {
 	background-color: transparent;
 }

.top-bar-login a {
	color: #cbcbcb;
	text-decoration: none;
}


.top-bar-login .btn-secondary.focus, .btn-secondary:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}


.top-bar-login .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
	background-color: initial;
}

.top-bar .dropdown-menu {
	background-color: #2b2c84;
	color: #646599;
	-webkit-transform: translate3d(0px, 51px, 0px) !important;
	        transform: translate3d(0px, 51px, 0px) !important;
    border-radius: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}

.top-bar .dropdown-menu .dropdown-item {
	padding: .4rem 1.5rem;
    font-size: 14px;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: initial;
	background-color: transparent;
	color: #FFFFFF;
	border: none;
	outline: none;
}

.dropdown-divider {
	border-top: 1px solid #58599e;
	width: 113px;
    margin: 0 auto;
}


@media only screen and (max-width: 700px) {
	.top-bar-login .btn {
		font-size: 13px;
	}

	.top-bar-login a {
		font-size: 13px;
	}
	.top-bar-left a {
		font-size: 13px;
	}
	.top-bar-left, .top-bar-login {
		padding: 10px 15px;
	}
	.top-bar .col-auto {
		padding: 0;
	}
	.top-bar .dropdown-menu {
		-webkit-transform: translate3d(-45px, 41px, 0px) !important;
		        transform: translate3d(-45px, 41px, 0px) !important;
	}

}


.mkbc-logo {
	width: 250px;

	height: auto;
}

.icon-search {
	background-color: #ad2107;
    padding: 8.5px 15px;
    margin: 0;
    float: right;
}

#main-menu {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

#main-menu .main-menu-list > li:first-child {
	margin-left: 0;
}

#main-menu .main-menu-list > li:last-child {
	margin-right: 0;
}

#main-menu .main-menu-list {
	padding: 0;
	margin: 0;
	text-align: center;
}


#main-menu .main-menu-list li {
	background-color: #f5f5f5;
	list-style: none;
	margin: 0 3px;
	height: 50px;
	padding: 0;
	display: inline-block;
	width: 24%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#main-menu .main-menu-list li:hover {
	background-color: #ad2107;

}

#main-menu .main-menu-list li:hover a{
	color: #FFFFFF;

}

#main-menu .main-menu-list li a{
	color: #525252;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
}

#main-menu .main-menu-list li.active {
	background-color: #ad2107;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#main-menu .main-menu-list li.active a {
	color: #FFFFFF;
}


.navbar-light .navbar-nav .nav-link {
	padding-top: 5px;
	color: #525252;
}

#main-menu .main-menu-list li a {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}


@media only screen and (max-width: 992px) {
	.page-template-page-home #main-menu {
		display: none;
	}

/* 	.search-form label {
		float: left;
	} */
	.icon-search {
		float: left;
	}

	.navbar-toggler {
		position: absolute;
		top: 35px;
		left: -15px;
	}

	.navbar-toggler:focus {
	border: none;
	outline: none;
	}

	.navbar-brand {
		margin: 10px auto;
	}

	.hero-image {
		height: 300px !important;
	}

	#main-menu .main-menu-list li {
	background-color: #eeeeee;
	list-style: none;
	margin: 2px 2px;
	height: 50px;
	padding: 0;
	display: inline-block;
	width: 48%;
	}

}

@media only screen and (max-width: 780px) {
	#colophon {
		text-align: center;
	}
	.footer-part {
		margin: 10px 0;
	}


	#main-menu .main-menu-list {
  		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
  		    -ms-flex-direction: column;
  		        -webkit-flex-direction: column;
  		        flex-direction: column;
	}

}

.navbar-nav {
	padding: 0;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(173,33,7, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-light .navbar-toggler {
	border: none;
}


/* Footer */

#colophon {
	padding: 60px 0;
}

.logo-footer {
	padding: 0 0 35px 0;
}

.footer-part h2 {
	color: #ad2107;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 15px;
}

.footer-part ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-part ul li {
    margin: 5px 0;
}

.footer-part ul li.footer-phone, .footer-part ul li.footer-address, .footer-part ul li.footer-facebook, .footer-part ul li.footer-twitter, .footer-part ul li.footer-linkedin, .footer-part ul li.footer-youtube, .footer-part ul li.footer-instagram {
	padding-left: 1.3em;
}

.footer-part ul li a {
	text-decoration: none;
	color: #707070;
	-webkit-transition: .35s;
	-o-transition: .35s;
	transition: .35s;
}

.footer-part ul li a:hover {
	color: #EB052B;
	padding-left: 5px;
}


.footer-part .mobile-footer-some ul li a:hover {
	padding-left: 0;
}

.footer-part ul li.footer-phone:before, .footer-part ul li.footer-address:before, .footer-part ul li.footer-facebook:before, .footer-part ul li.footer-twitter:before, .footer-part ul li.footer-linkedin:before, .footer-part ul li.footer-youtube:before, .footer-part ul li.footer-instagram:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #ad2107;
}

 .footer-part ul li.footer-facebook:before, .footer-part ul li.footer-twitter:before, .footer-part ul li.footer-linkedin:before, .footer-part ul li.footer-youtube:before, .footer-part ul li.footer-instagram:before {
 	color: #707070;
 }

.footer-part ul li.footer-phone:before {
  content: "\f041";
}


.footer-part ul li.footer-address:before {
  content: "\f095";
}

.footer-part ul li.footer-facebook:before {
  content: "\f09a";
}


.footer-part ul li.footer-twitter:before {
  content: "\f099";
}

.footer-part ul li.footer-linkedin:before {
  content: "\f0e1";
}


.footer-part ul li.footer-youtube:before {
  content: "\f167";
}


.footer-part ul li.footer-instagram:before {
  content: "\f16d";
}

.mobile-footer-some {
	margin: 0 auto;
}

.mobile-footer-some ul {
	min-width: 300px;
}

.mobile-footer-some ul li {
	display: inline;
	list-style: none;
	padding: 10px;
}

.mobile-footer-some ul li a i{
	font-size: 2em;
}

.info-copyright {
	background-color: #EEEEEE;
	color: #696969;
	padding: 20px 5px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .025em;
	margin: 0;
}

.info-copyright .row {
	margin: 0;
}

.info-copyright a {
	text-decoration: none;
	color: #ad2107;
}

/* En espanol Link */
.en-espanol {
	padding: 20px 0;
	text-align: right;
}



/* -----------------------------------------------------
*   HOME PAGE
------------------------------------------------------ */


/* The hero image */
.homepage .hero-image {
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
    background-color: #ad2107;
}

/* Place text in the middle of the image */
.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 70%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: white;
    font-family: 'Nunito', sans-serif;
    width: 60%;
}

/* Place text in the middle of the image */
.hero-text h1 {
 font-weight: 600;
}

.btn-outline-light {
	color: white;
	text-decoration: none;
	padding: 15px 40px;
	border-radius: 0;
	text-transform: uppercase;
	background-color: #ad2107;
	border: 1px solid #ad2107;
}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus, .btn-outline-light:visited {
    color: #FFFFFF;
    background-color: #982505;
    border: 1px solid #982505;
}

/* Section Icons */

.section-icons {
	padding: 60px 0;
	text-align: center;
}

.section-icons .icon-card {
  text-align: center;
  padding-right: 12px;
}

.section-icons .icon-card img {
  margin: 15px 0;
}

.section-icons .icon-card h2{
 font-size: 1.1em;
 color: #2b2c84;
 text-transform: uppercase;
}

.fa-chevron-right {
	vertical-align: middle;
	font-size: 12px;
}


/* Section Events */

.section-events {
	background-color: #EEEEEE;
	padding: 60px 0;
	text-align: center;
}

.section-events h2{
 font-size: 1.5em;
 color: #2b2c84;
 text-transform: uppercase;
 margin-bottom: 30px;
}


/*.featured-event {
	padding: 10px 5px;
}*/

.featured-event-card {
	text-align: left;
	background-color: #FFFFFF;
}

@media only screen and (max-width: 992px) {
	.featured-event-card .image{
	    height: 277px !important;
	}
}

.featured-event-card .image{
	position: relative;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center center;
}



.featured-event-card .content{
	padding: 20px;
}



.featured-event-card .content .event-meta{
	font-size: .9em;
}



.featured-event-card .image p{
	position: absolute;
	top:0;
	left: 20px;
	background-color: #ad2107;
	padding: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	max-width: 80px;
	text-align: center;
	margin: 0;
}

.featured-event-card .image p span{
	display: block;
	margin: 0;
	padding: 0;
}

.featured-event-card .image p span.small{
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}

.featured-event-card .image p span.big{
	font-size: 29px;
	font-weight: 600;
	line-height: 27px;
}

.featured-event-card span i{
	color: #ad2107;
}

.featured-event-card h4 a{
	text-transform: uppercase;
	color: #2b2c84;
	font-size: 16px;
}

.featured-event-card p {
	margin: 20px 0;
}


.side-events {
	height: 515px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}


.side-events::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.side-events::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #ad2107;
  -webkit-box-shadow: 0 0 1px #ad2107;
}

.side-events::-webkit-scrollbar-track {
	background-color: #b7b7b7;
}

.side-event-card {
    background-color: #FFFFFF;
    text-align: left;
    position: relative;
    min-height: 225px;
    margin: 10px 0;
}

@media only screen and (max-width: 1190px) {
	.side-event-card {
		min-height: 245px;
	}
}

@media only screen and (max-width: 992px) {
	.side-events {
		height: 615px;
	}
}

@media only screen and (max-width: 768px) {
	.side-events {
	    margin-top: 20px;
	}

	.side-event-card {
    	min-height: 255px;
	}
}

.side-event-card:first-child {
	margin-top: 0;
}

.side-event-card h4 a{
	text-transform: uppercase;
	color: #2b2c84;
	font-size: 16px;
}


.side-event-card p.date {
	position: absolute;
	top: 0;
	left: 10px;
	background-color: #ad2107;
	padding: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	max-width: 80px;
	text-align: center;
	margin: 0;
}

.side-event-card p.date span{
	display: block;
	margin: 0;
	padding: 0;
}

.side-event-card p.date span.small{
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}

.side-event-card p.date span.big{
	font-size: 29px;
	font-weight: 600;
	line-height: 27px;
}

.side-event-card .content {
	position: absolute;
	top: 15px;
	left: 80px;
	padding-right: 10px;
}

.side-event-card .content p {
	margin-bottom: 10px;
}


.inner_box_ghost{
    visibility: hidden;
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
}

/* Section Counters */

.section-counters {
    background-image: url(src/img/bg-counters.jpg);
    -webkit-background-size: cover;
            background-size: cover;
    background-position: 65% 50%;
    padding: 60px 0;
    background-repeat: no-repeat;
}


.section-counters .counter-card {
	text-align: center;
	color: #FFFFFF;
	padding: 20px;
}

.section-counters .counter-card span {
	font-size: 3em;
	   line-height: 1.5em;
}

.section-counters .counter-card p {
 color: #FFFFFF;
 font-size: 16px;
 margin-bottom: 0;
}

/* Section Promotions */

.section-promotions {
	text-align: center;
	padding: 60px 0;
}

.section-promotions h2 {
	font-size: 1.5em;
	color: #2b2c84;
	text-transform: uppercase;
	margin-bottom: 30px;
}


.section-promotions .promotion-card {
	position: relative;
}


.section-promotions .promotion-card .image {
	-webkit-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	height: 250px;
	vertical-align: middle;
	position: relative;
}

.section-promotions .promotion-card .image .overlay{
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .4;
}

.section-promotions .promotion-card .image h3{
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	opacity: 1;
	text-transform: uppercase;
}

.section-promotions .promotion-card .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.featured-promotion-text p{
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 95%;
}

.promotion-card:hover .content {
	opacity: 1;
}

.promotion-card:hover .image h3 {
	opacity: 0;
}

.pb15 {
	padding-bottom: 30px;
}


/* Stories */


.section-stories{
	text-align: center;
	padding: 60px 0;
	background-color: #EEEEEE;
}

.section-stories h2 {
	font-size: 1.5em;
	color: #2b2c84;
	text-transform: uppercase;
}

.story-card {
	background-color: #FFFFFF;
	text-align: left;
}

.story-card .story-header {
	position: relative;
	height: 90px;
	width: 100%;
	background-color: #2b2c84;
}

.owl-item:first-child .story-card .story-header {
	background-color: #2b2c84;
}

.owl-item:nth-child(odd) .story-card .story-header {
	background-color: #2b2c84;
}

.owl-item:nth-child(even) .story-card .story-header {
	background-color: #ad2701;
}


.story-card .story-header .story-image {
	width: 130px;
    height: 130px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: 6px solid #FFFFFF;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.story-card .content {
	padding: 100px 25px 40px 25px;
}

.story-card .content p.author {
	text-align: center;
	color: #2b2c84;
	font-size: 1.1em;
	font-weight: bold;
	margin: 25px 0;
}

.owl-carousel .owl-item img {
	max-height: 262px;
	width: auto !important;
    margin: 0 auto !important;
}

.section-testimonials-homepage {
	text-align: center;

	-webkit-background-size: cover;

	        background-size: cover;
	background-repeat: no-repeat;
	min-height: 310px;
	height: 310px;
	width: 100%;
	display: table;
}

.section-testimonials-homepage .section-testimonials-homepage__content {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}

.section-testimonials-homepage .section-testimonials-homepage__content h2, .section-testimonials-homepage .section-testimonials-homepage__content p {
	color: #FFFFFF;
}


.section-testimonials-homepage h2 {
	text-transform: uppercase;
}



/*--------------------------------------------------------------
# Masonry
--------------------------------------------------------------*/

.cardz-box {
	position: relative;
}

.cardz{
	border: none;
}

.cardz-box .post-image {
	position: relative;
}

.cardz-box .post-image h3.cardz-title {
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 1;
	text-transform: uppercase;
	width: 90%;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	font-size: 1.5em;
}

.cardz-box .post-image img {
	width: 100% ;
	height: auto;
}




.cardz {
  position: relative;
  display: block;
/* 	 Fix for safari - 3rd column has top space - replace marginbottom with paddingtop */
  padding-top: 10px;
  background-color: #fff;
}

.cardz-block {
	padding: 1.25rem;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.post-image .cardz-image-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.cardz-block .cardz-text {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	          transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  width: 90%;
	  padding: 0;
	  margin: 0;
	  -webkit-backface-visibility: hidden;
}

.cardz-block .cardz-text p {
	  color: #FFFFFF;
	  margin-bottom: 0;
}

.cardz-box:hover .cardz-block {
	opacity: 1;
}

.cardz-box:hover .post-image .cardz-title {
	opacity: 0;
}

.cardz-box:hover .post-image .cardz-image-overlay {
	background: rgba(0, 0, 0, .8);
}

.cardz-post-video {
	display: none;
}

.cardz-text a {
	font-size: 1.5em;
	color: #FFFFFF;
	padding: 0 15px;
}

.cardz-text a:hover {
	color: #EB052B;
}

.cardz-text p {
	font-size: 14px;
}

.featherlight .featherlight-content {
	background: rgba(173, 39, 1, .4);
}

html.with-featherlight {
	overflow: initial;
}

.cardz-video-span {
	display: block;
	margin-top: 10px;
}

.cardz-video-span span {
	font-size: 35px;
}


@media (min-width: 576px) {
.card-columns {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
         column-count: 1 !important;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;

}
}


@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
         column-count: 2 !important;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;

  }
}

@media (min-width: 992px) {
  .card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
         column-count: 2 !important;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 3 !important;
    -moz-column-count: 3 !important;
         column-count: 3 !important;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;

  }
}



/* ************************ Hero Image / intro p ************************** */

.header-hero-image {
	height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;

}

.header-hero-content {
	padding: 100px 20px;
}


@media only screen and (max-width: 768px) {
	.header-hero-image {
		height: 200px;
		background-position: 70% 100%;
	}

	.header-hero-content {
		padding: 60px 20px;
	}

}



.header-hero-content h1 {
	color: #FFFFFF;
	text-transform: uppercase;
}


.header-hero-content p {
	color: #FFFFFF;
}


.intro-paragraph {
	text-align: center;
	max-width: 680px;
	margin: 60px auto 0 auto;
}

/* Give blood link box */

.give-blood-section {
	padding: 10px 0 50px 0;
}



.give_blood_link_box_container {
	padding: 15px;
}


.give_blood_link_box {
	height: 300px;
	-webkit-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	background-position: center center;
}


.give_blood_link_box .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
}

.give_blood_link_box .give_blood_heading {
	text-transform: uppercase;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
}


.give_blood_link_box:hover .give_blood_heading {
	color: #ad2701;
}


.give_blood_link_box:hover .overlay {
	background: rgba(0, 0, 0, .75);
}


.give_blood_excerpt {
	color: #FFFFFF;
	width: 60%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.give_blood_link_box:hover .give_blood_excerpt {
	opacity: 1;
}

.give_blood_link_box:hover .give_blood_heading {
	opacity: 0;
}



/* Prefooter */

.prefooter {
	background-color: #eeeeee;
	padding: 50px 0;
}


.prefooter .owl-nav {
	display: none;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #ad2107;
}

.owl-theme .owl-dots .owl-dot span {
	background: #fb5371;
}


.featured-event-card .content {
	min-height: 275px;
}


.prefooter .story-card {
	min-height: 530px;
}

.prefooter .featured-event-card {
	min-height: 530px;
}

.prefooter .rand-post-card{
	min-height: 530px;
}


@media only screen and (max-width: 991px) {
	.prefooter .story-card {
		min-height: 532px;
	}
}



@media only screen and (max-width: 780px) {
	.owl-carousel-prefooter {
		margin-bottom: 20px;
	}
}




/* Rand Post Card */

.owl-carousel-prefooter {
	background-color: #ffffff;
}

.rand-post-card {
	background-color: #FFFFFF;
}

.rand-post-card .rand-post-header {
	height: 240px;
	background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
}



.rand-post-card .content {
	padding: 20px 20px 106px 20px;
}


@media only screen and (max-width: 1200px) {
	.rand-post-card .content {
	padding: 20px 20px 88px 20px;
}

}


@media only screen and (max-width: 1000px) {
	.rand-post-card .content {
	padding: 20px 20px 104px 20px;
}

}




.rand-post-card .content .rand-post-title{
	text-align: center;
	color: #2b2c84;
}



.rand-post-card .content h4 a{
	text-transform: uppercase;
	color: #2b2c84;
	font-size: 16px;
}


.event-meta i.fa {
	color: #ad2107;
}

/* LEARNING CENTER PAGE */

.learning-center-page {
	padding: 40px 0;
}


.card-box .card-block {
	padding: 15px;
}



.card-box .card-block h3 {
	text-transform: uppercase;
	color: #2b2c84;
	font-size: 17px;
	line-height: 24px;
}


.card-box .card-block p {
	font-size: 14px;
	line-height: 18px;
}

.card .post-image {
	position: relative;
	left: 1px;
}

.card .post-image .fa-play {
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    margin-left: -15px;
    margin-top: -15px;
}


.card-post-video {
	display: none;
}

.navigation {
	text-align: center;
	margin: 20px 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation ul {
    margin: 40px 0 0 0;
    padding: 0;
}

.navigation li {
    display: inline-block;
}

.navigation li a {
    display: block;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #b1b1b1;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    margin: 0 3px;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #ad2701;
}



.post-navigation .nav-links {
	text-align: left;
}

/* Search bar*/

.search-button-icon {
	font-family: "FontAwesome";
	height: 35px;
    width: 35px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    background-color: #ad2701 !important;
    color: #FFFFFF !important;
    line-height: 0 !important;
	-webkit-box-sizing:border-box !important;
	        box-sizing:border-box !important;
	display: inline-block !important;
}


.search-field {
	max-width: 250px !important;
	height: 35px;
	border: 1px solid #bbb;
	margin: 0 !important;
	vertical-align: middle !important;
	padding: 5px !important;
	-webkit-box-sizing: border-box !important;
	        box-sizing: border-box !important;
	display: inline-block !important;
	border-radius: 0 !important;
}

.search-form {
	height: 35px;
}


/* Events page */


.events-page {
	padding: 10px 0 50px 0;
}

.events-page-section {
	padding: 40px 0;
}

.post-image {
	position: relative;
	overflow: hidden;
}

.post-image.hover-zoom img {
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    width: 100%;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


.post-image.hover-zoom {
	-webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


.post-image.hover-zoom:hover img {
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
	    transform: scale(1.2);
    opacity: 0.95;
}




.post-image .feat_date{
	position: absolute;
	top:0;
	left: 20px;
	background-color: #ad2107;
	padding: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	max-width: 80px;
	text-align: center;
	margin: 0;
}

.post-image .feat_date span{
	display: block;
	margin: 0;
	padding: 0;
}

.post-image .feat_date span.small{
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}


.card-block .event-meta{
	font-size: .9em;
}

.card-block p {
	margin: 20px 0;
}


/* ****** FAQ page ******** */

.faq-page {
	padding: 40px 0;
}



.ewd-ufaq-post-margin-symbol span {
	font-size: 20px;
	line-height: 30px;
}

#ufaq-ajax-search-lbl {
	display: none;
}

.ui-menu-item {
	text-align: left;
	list-style: none;
}


.ui-helper-hidden-accessible { position: absolute; left:-999em; }



/*Community page */

.community_page {
	padding: 40px 0;
}


/* Get involved page */

.get_involved_page {
	padding: 40px 0;
}




/* ----------- Sub menu collapsing  ----------- */

.filter-nav {
	max-width: none;
	padding: 0;
}


.filter-nav li {
  float: left;
}


.filter-nav li a {
  display: block;
  color: #fff;
  padding: 10px;
}


.navheader {
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	margin-bottom: 0;
}

.slide-trigger {
  display: none; /* need this */
  padding: 20px 0;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  color: #FFFFFF;
  text-align: left;
}

.slide-trigger span {
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}



.filter-nav-container {
	background-color: #363636;
}


.filter-nav-container .filter-nav:after{
  content: "";
  display: table;
  clear: both;

}

.filter-nav-container ul.filter-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}


.filter-nav-container .filter-nav li {
	list-style: none;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        -webkit-flex: 1;
	        flex: 1;
}


.filter-nav-container .filter-nav li a {
    display: block;
    color: #959595;
    text-align: center;
    text-decoration: none;
    padding: 20px 0;
    border-right: 1px solid #959595;
}


.filter-nav-container .filter-nav li.active a {
	color: #FFFFFF;
}

.filter-nav-container .filter-nav li a:hover{
    color: #FFFFFF;
}



.filter-nav-container .filter-nav li:last-child a {
    border-right: none;
}


@media only screen and (max-width: 560px) {
.slide-trigger { display: block;}
.no-js .slide-trigger { display: none; }
.filter-nav-container ul.filter-nav { display: none; border-top: 1px dashed #7c7c7c; }
.no-js .filter-nav { display: block; }
.filter-nav li { float: none; }
.filter-nav-container .filter-nav li a {text-align: left; padding: 10px; border: none;}

}

/* FAQ */

.faq-page {
	padding-top: 0;
}

.faq-page .pure-control-group {
	text-align: center;
}

.ufaq-faq-title-text, .ewd-ufaq-post-margin-symbol span {
	color: #2b2c84;
}

.ewd-ufaq-post-margin:focus {
	outline: none;
}

.ufaq-faq-category-title h5 {
	color: #ad2107;
}

.ufaq-text-input {
	width: 70%;
}


#ufaq-ajax-form{
	margin: 0 0 50px 0;
}

.ui-autocomplete {
	max-width: initial !important;
	padding-left: 5px !important;
}

.ufaq-faq-body ul {
	margin-left: 0;
}

.ufaq-faq-display-style-Contemporary .ufaq-faq-body {
	padding: 10px 5px;
}

@media only screen and (max-width: 720px) {
	.ufaq-text-input {
		margin: 0 10px 30px 10px !important;
		width: 80%;
	}
}




/* ************ SINGLE PAGE ************ */

.entry-header {
	text-align: center;
}

.entry-header h1 {
	color: #2b2c84;
	margin: 20px 0;
}


/* Single Event Page */

.single-event__info {
	text-align: center;
}

.single-event__info i.fa {
	color: #ad2107;
}

/* Search Page */

.search-post-header {
	text-align: left;
}

.search-post-header h2 {
	font-size: 1.5em;
}


.search-article {
    margin: 0 0 1.5em;
    background-color: #eeeeee;
    padding: 20px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.09), 0 2px 1px -1px rgba(0,0,0,.09);
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.09), 0 2px 1px -1px rgba(0,0,0,.09);
}


.page-header .page-title {
	color: #2b2c84;
	font-size: 2em;
	margin: 20px 0;
}


/* STORIES page */

.stories-page-section {
	padding: 40px 0;
}

.stories-page-section-events {
	padding: 80px 0;
}

.stories-page-section .story-card {
	margin: 15px 0;
}

.stories-page-section .story-card .story-card-wrapper{
	border: 1px solid #cdcdcd;
	height: 100%;

}

.story-page-card:nth-child(odd) .story-header {
	background-color: #2b2c84;
}

.story-page-card:nth-child(even) .story-header {
	background-color: #ad2701;
}




/* CONTACT PAGE */


.contact-page {
	padding: 40px 0;
}

.contact-page-info {
	padding: 20px 0;
}

.gform_button {
	background-color: #ad2701 !important;
	color: #FFFFFF !important;
	text-transform: uppercase !important;
	padding: 10px 30px !important;
}


.gform_button:hover {
	background-color: #9c1d05 !important;
	cursor: pointer;
}

.gform_wrapper .gform_footer {
	margin-top: 0 !important;
}

.contact-map {
	padding-top: 15px;
}



/* RT Search */

.search-overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, .96);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.09);
          -ms-transform: scale(1.09);
      transform: scale(1.09);
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  -o-transition: opacity .3s, transform .3s, visibility .3s;
  transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search-overlay p {
  padding-top: 15px;
}

.search-overlay .event-summary p {
  padding-top: 0;
}

.search-overlay .event-summary {
  margin-bottom: 0;
  margin-top: 20px;
}

body.admin-bar .search-overlay {
  top: 32px;
}

.search-overlay__top {
	background-color: rgba(0, 0, 0, .12);
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
}

.search-overlay__top input[type="text"] {
	border: none;
}

@media (max-width: 960px) {
	.search-overlay__top {
		width: 100%;
	}

	.search-term {
		padding: 20px !important;
		width: 80%;
	}
}

.search-overlay__icon {
  margin-right: 10px;
  font-size: 1.8rem;
  color: #ad2107;
}

@media (min-width: 960px) {

  .search-overlay__icon {
    font-size: 2.5rem;
  }
}

.search-overlay--active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}

.search-overlay__section-title {
  margin: 30px 0 1px 0;
  font-weight: 400;
  color: #0D3B66;
  font-size: 2rem;
  padding: 15px 0;
  border-bottom: 1px solid #CCC;
}

.search-overlay__close {
  position: absolute;
  top: 70px;
  right: 40px;
  font-size: 2.1rem;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #ad2107;
  line-height: .7;
}

@media (min-width: 530px) {

  .search-overlay__close {
    top: 35px;
    font-size: 2.1rem;
  }
}

@media (min-width: 960px) {

  .search-overlay__close {
    top: 55px;
    font-size: 2.8rem;
  }
}

.search-overlay__close:hover {
  opacity: 1;
}

.search-overlay .one-half {
  padding-bottom: 0;
}

.search-term {
  width: 75%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  padding: 15px 0;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: #ad2107;

}

@media (min-width: 530px) {

  .search-term {
    font-size: 1.5rem;
  }
}

@media (min-width: 960px) {

  .search-term {
    width: 80%;
    font-size: 2.5;
  }
}


.body-no-scroll {
	position:fixed;
	overflow:hidden;
	width: 100%;
}



@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner-loader {
  margin-top: 45px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(0, 0, 0, 0.2);
  border-top-color: black;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.search-overlay__section-title {
  margin: 30px 0 1px 0;
  font-weight: 400;
  color: #0D3B66;
  font-size: 2rem;
  padding: 15px 0;
  border-bottom: 1px solid #CCC;
}


.link-list li {
  padding: 1rem 0;
  font-size: 1.5rem;
  border-bottom: 1px dotted #7d7d7d;
}

.search-overlay .link-list li {
  font-size: 1.3rem;
}

.link-list li:last-child {
  border-bottom: none;
}

.link-list a {
  color: #ad2107;
}

.min-list {
  padding: 0;
  margin: 0;
}

.min-list li {
  list-style: none;
}

.site-header__search-trigger {
  padding: 0 0 0 15px;
}

.site-header__search-trigger, .site-header__search-trigger-mobile {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 20px;
  color: #ad2107;
}

.site-header__search-trigger-mobile {
	display: none;
}


@media (max-width: 767px) {
	.site-header__search-trigger-mobile {
		display: block;
	}
	.site-header__search-trigger {
		display: none;
	}
}


@media (min-width: 530px) {

  .search-overlay__close {
    top: 77px;
    font-size: 2.1rem;
  }
}

@media (min-width: 960px) {

  .search-overlay__close {
    top: 55px;
    font-size: 2.8rem;
  }
}

.search-overlay__close:hover {
  opacity: .85;
}

/* Make Top WP Admin Bar Fixed on Mobile */

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

/* Seach Form */

.headline--medium {
  font-size: 1.4rem;
  margin-bottom: .75rem;
}

@media (min-width: 530px) {

  .headline--medium {
    font-size: 2rem;
  }
}

.page-search-form {
  background-color: #eeeeee;
  padding: 20px;
  text-align: center;
  margin: 80px 0;
}

.page-search-form label {
  display: block;
}

.search-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.page-search-form .s {
  min-width: 20px;
  -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          -webkit-flex-grow: 1;
          flex-grow: 1;
  border: none;
  font-family: 'Roboto', sans-serif;
  padding: 10px;
}

@media (min-width: 530px) {

.page-search-form  .s {
    font-size: 1.4rem;
  }
}

.search-submit {
  color: #FFF !important;
  border: none !important;
  border-radius: 4px !important;
  outline: none !important;
  background-color: #2b2c84 !important;
  padding: 0 20px !important;
  margin-left: 10px !important;
}

.note-limit-message {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #c32929;
  font-weight: bold;
}

.note-limit-message.active {
  visibility: visible;
  opacity: 1;
}


/* -- error 404 --- */

.error-404.not-found {
	text-align: center;
}

.header-wrap {
	height: 400px;
	-webkit-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
}

.single-post__header {
	margin-top: 10px;
	text-align: center;
}

.page-header__container {
	text-align: center;
}

.page-header__container iframe, .single-post__header iframe {
	min-width: 100% !important;
	height: 400px !important;
}


.single-entry__title {
	text-align: center;
	padding: 30px 0;
	color: #2b2c84;
	margin-bottom: 0;
	font-size: 2em;
}

@media only screen and (max-width: 800px) {
	.single-entry__title {
		font-size: 1.6em;
	}
}

.page-content, .single-faq-content {
	margin: 40px 0;
}

.gallery-items li.gallery-item {
	list-style: none;
	margin: 10px;
	float: left;

}


.gallery-wrapper {
	margin: 40px 0;
}





/* ****** Multi Step Form ********* */




/*form styles*/
#iscreen-form {
	width: 100%;
	margin: 50px auto;
	text-align: left;
}
#iscreen-form .iscreen-form_content {
	background: white;
	border: 0 none;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px 0.2px rgba(0, 0, 0, 0.28);
	        box-shadow: 0 0 3px 0.2px rgba(0, 0, 0, 0.28);
	padding: 20px 30px;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
	width: 90%;
	margin: 0 5%;

	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#iscreen-form .iscreen-form_content {
	display: none;
}

#iscreen-form .iscreen-form_content.first{
	display: block;
}
/*inputs*/
#iscreen-form input, #iscreen-form textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#iscreen-form .action-button {
	width: 100px;
	background: #ad2107;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#iscreen-form .action-button:hover, #iscreen-form .action-button:focus {
	-webkit-box-shadow: 0 0 0 2px white, 0 0 0 3px #ad2107;
	        box-shadow: 0 0 0 2px white, 0 0 0 3px #ad2107;
}

.previous.action-button {
background-color: #b9b9b9 !important;
}


/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	margin-bottom: 30px;
	text-align: center;
}
#progressbar li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 9px;
	width: 33%;
	float: left;
	position: relative;
	color: #000;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #ad2107;
	color: white;
}

#progressbar {
	-webkit-padding-start: 0;
}

#iscreenAgree {
	width: auto !important;
	width: initial !important;
}

#iscreenAgreeError {
	color: #FF0000;
	display: none;
}


/* *********** Galleria *********** */

.galleria{ max-width: 700px; height: 400px; background: #000; margin: 0 auto;}





/* ********* Gmaps ACF *********** */
.acf-map {
	width: 100%;
	height: 150px;
	border: #ccc solid 1px;
	margin: 20px auto;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


.page-header__container img, .single-hero-img {
	max-height: 400px;
}




.partners-post__image{
	padding: 15px;

}

.partners-post__image-img{
    height: 300px;
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.partners-post__image .overlay {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .35);
    -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.partners-post__image:hover .overlay {
    background-color: rgba(0, 0, 0, .55);
}

.partners-post__title {
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.partners-single__image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    clip: rect(50px,0px,50px,0px);
}


.partners-single__image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


.partners-single__link:hover .partners-single__image {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}



/* HELPER CLASSES */

.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.pt-20 {
	padding-top: 20px;
}


.pb-20 {
	padding-bottom: 20px;
}

.pt-10 {
	padding-top: 10px;
}


.pb-10 {
	padding-bottom: 10px;
}

.pt-30 {
	padding-top: 30px;
}


.pb-30 {
	padding-bottom: 30px;
}

/*          File formats
============================================= */

@media only screen and (min-width: 992px) {

	a[href$='.zip'], a[href$='.gzip'] {
	background:transparent url(src/img/filetypes/filetype_zip.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.doc'], a[href$='.docx'], a[href$='.odt'], a[href$='.wpd'], a[href$='.wps'] {
	background:transparent url(src/img/filetypes/filetype_doc.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.csv'] {
	background:transparent url(assets/img/filetypes/filetype_csv.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.mov'], a[href$='.mp4'], a[href$='.m4v'] {
	background:transparent url(src/img/filetypes/filetype_mov.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.pdf'], a[href$='.pdfx'] {
	background:transparent url(src/img/filetypes/filetype_pdf.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.ppt'] {
	background:transparent url(src/img/filetypes/filetype_ppt.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.pptx'] {
	background:transparent url(src/img/filetypes/filetype_ppt.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.rar'] {
	background:transparent url(src/img/filetypes/filetype_rar.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.rtf'] {
	background:transparent url(src/img/filetypes/filetype_rtf.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.txt'] {
	background:transparent url(src/img/filetypes/filetype_txt.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}

	a[href$='.xls'] {
	background:transparent url(src/img/filetypes/filetype_xls.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}


	a[href$='.xlsx'] {
	background:transparent url(src/img/filetypes/filetype_xls.png) center left no-repeat;
	display:inline-block;
	    padding-left: 40px;
	    line-height: 60px;
	}
}


/* Not found */
.no-results.not-found .page-content{
	margin: 0;
	text-align: center;
}

.no-results.not-found .page-header{
	text-align: center;
}


.link-button {
	padding: 20px;
    color: #FFFFFF;
	font-weight: bolder;
	display: inline-block;
    width: 100%;
    text-align: center;
}


.red.link-button {
    background: #ad2107;
	border: 2px solid #ad2107;
}

.red.link-button:hover {
    background: #FFFFFF;
    color: #ad2107;
}


.blue.link-button {
    background: #2b2c84;
	border: 2px solid #2b2c84;
}

.blue.link-button:hover {
    background: #f5f5f5;
    color: #2b2c84;
}


@media only screen and (max-width: 550px) {
	.link-button {
		font-size: 12px;
	}
}

.host-blood-drive-steps:after { content: ''; clear: both; visibility: hidden; }
.host-blood-drive-steps img{ float: left; margin-right: 10px; }
.host-blood-drive-steps .steps-content   { overflow: hidden }

p:empty { display:none; }


/* ----------------------- CARD LAYOUT MASONRY ----------------------- */

.mk-card-header {
	position: relative;
}

.mk-card-content {
	padding: 20px;
}


.mk-card-header .feat_date{
	position: absolute;
	top:0;
	left: 20px;
	background-color: #ad2107;
	padding: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	max-width: 80px;
	text-align: center;
	margin: 0;
}

.mk-card-header .feat_date span{
	display: block;
	margin: 0;
	padding: 0;
}

.mk-card-header .feat_date span.small{
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}


.mk-card-header .fa-play {
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    margin-left: -15px;
    margin-top: -15px;
}


.mk-card-content .card-title {
	text-transform: uppercase;
	color: #2b2c84;
	font-size: 17px;
	line-height: 24px;
}

.mk-card-content .event-meta {
	font-size: 14px;
}

.mk-card-content .event-meta .fa {
	color: #ad2107;
}

.mk-card-content .excerpt{
	font-size: 14px;
	margin-top: 10px;
}


.bricklayer-column-sizer {
    width: 100%;
    display: none;
}


.mk-card-header {
	overflow: hidden;
	max-width: 100%;
	position: relative;
}

.hover-zoom img {
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    width: 100%;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


.hover-zoom {
	-webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


.hover-zoom:hover img {
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
	    transform: scale(1.2);
    opacity: 0.95;
}



@media screen and (min-width: 640px) {
	.bricklayer-column-sizer {
	    width: 50%;
	}
}


@media screen and (min-width: 980px) {
	.bricklayer-column-sizer {
	    width: 50%;
	}
}

@media screen and (min-width: 1200px) {
	.bricklayer-column-sizer {
	    width: 33.333%;
	}
}


.mk-image-header {
  display: block;
  max-width:100%;
  max-height:200px;
  width: auto;
  height: auto;
}

.mk-card-wrapper {
    border: 1px solid #cdcdcd;
    height: 100%;
    -webkit-box-shadow: 2px 2px 15px 5px rgba(216, 216, 216, 0.15);
            box-shadow: 2px 2px 15px 5px rgba(216, 216, 216, 0.15);
}

.mk-card {
	margin: 15px 0;
}


@media only screen and (max-width: 780px) {
	h1 {
		font-size: 2rem;
	}

	.switcher {
		margin: 0 auto;
	}
}


.nc_socialPanel .sw {
	color: #FFFFFF;
}


.page-header-title h1 {
	text-align: center;
	margin-top: 48px;
	    color: #2b2c84;
	    font-size: 2em;
}

.mas-card-header {
	position: relative;
}

.mas-card-header .fa-play {
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 35px;
    margin-left: -15px;
    margin-top: -15px;
}

.mas-card-content {
	padding: 20px;
}

.mas-card-header {
	overflow: hidden;
	max-width: 100%;
	position: relative;
}



.mas-card {
	padding: 5px;
}

.mas-card-container {
	border: 1px solid #eee;
}

#grid[data-columns]::before {
	content: '3 .column.size-1of3';
}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of3 { width: 33.333%;}


@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}

/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }

#wpfront-notification-bar-open-button.top {
	display: none !important;
}

/* Hide Featured Image on Top 10 excuses */
.postid-2121 .single-post__header {
	display: none;
}

.error-404-list {
	list-style: none;
}


a i.fa-chevron-right {
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


a:hover i.fa-chevron-right {
	-ms-transform: translateX(10px);
	    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
}

@media screen and (max-width: 992px) {
	#main-menu .main-menu-list > li:last-child {
		margin-right: 2px;
	}
	#main-menu .main-menu-list > li:nth-child(3) {
		margin-left: 0;
	}

}

@media screen and (max-width: 692px) {
	#wpfront-notification-bar-spacer {
		display: none !important;
	}
}



@media only screen and (min-width: 767px ) and (max-width: 992px) {
	.navbar-expand-md .navbar-nav .nav-link {
    	font-size: 14px;
	}
}




/* Slider Fix */
.slide-content * {
	line-height: 30px;
	font-weight: 300;
}

.slide-content strong {
	font-weight: 600;
}

.hero-text .btn-outline-light {
	padding: 12px 30px;
}

.hero-text {
    font-family: 'Nunito', sans-serif;
}

@media only screen and (max-width: 992px) {
	.hero-image {
	    height: 450px !important;
	}

	.hero-text {
	    left: 70%;
	    font-family: 'Praktika', sans-serif;
	    width: 70%;
			font-size: 25px !important;
	}
}

@media only screen and (max-width: 600px) {
	.hero-text {
	    left: 55%;
	    font-family: 'Praktika', sans-serif;
	    width: 80%;
	}
	.slide-content span {
		 font-size: 1.4em !important;
	}
	.btn-outline-light {
		font-size: 15px !important;
	}

	.wp-image-4174 {
		width: 240px !important;
	}
	.homepage-banner1 {
		background-position: 59% !important;
	}
}

.swp_social_panel .sw {
	color: #FFFFFF;
}

#bboxdonation_BBEmbeddedForm {
	padding-left: 0 !important;
	margin-left: 0 !important;
}