/* This CSS Document contains prewriten css intended to compliment the bootstrap library*/

/***************Test Classes****************/
div 
{
	word-wrap: break-word;
}
.test-background1
{
	background-color: #FD0105;
}
.test-background2
{
	background-color: #0AF3EF;
}
.test-background3
{
	background-color: #07BD00;
}

.no-indent
{
	list-style:none;
	padding-left:0;
	padding-right:0;
}

/*Placeholder*/
.image-placeholder
{
	background-color: #777777;
	display: flex;
	height: 180px;
}
.image-placeholder > h1 
{
	color: #dddddd;
	align-self: center;
	text-align: center;
	width: 100%;
}

/*Nav code*/	
.dropdown-hover:hover .dropdown-menu 
{
	display: block;
	margin-top: 0; /*remove the gap so it doesn't close*/
}

/*footer relivent code*/
/******A css document that houses CSS specific to the website******/
html 
{
	/*needed for the bootstrap footer*/
	position: relative;
	min-height: 100%;
}
body
{
	margin-bottom: 60px;
	min-height:100%;
}
.footer
{
	/*needed for the bootstrap footer*/
	position: absolute;
	bottom: 0;
	width: 100%;
}

/***************Misc Functions****************/
/*mouse highlighter colors
::-moz-selection { background: black; color: #fff; text-shadow: none; }
::selection { background: black; color: #fff; text-shadow: none; } */

/*CSS effects*/
.no-shadow
{
	box-shadow: none;
}
.facebook-icon
{
	color: #3b5998;
}

/***************Margins****************/
.top-margin-big
{
	margin-top: 60px;
}
.top-margin 
{ 
	margin-top:20px; 
}
.left_margin
{
	margin-left: 20px;
}
.right_margin
{
	margin-right: 20px;
}
.bottem-margin-big
{
	margin-bottom: 40px;
}
.bottem-margin
{
	margin-bottom: 20px;
}
.bottem-margin-small
{
	margin-bottom: 5px;
}
.no-margin
{
	list-style:none;
	margin-left:0;
	margin-right:0;
}

/***************Padding****************/
.left-padding
{
	padding-left: 20px;
}
.right-padding
{
	padding-right: 20px;
}
.bottem-padding
{
	padding-bottom: 20px;
}
.large-bottem
{
	padding-bottom: 70px;
}
.no-padding
{
	list-style:none;
	padding-left:0;
	padding-right:0;
}

/***************Div Hights****************/
.auto
{
	height: auto;
}
.tall 
{
	height: 55px;
} 
.very-tall
{
	height: 100px;
}

/***************Div Styles****************/
.mycontent-right 
{
	border-left: 1px solid #A1A1A5;
}
.updatesboarder
{
border-top: 1px solid #CFCFD4;
}
.devider-bottom
{
	border-bottom: 1px solid #CFCFD4;
}
.devider-bottom-thick
{
	border-bottom: 3px solid black;
}
hr
{
	border-color: #A1A1A5; 
}
/***************Div Positioning****************/
.col-centered
{
	float: none;
	margin: 0 auto;
}
/***************Text Styles****************/
/*for headers h1 and h2*/
.header-styles 
{
	margin-top: 10px;
	font-size: 30px;
	font-weight: 600;
	line-height: 42px;
}
.sub-header-styles {
	font-size: 22px;
	font-weight: 300;
	line-height: 30px;
}
.text-medium
{
	font-size: 18px;
}
.text-center
{
	text-align: center;
}
.text-left
{
	margin: auto;
	width: 50%;
	text-align: left;
}
.text-right
{
	text-align: right;
}
.fit-text
{
	display: inline-block;
}

/*text content*/
.content-text
{
	word-wrap: normal;
}
.indent-li
{
	text-indent: 15px;
	list-style-type: none;
}			

/***************Segmant specific css****************/
/***CSS for Slide Show***/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container 
{
	position: relative;
	margin: auto;
}

/* Hide the images by default */
.mySlides 
{
	display: none;
}

