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

PUT YOUR CUSTOM STYLES BELOW

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

#displayversion
{
	display:none !important; 
	/* set to block when you want to test your display versions.  
	This will auto display the format layout (desktop/tablet/phone) at the top of the page */
}

#sitesubnav
{
    display:none; /* set to block if you need to show secondary navigation */
}

#Breadcrumb
{
display:none;
}

.give-button {
	width: 100px;
	height:40px;
	position: absolute;
	top: 41px;
	z-index:100;
	left: 65%;
	color: #000;
	font-weight: 700;
	font-size: 1rem;
	display:grid;
	align-items:center;
	text-align:center;
	background-color: #FF7900;
	border-radius: 5px;
	border: none;
	box-shadow: inset 0 0 1px 1px var(--titan-blue);
	cursor:pointer;
}

.LowerScroll .give-button{
top:2px;
}

	.give-button:hover {
		color: #FFF;
		background-color: var(--titan-blue);
		box-shadow: inset 0 0 1px 1px white;
	}

@media screen and (min-width: 0px) and (max-width: 499px) {
	.give-button{
		right:30px;
		height:34px;
		top:45px;
	}
}
/*-----------------------------------------------------------------------
SOCIAL MEDIA ICONS
    *****   by default these are hidden just overwrite them below to unhide the ones you want
            remember in your XSL files to update the URL to go to your site's url.  
			Delete the ones you don't want to show and change the display setting to BLOCK, leave the !important declaration.
----------------------------------------------------------------------------------------*/

#social_Facebook, #social_Twitter, #social_Flickr, #social_Instagram, #social_Pinterest, #social_YouTube, #social_Storify, 
#social_Newsletter, #social_Linkedin, #social_Wordpress, #social_ContactUs, #social_FAQ
{
    display:none !important;
	float:left;
}


/*------------------------------------------
NO MIN HEIGHT STYLES OVERRIDE
--------------------------------------------*/
.no-min-height, #centercontent .no-min-height
{
	min-height:0;
}




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

Added classes to keep images sized properly
assign the class (without the period) to the image
          added by Mike August on 2016-09-01

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


.image_3x300  #centercontent img
{
                Width:auto;
                Max-height:300px;
}

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

Added classes to force Safari to display iframes at a specific height
assign the class (without the period) to the CSS Stlye for Section with iframe in it
          added by Mike August on 2017-04-13

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

.iframe_5000px
{
   min-height:5000px;
}

.iframe_4000px
{
   min-height:4000px;
}

.iframe_3000px
{
   min-height:3000px;
}

.iframe_2000px
{
   min-height:2000px;
}

.iframe_1300px
{
   min-height:1300px;
}

.iframe_1000px
{
   min-height:1000px;
}