/*
Theme Name: Mindspike
Theme URI: http://underscores.me/
Author: Christopher Cook
Author URI: http://mindspikedesign.com
Description: Mindspike Starter Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mindspike
Tags: grid-layout, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mindspike 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/* ==============================
== General
============================== */
html {
	font-size: 100%;
}

body {
	width: 100%;
	margin: 0 0 !important;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
  letter-spacing: .5px;
	color: #444;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

#main-content {
  flex: 1 0 auto;
}

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

a:focus, button:focus, input:focus, textarea:focus {
	outline: none !important;
}

.page-wrapper {
	padding: 0 0;
}


.center {
  text-align: center !important;
}

img {
  max-width: 100%;
  height: auto;
}

body .vc_btn3.vc_btn3-color-juicy-pink {
  color: #fff;
  background-color: #ad1f25 !important;
}

body .vc_btn3-color-juicy-pink {
  background-color: #ad1f25 !important;
}


/* ==============================
== WordPress Core
============================== */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.gallery-caption {
	
}

.sticky {
	
}

.bypostauthor {
	
}


.vc_separator.vc_separator_align_center h4 {
  text-align: center !important;
  line-height: 1.2em;
}


/* ==============================
== Header
============================== */
.main-header{
	width: 100% !important;
	background: #fff;
  padding: 0 0;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,.25);
  box-shadow: 0 1px 5px rgba(0,0,0,.25);
}

.header-inner {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
  display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
}

.logo {
	width: 100%;
  max-width: 300px;
	display: -webkit-flex;
  display: flex;
	align-items: flex-start;
}

.nav-menu {
	width: 100%;
	display: -webkit-flex;
  display: flex;
	align-items: flex-end;
	justify-content: flex-end ;
	text-align: right;
}

#topBar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  background: #222;
  color: #fff;
}

.top-social a {
  color: #fff;
  margin: 5px 5px;
  padding: 0 15px;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center
}

.top-social a:hover {
  color: #fda527 !important
}

.top-social .small {
  font-size: .8em;
}


/* ==============================
== Typography
============================== */

h1, h2, h3, h4, h5 {
  font-family: 'Oswald', sans-serif;
	line-height: 1.3em;
  letter-spacing: 1px !important;
  font-weight: 400;
  color: #222;
  margin-top: 0 !important;
}

h1 {
	font-size: 2.4em;
  color: #222;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.3em;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #222;
}

a {
  color: #fda527;
}

.white {
	color: #fff !important;
}

.orange {
  color: #fda527 !important;
}

.black {
  color: #222 !important;
}

.center {
	text-align: center !important;
}

.big {
  font-size: 1.6em !important;
  line-height: 1.2em;
  font-weight: 300;
}

.huge {
  font-size: 4em !important;
  line-height: 1.2em;
  font-weight: 300;
}

input.large {
  font-size: 1em !important;
}

blockquote {
  margin: 0 0;
  padding: 0 0;
  color: #222;
  position: relative;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
  font-size: 20px;
  line-height: 150%;
  padding-left: 10px;
  border-left: 2px solid;
  letter-spacing: .5px;
}

blockquote {
  border-color: #fda527;
}

blockquote, .format-quote blockquote {
  font-family: "Oswald","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}

.vc_separator.vc_sep_double .vc_sep_line {
  border-bottom: 3px solid #fda527 !important;
  border-top: 3px solid #fda527 !important;
  height: 10px !important;
}


.social-link {
  width: 60px;
  height: 60px;
  font-size: 1.6em;
  background: #fda527;
  color: #fff;
  border-radius: 50%;
  display: flex;
  margin: 10px 10px 10px 0 !important;
  align-items: center;
  justify-content: center;
  float: left;
}



/* ==============================
== Buttons
============================== */

.btn-orange {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #FFF!important;
  background: #fda527;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-orange:hover {
  opacity: 0.7;
}


.btn-white {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #222!important;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-white:hover {
  opacity: 0.7;
}

.btn-red {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #fff !important;
  background: #ae1f25;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-red:hover {
  opacity: 0.7;
}


.btn-dark {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #FFF!important;
  background: #555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-dark:hover {
  opacity: 0.7;
}


.btn-fb {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #FFF!important;
  background: #3b5998;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-fb:hover {
  opacity: 0.7;
}


.btn_simplemaps {
  background: #fda527 !important;
  border-color: #fda527 !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}


.btn-tw {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #FFF!important;
  background: #55ACEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.btn-tw:hover {
  opacity: 0.7;
}



/* ==============================
== Menus
============================== */

#locationMenu ul {
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  text-align: center;
}

#locationMenu ul li {
  display: inline-block;
}

