/* =============================================================================
   Site Styles
   ========================================================================== */

body {
		
	.selected-group-title {
		
		display: none;
		
	}
	#news {
		
		background: linear-gradient(#9BA8CC 0%, #6370BA 100%);
		border-bottom: 0.2em solid #21283C;
		padding: 2em 0;
		
		.grid_14 {
			
			display: flex;
			justify-content: space-evenly;
			align-items: stretch;
			flex-wrap: wrap;
			
			#news_short {
				
				background: linear-gradient(#FFFFFF 0%, #D8D8D8 100%);
				overflow: visible;
				border-radius: 0.5em;
				margin: 0 1em 2em 0;
				position: relative;
				flex-grow: 1;
				width: 15em;
				max-width: 17em;
				
				p {
					
					color: #3B4767;
					line-height: 1.125em;
					margin: 1em;
					
					&.date {
						
						line-height: 0.75em;
						font-size: 0.75em;
						margin: 1.333em;
					}
	
					&.title {
						
						a {
	
							text-decoration: none;
							color: #3B4767;
							text-transform: uppercase;
							line-height: 1em;
							font-weight: 700;
							color: #3B4767;
			
						}
	
					}
					
	
				}
	
				.short {
					
					p {
						
						font-size: 0.9em;
						line-height: 1.2em;
						margin: 1.111em;
						height: 4.8em;
						overflow: hidden;
					
					}
					
				}
				.photo {
					
					height: 12em;
					background-size: cover;
					border-radius: 0.5em 0.5em 0 0;
					box-shadow: inset 0px -2.5em 2em -2em rgba(0, 0, 0, 0.59);
					
				}
				
				img {
					
					max-width: 100%;
					margin-bottom: 2em;
					
					&.news_loop_image {
						
						width: 35%;
						margin-bottom: 0;
						
					}
						
				}
				a {
					
					&.button {
						
						background-color: #6385BA;
						font-size: 0.8em;
						line-height: 1.364em;
						color: #FFF;
						margin: 0 1.250em 1.250em 1.250em;
						padding: 0.3em 0.8em;
						border: 1px solid #6385BA;
						

						&.top {
							
							bottom: inherit;	
							top: 1em;
							
						}
						
						&:hover {
							
							color: #3B4767;
							background-color: #FFF;

							
						}
						
					}
					
				}
				
			} // grid_14
			
		
		} //news_short		
		
		#page_navigation {
			
			a {
				
				color: #6385BA;
				font-size: 0.8em;
				line-height: 1.364em;
				background-color: #D8D8D8;
				margin: 0  1.25em 1.25em;
				padding: 0.3em 0.8em;
				border: 1px solid #6385BA;
				border-radius: 0.5em;
				text-decoration: none;
				font-weight: 700;
				
				&:hover {
				
					color: #D8D8D8;
					background-color: #6385BA;
					
				}
				
			}
			
		}
		
		#news_post {
			
			background: linear-gradient(#FFFFFF 0%, #D8D8D8 100%);
			overflow: visible;
			border-radius: 0.5em;
			margin: 0 1em 2em 0;
			display: inline-block;
			
			h1 {
				
				text-decoration: none;
				color: #3B4767;
				font-size: 1.8em;
				text-transform: uppercase;
				line-height: 1em;
				font-weight: 700;
				color: #3B4767;
				margin: 0.556em;
				margin-top: 1.12em;
					
			}
		
			p {
				
				color: #3B4767;
				line-height: 1.125em;
				margin: 1em;
				
				&.date {
					
					line-height: 0.75em;
					font-size: 0.75em;
					margin: 1.333em;
				}
			
			}
			a {
				
				&.button {
					
					background-color: #6385BA;
					font-size: 0.8em;
					line-height: 1.364em;
					color: #FFF;
					margin: 0 1.250em 1.250em 1.250em;
					padding: 0.3em 0.8em;
					border: 1px solid #6385BA;
					
					&:hover {
						
						color: #3B4767;
						background-color: #FFF;

						
					}
					
				}
				
			}

		}
		
		#page_navigation {
			
			padding: 1em 2em;
			overflow: visible;
			border-radius: 0.2em;
			position: relative;
			text-align: center;
			
		}
		
	} // news
	
} // body


/* =============================================================================
   From 1200 to 970
   ========================================================================== */

@media only screen and (max-width: 1195px) and (min-width: 970px) {

	body {
			
	} // body

}


/* =============================================================================
   From 970 to 600
   ========================================================================== */
   
@media only screen and (max-width: 969px) and (min-width: 600px) {

	body {
		
	
	} // body

}

/* =============================================================================
   From 600 to 480
   ========================================================================== */

@media only screen and (max-width: 600px) and (min-width: 480px) {
	
	body {
		
	
	} // body

}

/* =============================================================================
   Less than 480px
   ========================================================================== */
@media only screen and (max-width: 479px) {

	body {
		
	
	} // body

}