/* Style Sheets for Desktop Version of StamfordCTJobs.com*/
/* Winter of 2020 */
/* Author: Ryan Broadbin */




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


	p {

	  font-family: petersburg-web, serif;

	font-weight: 500;

	font-style: normal;
	line-height: 1.8;




	 }

 video::-webkit-media-controls-panel {
   background-image: none !important;
   
 
}


.navbar a:hover {
	 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
	 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
	
	
  color: white;
}



 
.navbar {
  overflow: hidden;
  
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;


  position: fixed;
  bottom: 0;
  width: 100%;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 18px 15px;
  text-decoration: none;
  font-size: 19px;
  border-right: 2px solid #2f79a8;
  border-bottom: 7px solid #2f79a8;
  border-top: 7px solid #2f79a8;

  
 
}  

	
/* Stamford Maskhead: Blue Banner Above In Header */

	#stamfordmaskhead 

	{
		width: auto; /* Expand the Blue Banner to Fit Screen */
		height: 45px; /* The height of the StamfordCTJobs.com Maskhead Blue Portion  */
		background-color: white;
		

	}
	
/* StamfordCTJobs.com Logo in Upper Left-Hand Corner */
	
	#logo 

		{
			float:left;
		  
			 	 
		
			        

		}
		
		
		
		
/* Red Post A Job 
 In Upper Right Corner */				
	
	#buttonalign 
	
		{
			
			float:right;
		
		}


/* Tagline in Upper-Hand Corner */						
	
	#tagline 
	
		{
			color: black;
			
			padding-left: 40px;
			
			float: left;
			font-size: 16px;
			font-family: nunito-sans, sans-serif;
			font-weight: 400;
			font-style: normal;
		}

/* StamfordCTJobs Grey Bar Underneath Blue Banner */						
	
	#stamfordmaskhead2 
		 
		{
				width: auto;
				height: 70px;
				background: rgb(174,175,175); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(174,175,175,1) 0%, rgba(210,210,216,1) 54%, rgba(199,201,200,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,175,175,1)), color-stop(54%,rgba(210,210,216,1)), color-stop(100%,rgba(199,201,200,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeafaf', endColorstr='#c7c9c8',GradientType=0 ); /* IE6-9 */
font-family: nunito-sans, sans-serif;
			font-weight: 400;
			font-style: normal;

			}


/* Jobs Text Field underneath Blue Banner */						
			
	.jobtextfield 
	
	  {
				font-size: 20px;
				width: 775px;
				height: 30px;
	 }
	
	
/* Grey Portion: Search Bar */	
						
	.searchforjobs {
				padding-top: 5px;
				float:right;
							
		}
			
							#testdivaC {
									width: 830px;
									height: auto;
									background-color:#FFF;
								    margin-top: 50px;
								margin-left: auto;
								margin-right: auto;
								font-family: nunito-sans, sans-serif;
								font-size: 19px;

								font-weight: 200;
								
								font-style: normal;
								padding-left: 40px;
								padding-right: 25px;
								padding-bottom: 40px;


								

								



								}
								
								
								#testdivaD {
									width: 830px;
									height: auto;
									background-color:#FFF;
								    margin-top: 10px;
								margin-left: auto;
								margin-right: auto;
								font-family: nunito-sans, sans-serif;

								font-weight: 400;

								font-style: normal;
								padding-left: 40px;
								padding-right: 25px;
								padding-bottom: 40px;
								

								



								}
								
								
								
								
								
								
								
								
								
								
							.heading {


font-size: 22px;
color: black;

padding-top: 10px;
padding-bottom: 10px;
text-align: center;


font-family: petersburg-web, serif;

font-weight: 700;

font-style: normal;



}		

	.heading2 {


font-size: 18px;
color: white;

padding-top: 10px;
padding-bottom: 10px;
text-align: center;


font-family: nunito-sans, sans-serif;

font-weight: 400;

font-style: normal;
background-color: #2685de; color:white;


}					

.heading3 {



font-size: 18px;
color: white;

padding-top: 10px;
padding-bottom: 10px;
text-align: center;


font-family: nunito-sans, sans-serif;

font-weight: 400;

font-style: normal;
background-color: #db2852; color:white;


}
								
								
			.button_example{
border:1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;
 font-family: nunito-sans, sans-serif;

font-weight: 400;

font-style: normal;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;

background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;

}

.button_example:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}








			
#testdiva {
		width: 380px;
		background-color:#FFF;
	    margin-top: 25px;
	margin-left: 10px;
	margin-right: auto;
	font-family: nunito-sans, sans-serif;

	font-weight: 400;

	font-style: normal;
	padding-left: 40px;
	padding-right: 25px;
	padding-bottom: 40px;
	float:left;
		
				
		

	}
	#testdivb {
			width: 380px;
			background-color:#FFF;
		    margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		font-family: nunito-sans, sans-serif;

		font-weight: 400;

		font-style: normal;
		padding-left: 40px;
		padding-right: 25px;
		padding-bottom: 40px;
		float: right;





		}

		.navigationSubMenu {
			width: auto;
			background: rgb(174,175,175); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(174,175,175,1) 0%, rgba(210,210,216,1) 54%, rgba(199,201,200,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,175,175,1)), color-stop(54%,rgba(210,210,216,1)), color-stop(100%,rgba(199,201,200,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(174,175,175,1) 0%,rgba(210,210,216,1) 54%,rgba(199,201,200,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeafaf', endColorstr='#c7c9c8',GradientType=0 ); /* IE6-9 */




			}

		/* Ending of Navigation Menu Grey Gradient Background Below */	

		/* Beginning og Navigation Menu Styling, Center of Navigation Menu Buttons */

			.navigationMenu {
				text-align:center;
				padding: 5px;

			}	
			
			/* Blue Button Styling for Navigation Menu below */

			/* Acutally CSS for Button */

			 
		  
		  
		
		  
		 
		  .bulletsub {
			
		float: right;
		margin-right: 150px;
		margin-top: 40px;	

		}
		  
		
		.myButton {
			box-shadow:inset 0px -3px 7px 0px #29bbff;
			background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
			background-color:#2dabf9;
			border-radius:3px;
			border:1px solid #0b0e07;
			display:inline-block;
			cursor:pointer;
			color:#ffffff;
			font-family:Arial;
			font-size:15px;
			padding:9px 23px;
			text-decoration:none;
			text-shadow:0px 1px 0px #263666;
		}
		.myButton:hover {
			background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
			background-color:#0688fa;
		}
		.myButton:active {
			position:relative;
			top:1px;
		}
		  
		  
	  }