/*--------------Icon Styles------------------------------------------------*/


@font-face {
  font-family: 'socialmedia_icon';
  src: url('fonts/socialmedia_icon.eot');
}
@font-face {
  font-family: 'socialmedia_icon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'socialmedia_icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}

/*-------------------------  Main Content  -------------------------------------*/

h1{
font-size:4em;	
color: #595959;
}

h3{
color: #595959;
}


h4{
font-size:1.6em;	
color: #fff;

text-shadow:2px 2px 2px #333333;
}

h6{
padding: 0px 0px 0px 0px;
}

a{
text-decoration: none;
color: #666;
}


#title_section{
background: linear-gradient(to bottom, #fff 94%, #f2f2f2);
}

#title_section div{
padding: 50px 0px 0px 0px;
}

#input_section{
background-image: url('../images/homepage.grey.background_only_cropped.jpg');
background-repeat:no-repeat;
background-size:cover;
height: 150px;
box-shadow:0px 2px 10px 5px #666 inset;
}

#input_section form{
padding: 12px 0px 0px 0px;
}

/*------------------------------- Errors  ---------------------------------------------------------------------*/

.error{
color: red;
border: 1p dotted #ccc;
margin: 1em;
padding: 1em;
}

.error ul{
padding-left: 2em;
}

/*------------------------------- Navigation ---------------------------------------------------------------------*/

#navigation{
background-color: #ccc; 
color: #fff;"
}



ul.pages{
padding-left: 2em;
list-style: ;
font-weight: normal;
}

.selected{
font-weight: bold;
}




/*------------------------------- Page ---------------------------------------------------------------------*/

#page{
position: ;
top: .5em;
}



div.message{
border: 1px dotted #cccccc;
color: #333333;
font-weight: bold;
margin: 1em;
padding: 1em;

}

#page{
background:;
height: 100%;
}

.view-content{
margin: 1em;
padding: 1em;
border: 1px dotted #cccccc;
}


/*------------------------------- Footer ---------------------------------------------------------------------*/


#footer_section{
	position: ;
	top: 11em;
}


#footer_links ul li a{
	padding: 0px 10px 0px 10px;
}


#footer_social ul li a{
	padding: 0px 10px 0px 10px;
}






/* --------------------------------------------------------------------------- Large screen styles -----------------------------   1450 px ----------------------------*/

@media screen and (max-width: 1450px){
	

}

/* --------------------------------------------------------------------------- Medium screen styles -----------------------------   1100 px ----------------------------*/

@media screen and (max-width: 1100px){
	
	
}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    985 px ----------------------------*/

@media screen and (max-width: 992px){

}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    770 px ----------------------------*/

@media screen and (max-width: 770px){


}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    570 px ----------------------------*/

@media screen and (max-width: 570px){
	
	
}

/* --------------------------------------------------------------------------- Small screen styles -----------------------------    300 px ----------------------------*/

@media screen and (max-width: 320px){

	
}