@charset "UTF-8";
@import url("../webfonts/Franklin_Gothic_book_cnd/stylesheet.css");
/* CSS Document */


* {
	
	margin:0;
	padding:0;
		box-sizing: border-box;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.alumni-sans-<uniquifier> {
  font-family: "Alumni Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@font-face {
    font-family: 'Franklin Gothic book';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/FranklinGothic URW Book/FranklinGothicURW-Boo.woff")
    }
@font-face {
    font-family: 'Franklin Gothic demi';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/FranklinGothic URW Demi/FranklinGothicURW-Dem.woff")
    }
@font-face {
    font-family: 'Franklin Gothic book cnd';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/FranklinGothic URW Cond Book/FranklinGothicURWCon-Boo.woff")
    }
@font-face {
    font-family: 'Franklin Gothic demi cnd';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/FranklinGothic URW Cond Demi/FranklinGothicURWCon-Dem.woff")
    }
@font-face {
    font-family: 'Franklin Gothic med cnd';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/FranklinGothic URW Cond Medium/FranklinGothicURWCon-Med.woff")
    }


body {
	
/*	font-family: "Alumni Sans", sans-serif;*/
	width: 100%;
	margin-inline: auto;
/*	height:100vh;*/
}

/* read more button*/

.post button{
    padding: 10px;
    background-color: #ff0268;
    color: #ffffff;
    border: none;
    cursor: pointer;
}
.post:not(:last-child){
    margin-bottom: 50px;
}
.hide{
    display: none;
}

/* end read more button */

.hire-head {
	width:90%;
	max-width:1220px;
	padding-top:1em;
	margin: 2rem auto;	
}

.hirehead {
	font-family:"Franklin Gothic med cnd";
	font-size: 2.4em;
	color:#248EBB;
	letter-spacing: -0.01rem;
/*
	text-shadow: 2px 2px 4px rgba(2,51,71,0.29);
	
*/
}
.hire-head-bkg {
	margin-top:-2em;
	height:10em ;
	background-image:url("../images/12.jpg");
	background-size:80%;
}

.inner-bottom img {
	
	max-width: 100%;
	max-height:15em;
	display: block;
}

.card ul {
		font-family: 'Franklin Gothic book cnd';
	font-size: 1.1rem;
	margin-top:0;
	text-align: left;
	margin-left: 1rem;
	margin-bottom:0;
	padding:0;
	
}

.card li {
	
	font-family: 'Franklin Gothic book cnd';
	font-size: 1.1rem;
	margin-left:0;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	letter-spacing: -0.01rem;
	
}

.card lh {
	font-family: "Franklin Gothic med cnd";
	font-size:1.5rem;
	margin-left:-.5rem;
	margin-top:1rem;
}

H2 {
	font-family: "Franklin Gothic med cnd";
	font-size:1.6rem;
/*	height:2rem;*/
	letter-spacing: -0.05rem;
	line-height:1.5rem;
	margin-bottom:0.8rem;
}

H3 {
    font-family: "Franklin Gothic book cnd";
    font-size: 1.2rem;
    letter-spacing: -0.01rem;
}

p {
	font-family: 'Franklin Gothic book cnd';
	font-size: 1.1rem;
	text-align:left;
/*	margin-top: 0.5rem;*/
	margin-bottom:0.5rem; 
	font-spacing:-0.01rem;
	
}

.card-layout {
	width:90%;
	max-width: 1220px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
	grid-template-rows: repeat(auto-fit, minmax(5em, 1fr));
 	gap: 1em;
	margin: 3em auto ;


}

.card {
	font-size:1.2rem;
	line-height:0.9;
	border: 3px solid #B6B6B6;
	border-radius: 1em;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap:0;
	box-shadow: 2px 4px 8px 0 rgba(0,0,0,0.20)

	
	
}

.inner-top{
	font-size: 1.2rem;
	line-height: 1.2;
	background-color: 0000;
	border-radius: .9em .9em 0 0;
	width:auto;
	height:100%;
	margin:0;
	padding:1em;
	display:grid;
	align-content: flex-start;
}

.inner-bottom{
	
	background-color: #ECECEC;
	max-height:100%;
	border-radius: 0 0 .9em .9em;
/*
	width:100%;
	height:100%;
*/
	align-content:flex-end;
	margin:0;
	padding:0;
	place-items: center;
	display:grid;
	overflow:hidden;

}

.above-footer{
	background-color:#9ab0d6;
	height:120px;
}

footer {
	height:5em;
	background-color:#040F61;
/*	margin-top:2em;*/
	
}