#locationMenu ul li a {
  display: inline-block;
  padding: 10px 15px;
  background: #ae1f25;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  margin: 5px 5px;
}

#locationMenu ul li a:hover {
 opacity: 0.7; 
}




/* ==============================
== Homepage
============================== */

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
  text-align: center !important;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {
  max-width: 100% !important;
  height: auto !important;
}


.vc_images_carousel .vc_carousel-control {
  margin-top: -30px !important;
  width: 30px !important;
}

.mapplic-popup-link {
  float: left !important;
}

.clear{
	background:rgba(0,0,0,0) !important;
	border:none !important;
}


/* ==============================
== Salesforce
============================== */

#sforc-wrap-2 .sforc-label, #sforc-wrap-1 .sforc-label {
  display: none !important;
}

.sforc-ui.sforc-cards > .sforc-card > .sforc-description-content {
    border-top: none !important;
}

.sforc-divider {
  margin: 2px 0 !important;
}

.sforc-ui.sforc-cards > .sforc-card > .sforc-content, .sforc-ui.sforc-card > .sforc-content {
 padding: 15px 15px 5px 15px !important; 
}




/* ==============================
== Blog
============================== */

.blog-single {
  padding: 40px 0 !important;
}

.blog-post {
	width: 100%;
	padding: 15px;
	margin-bottom: 30px !important;
	background: rgba(255,255,255,1);
	border: 1px #eee solid;
}

.blog-post h2 {
 font-size: 24px !important; 
}

.blog-post a:hover {
  color: #fda527;
}

.post-meta {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #eee solid;
}

.entry {
	margin-bottom: 26px;
}

.post-date {
  font-size: 18px;
  font-weight: 700;
}

.sep-line {
  width: 50%;
  margin: 0 auto 4px auto;
  height: 3px;
  background: #fda527;
  display: block;
}

.sep-box {
  margin: 40px 0;
}



/* ==============================
== Sidebar
============================== */

#sidebar-main {
	background: #f8f8f8;
	border: 1px #eee solid;
	padding: 15px;
  font-size: .8em !important;
}

#sidebar-main section {
	margin-bottom: 20px;
}

#sidebar-main h2 {
	margin-top: 0 !important;
	font-size: 1.4em;
	text-transform: uppercase;
}

#sidebar-main ul {
	margin: 0 0 !important;
	padding: 0 0 !important;
	list-style: none !important;
}

#sidebar-main ul li {
	padding: 5px 0 5px 0 !important;
	border-bottom: 1px #f2f2f2 solid;
	line-height: 1.5em !important;
}

#sidebar-main ul li:lastchild {
	border: none;
}

#sidebar-main h4 {
	font-size: 1.2em;
}

#sidebar-main h5 {
	font-size: 1em;
}

#sidebar-main a {
	color: #555;
}

#sidebar-main a:hover {
	color: #fda527;
}

#searchform input {
  width: 100% !important;
  padding: 10px 10px !important;
}





/* ==============================
== Testimonials
============================== */
.tt_theme_quotes-large-text .ttshowcase_rl_quote p {
    font-size: 1.6em !important;
    line-height: 1.5em;
    margin: 0px;
}



/* ==============================
== Contact Form
============================== */

.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
  padding: 10px 10px !important;
}

