/*
 ----------------------------- 
 These are the Custom styles created by Savio Designs
 https://saviodesigns.com
 Project Manager: Chris Knabenshue

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



/*
*************************************************************
                      SECTIONS
*************************************************************
*/



html, body {
    min-height: 100%;
}

body {
	background-image: url("../images/chevron-bg-opt.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.stickytop {
	color:antiquewhite!important;
	border-bottom-color: rebeccapurple;
	border-bottom-width: 6px;
  	border-bottom-style: solid;
    border-image: radial-gradient(darkgray, black) 75;
}

.stickytop ul {
	margin-top: 0px !important;
}


.sticky {
   position: sticky;
   top: 0px;
	z-index: 9990 !important;
}


.footerbtm {
	border-top-color: rebeccapurple;
	border-top-width: 6px;
  	border-top-style: solid;
    border-image: radial-gradient(darkgray, black) 75;
	font-size: .75em;
	color:antiquewhite!important;
}

.footerbtm a{
	color:antiquewhite!important;
	text-decoration: none!important;
}

.footerbtm a:hover {
	color:antiquewhite!important;
	font-weight: bolder!important;
	text-decoration: none!important;
}



/*
*************************************************************
                      CONTENT COLUMNS
*************************************************************
*/


.content-blank{
	color:antiquewhite!important;
}

.content-bg1 {
	background-image: url("../images/purple-background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 600px;
	color:antiquewhite!important;
}




/*
*************************************************************
                      SPECIAL ELEMENTS
*************************************************************
*/



.tagline {
	font-size: 1.25em;
	font-style: italic;
	color:whitesmoke !important;
}


hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

.social {
	font-size: 2em !important;
}

.social a:hover {
	color: whitesmoke !important;
}


/*
*************************************************************
                      FLOATS
*************************************************************
*/

.floatright {
	float: right;
	margin: 20px 20px 20px 20px;
}

.floatleft {
	float: left;
	margin: 20px 20px 20px 20px;
}


.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.clear {
	clear: both;
}



/*
*************************************************************
                      MEDIA QUERIES
*************************************************************
*/

@media screen and (max-width: 640px) {
  body { 
    background-image: url("../images/chevron-bg-mobile.jpg");
	background-size: contain;
	background-repeat: repeat;
	background-attachment: fixed;
  }
}

@media screen and (max-width: 640px) {
.content-bg1 {
	background-image: url("../images/purple-background-mobile.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	color:antiquewhite!important;
}
}