@charset "utf-8";
/* CSS Document */


/* Universal selector for Box Sizing */
* {
  box-sizing: border-box;

}

/* Body selector for font style */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
}

/* header selector for green background color */ 
.header {
	background-color:#678168;
	padding: 20px;
}
/* selector for blue bar background color */ 
.headerBar {
	background-color: #193445;
	padding: 10px;
	
}

/* Web font for title font */ 
@font-face {
  font-family: 'Title Font';
  src: url('webfonts/akzidenzgroteskpro_regular.ttf') format('truetype');
  font-style: normal;
}

/* web font for the H fonts  */ 
@font-face {
  font-family: 'Signage Font';
  src: url('webfonts/manifoldextendedcf-demibold.otf') format('opentype');
  font-style: normal;
}

/* style for Severance logo */ 
.titleImage {
	width: 80%;
	height:auto;
	border: none;
	align-items: center;
	display: block;
	transition: transform 0.6s ease .02s; 
}

/* style for skewed Severance logo on hover */
.titleImage:hover {
	
	transform: scalex(1.02)  skewX(-5deg) !important;

}


/* h1 selector */
h1 {
	font-family: "Signage Font";
	color: #193445;
	font-size: 3rem;
	font-weight: 200;

}


/* h2 selector */
h2 {
	font-family: "Signage Font";
	color: black;
	font-size: 3rem;
	letter-spacing: 0px;
	font-weight: 200;

}

/* Alternative heading style */
.h1Alt {
	
	color: #193445;
	text-align: center;
}

/* another alternative header style */
.h2Alt {
	
	color: #678168;
	text-align: center;
}

/* a paragraph style */
.manifold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	justify-content: center;
}

/* For stacking of the columns */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; /* Compensate for padding */
}

/* padding for all DIVs */
div {

	padding: 10px;
}

/* style for all images */
img {
	padding: 10px;
	max-width: 100%;
	height: auto;
	border: thin black inset;
    transition: transform 0.3s ease;

}


/* Scale transform for all images on hover */
img:hover {
  transform: scale(1.05); /* scales image up 5% */
}

/* Rotate transform for bottom images */
.imgRotate {
  transform: rotate(-10deg);
  transition: transform 0.4s ease;
	border: none !important;
}

/* Rotate to 0 deg on hover */
.imgRotate:hover {
	transform: rotate(0deg);
}

/* Gradient background for a strip */
.gradientStrip {
	background-image: radial-gradient(#ffffff, #8aa5b2);
	width: 10rem;
	height: auto;
}

/* image centering for image row */
.imagerow{
	align-items: center;

}


/* footer validation area */
.footer_validation {
	background-color: #678168;
	padding: 40px;
	text-align: center;
	font-size: 1rem;
	font-family: "Signage Font";
}
/* hover links Severance blue */
a:hover {
	color: #193445;
}

/* This is additional css to help control the div column sizing*/
.col-1 {width: 8.33%; margin: 0px;} 
.col-2 {width: 16.66%; margin: 0px;} 
.col-3 {width: 25%; margin: 0px;} 
.col-4 {width: 33.33%; margin: 0px; display: flex;} 
.col-5 {width: 41.66%; margin: 0px;} 
.col-6 {width: 50%; margin: 0px;} 
.col-7 {width: 58.33%; margin: 0px;} 
.col-8 {width: 66.66%; margin: 0px;} 
.col-9 {width: 75%; margin: 0px;} 
.col-10 {width: 83.33%; margin: 0px;} 
.col-11 {width: 91.66%; margin: 0px;} 
.col-12 {width: 100%; margin: 0px;}