/* Next & previous buttons */
.prev, .next 
{
	cursor: pointer;
	position: absolute;
	top: 42%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next 
{
	right: 0;
	margin-right: 15px;
	border-radius: 3px 0 0 3px;
}

/* credit text */
.credit-text 
{
	font-size: 15px;
	padding: 8px 12px;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext 
{
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot 
{
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

/***CSS for contact form***/

/***Input feilds***/
/*Dictates styles for the email input field*/
input[type="email"], 
textarea, 
textarea.form-control {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
}
/*Dictates styles for the text and text area input fields*/
input[type="text"], 
textarea, 
textarea.form-control {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
}
/*Dictaetes styles that apply to the text area*/
textarea, 
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}
/* boarder highlights color on focus for the text fields, text areas and email feilds
input[type="text"]:focus, 
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #f7f4ed;
	border: 3px solid #c4c0b4;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
input[type="email"]:focus, 

textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #f7f4ed;
	border: 3px solid #c4c0b4;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}*/
/***Top content***/ 
.inner-bg {
	padding: 0 0 20px 0;
}
.form-top {
	padding: 25px 25px 15px 25px;    
} 
.form-bottom {
	padding: 25px 25px 0px 25px;
}
.form-bottom form textarea {
	height: 100px;
}


/***Error styles***/
/*turns the input field boarders red*/
.form-bottom form .input-error {
	border-color: #d05a4e;
	color: #d05a4e;
}
/*changes the font color of the placeholder text this is a sudo element and should be regularly checked for depreciation*/
.input-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d05a4e;
}
.input-error::-moz-placeholder { /* Firefox 19+ */
  color: #d05a4e;
}
.input-error:-ms-input-placeholder { /* IE 10+ */
  color: #d05a4e;
}
.input-error:-moz-placeholder { /* Firefox 18- */
  color: #d05a4e;
}


/***CSS for redirects***/
.outer-container 
{
	padding: 0 0 20px 0;
}
.Inner-container
{
	padding: 25px 25px 15px 25px;    
} 

/***CSS for panels***/
.twitter-timeline 
{
	max-width: 100%;
	max-height: 1000px;
	overflow: scroll;
	display:block;
}
.fa 
{
	font-size: 25px;
	color: white;
}
.panel-title 
{
	font-size: 24px; 
	color: white;
	font-family: 'Open Sans', sans-serif;
}
.panel-heading 
{
	width: auto;
	background: rgba(102,0,102,1.00);
}
.panel-heading>h3
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 30px;
}
.panel 
{
	/*margin-top: 60px;*/
	border-style: hidden;
}
.panel-rps
{
	height:200px;
	word-wrap: break-word;
	overflow:hidden;
	text-overflow: ellipsis;
} 
.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}
/*link colors*/
.tile-link:link
{
	color:black;
	text-decoration: none;
}
.tile-link:visited 
{
	color:black;
	text-decoration: none;
}
.tile-link:hover
{
	color:black;
	text-decoration: none;
}
.tile-link:active 
{
	color:black;
	text-decoration: none;
}

.tile-link-style:hover .panel-heading
{
	background: rgba(51,0,51,1.00);
	text-decoration: none;
}
.tile-link-style:hover
{
	background: rgb(224, 224, 224);
}


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

/*secondery nav*/
.secondery-nav 
{
	border-style: hidden;
}

.secondery-nav-title 
{
	font-size: 25px; 
	color: white;
	font-family: 'Open Sans', sans-serif;
}
.secondery-nav-heading 
{
	max-width: inherit;
	background: rgba(102,0,102,1.00); 
}
.secondery-nav-body 
{
	background: white; 
}

/***** Media queries *****/
 
@media (min-width: 992px) and (max-width: 1199px) {}
 
@media (min-width: 768px) and (max-width: 991px) {}
 
@media (max-width: 767px) 
{
	body
	{
		/*text for the site content may be overriden*/
		font-size: 15px;
		font-weight: 400;
		/*changes the baground color of the entire site*/
		
		position: relative;
	}
	.no-indent-xs
	{
		list-style:none;
		padding-left:0;
		padding-right:0;
	}
	.col-xs-centered
	{
		float: none;
		margin: 0 auto;
	}
	.mycontent-right 
	{
		border-left: 0px solid #A1A1A5;
	}
 
	/***CSS for contact form***/
	.inner-bg { padding: 40px 0 110px 0; }
	
	/***CSS for redirect***/
	.Inner-container { padding: 40px 0 110px 0; }
	
	.panel-rps
	{
		height:150px;
		word-wrap: break-word;
		overflow:hidden;
		text-overflow: ellipsis;
	} 
	/*footer relivent code*/
	/******A css document that houses CSS specific to the website******/
	html 
	{
		/*needed for the bootstrap footer*/
		position: relative;
		min-height: 100%;
	}
	body
	{
		margin-bottom: 0px;
		min-height:100dvh;
	}
	.footer
	{
		/*needed for the bootstrap footer*/
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-top: 20px;
	}
	@media (orientation: landscape)
    {
        .footer
    	{
    		/*needed for the bootstrap footer*/
    		position: absolute;
    		bottom: auto;
    		width: 100%;
    		margin-top: 20px;
    	}
    }
}