.gform_wrapper input[type=submit] {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  padding: 10px 20px;
  color: #FFF!important;
  border: none !important;
  background: #fda527;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  transition: .2s all linear;
  font-family: ralewaymedium,Helvetica,Arial,sans-serif;
  opacity: 1;
}

.gform_wrapper input[type=submit]:hover {
  opacity: 0.7;
}


.gform_wrapper h2.gsection_title {
  font-weight: 400 !important;
}






/* ==============================
== Donation Form
============================== */

.ginput_price {
    display: none;
}

#gform_fields_2 .gfp_big_button .gfield_radio li input[type=radio] {
    display: none !important;
}

.gfp_big_button .gfield_radio li {
  margin: 0 auto !important;
}

.gfp_big_button .gfield_radio li input {
 padding: 0 0 !important;
  margin: 0 0 !important;
}

.gfp_big_button .gfield_radio li label {
    max-width: 100% !important;
    width: 100%;
    display: block;
    margin: 0px 5px 5px 0 !important;
    padding: 10px 20px !important;
    font-size: 1.3em !important;
    float: none;
    background: #fda527;
    color: #fff;
    letter-spacing: 0.09375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-appearance: none;
    cursor: pointer;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}

.gfp_big_button .gfield_radio label:hover {
    background: #414142;
}


.ginput_total_2 {
  font-size: 1.2em !important;
}




/* ==============================
== Simple Maps
============================== */

#tt_sm_map {
  max-width: 300px !important;
}




/* ==============================
== Visual Composer
============================== */

.vc_progress_bar.vc_progress-bar-color-bar_orange .vc_single_bar .vc_label {
  color: #222 !important;
  font-size: 1em !important;
  padding: 10px 10px !important;
}

.vc_label_units {
  font-weight: 700 !important;
}


/* ==============================
== Footer
============================== */

.footer {
	background: #222;
  color: #ddd;
  padding: 40px 0 15px 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
	display: -webkit-flex;
  display: flex;
	align-items: center;
	justify-content: center;
}

.footer h4 {
  font-size: 1.4em;
  color: #fff !important;
}

.copyright {
	background: #ae1f25;
	color: #fda527 !important;
	text-align: center;
	padding: 30px 15px  20px 15px;
	font-size: .9em !important;
}

.copyright a {
	color: #fda527 !important;
}

.copyright h4 {
	font-size: 1.4em;
  margin: 0 0 !important;
	font-weight: 700;
}

.footer-social {
  margin: 10px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.footer-social a {
  width: 40px;
  height: 40px;
  color: #fff;
  border: 1px #fff solid;
  margin: 5px 5px;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center
}

.footer-social a:hover {
  border: 1px #fda527 solid !important;
  color: #fda527 !important
}

.footer-social img {
  width: 19px !important;
  max-width: 19px !important;
}

.footer-column-one, .footer-column-two, .footer-column-three, .footer-column-four {
  margin-bottom: 30px;
}


.fixed-desktop {
  background-attachment: scroll;
}

/* ==============================
== Media Queries
============================== */

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.fixed-desktop {
    background-attachment: fixed;
  }
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	.nav-menu {
		display: none;
	}
  
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu {
    background-color: #f8f8f8 !important;
  }
  
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {
    color: #555 !important;
  }
  
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content:hover {
    color: #fda527 !important;
  }
  
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a {
    border-color: #eee !important;
  }
  
  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret {
    background-color: #eee !important;
  }
	
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
  .sforc-ui.sforc-cards > .sforc-card, .sforc-ui.sforc-card {
    width: 48% !important;
    margin: 1% 1% !important;
  }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  
  .sforc-ui.sforc-cards > .sforc-card, .sforc-ui.sforc-card {
    width: 31.333% !important;
    margin: 1% 1% !important;
  }

}




/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.header-inner {
		flex-direction: column;
	}

	.header-logo {
		margin-left: 0;
	}

}



/* Small Devices, Tablets */
@media only screen and (max-width : 765px) {
	
	
}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.footer-content {
		padding: 15px 0 30px 0;
	}
	
}