@CHARSET "UTF-8";


/** 
 * #16283c
 * #1e8f8e
 * 
 */


.head-wrapper.dashboard {
	padding: 0 1em;
}

.head-wrapper .col1 {
	margin-top: 0;
	margin-bottom: 0;
}

.head {
	position: relative;
	background-color: rgba(230, 230, 230, 0.85);
    padding: 5px 0px 3px 5px;
    float: left;
}

.head img {
	float: left;
}

.head h1{
	float: left;
	color: #1e8f8e;
	margin: 0 .5em;
}

.head span {
	font-family: 'Courgette', cursive;
}


/*styling the individual tiles*/

/* TILES */
.tile-big p {
  font-size: 1.8em;
}

.tile-big:hover p, .tile-big.hover p {
  font-size: 1.8em;
}

.tile-big p span {
  font-size: 1em;
  margin-right: .7em;
  position: relative;
  /* top: .15em */
}

.tile-small:hover p, .tile-small.hover p{
	font-weight: normal;
	font-size: 0.9em;
}


/* COLUMN ONE */
.tarento-main {
	color: #1e8f8e;
	background-color: #FFFFFF;
}
.tarento-main:hover, .tarento-main.hover {
    background-color: #FFFFFF;
    color: #1E8F8E;
}
.tarento-main img {
  width: 70%;
  margin-top: 0.4em;
}

.comms {
  background-color: #16283C;
  color: #FFFFFF;
}
.comms:hover, .comms.hover {
	background-color: #1E8F8E;
}
.tile-mini.comms .svg-inline--fa, .comms:hover p {
  font-size: 2em;
  margin-top: 0.5em
}
.tile-mini.drive {
  margin-right: 2%;
}

.forum {
  background-color: #FCC120;
  color: #FFFFFF;
}
.forum:hover, .forum.hover {
  color: #FCC120;
  background-color: #FFFFFF;
}

.social {
	background-color: #FFFFFF;
}
.social:hover, .social.hover {
	color: #FFFFFF;
}
.tile-mini.social .svg-inline--fa, .social:hover p {
  font-size: 2em;
  margin-top: 0.5em
}

.fb {
	color: #3B5998;
}

.fb:hover, .fb.hover {
    background-color: #3B5998;
}

.twitter {
	color: #55ACEE;
}

.twitter:hover, .twitter.hover {
	background-color: #55ACEE;
}

.linkedin {
	color: #007BB6;
}

.linkedin:hover, .linkedin.hover {
    background-color: #007BB6;
}

.instagram {
	color: #003569;
}

.instagram:hover, .instagram.hover {
    background-color: #003569;
}

/* COLUMN TWO */
.greenpine {
  color: #2c373c;
}
.greenpine:hover, .greenpine.hover {
  background-color: #2c373c;
  color: #FFFFFF;
}


.git {
  background-color: #292961;
  color: #FFFFFF;
}
.git:hover, .git.hover {
  color: #292961;
  background-color: #FFFFFF;
}

.kronos {
  background-color: #F0514A;
  color: white
}
.kronos:hover, .kronos.hover {
  background-color: #fff;
  color: #F0514A;
}

.netops {
	color: #16283c;
}
.netops:hover, .netops.hover {
  background-color: #16283c;
  color: #FFFFFF;
}

.zohopeople {
	color: #1e8f8e;
	background-color: #FFFFFF;
}
.zohopeople:hover, .zohopeople.hover {
    background-color: #FFFFFF;
    color: #1E8F8E;
}
.zohopeople img {
  width: 85%;
  margin-top: 0.4em;
}



.policies {
	background-color: #1e8f8e; /*24688F;*/
	color: #FFFFFF;
}


.tile-small p {
  font-size: 1.2em;
}
.tile-small:hover p, .tile-small.hover p {
  font-size: 0.9em;
}