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

:root {
  --backgroundColor: #fff;
  --foregroundColor: #111;
  --primaryColor: #03a9f4;
  --primaryShade1: #e1f5fe;
  --primaryShade2: #b3e5fc;
  --primaryShade3: #4fc3f7;
  --primaryShade4: #0288d1;
  --primaryShade5: #0277bd;
  --secondaryColor: #673ab7;
  --secondaryShade1: #ede7f6;
  --secondaryShade2: #d1c4e9;
  --secondaryShade3: #9575cd;
  --secondaryShade4: #512da8;
  --secondaryShade5: #311b92;
  --accentColor: #009688;
  --accentShade1: #e0f2f1;
  --accentShade2: #b2dfdb;
  --accentShade3: #4db6ac;
  --accentShade4: #00796b;
  --accentShade5: #004d40;
  --accent2Color: #8bc34a;
  --accent2Shade1: #e7f6d5;
  --accent2Shade2: #c5e1a5;
  --accent2Shade3: #aed581;
  --accent2Shade4: #689f38;
  --accent2Shade5: #558b2f;
  --accent3Color: #f44336;
  --accent3Shade1: #ffdde0;
  --accent3Shade2: #ffcdd2;
  --accent3Shade3: #ef9a9a;
  --accent3Shade4: #d32f2f;
  --accent3Shade5: #b71c1c;
  --borderRadius: 6px;
	--grayColor: #d1d3d4;
}

.profile {
  position: relative;
  background: var(--backgroundColor);
  color: var(--foregroundColor);
  box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
  border-radius: 10px;
  transition: 0.2s ease;
}

.profile a:hover {
  top: 0;
  box-shadow: none;
  background: var(--primaryShade4);
}

.profile a:active, .profile a:focus {
  top: 0;
  box-shadow: none;
  background: var(--primaryShade5);
}

.profile-long {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 100px;
  padding: 20px 20px 15px;
  min-width: 570px;
}
.profile-long .profile__image {
  grid-column: 5/6;
  margin-bottom: 10px;
}
.profile-long .profile__image img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.profile-long .profile__info {
  grid-column: 1/5;
  grid-row: 1;
  padding: 5px 20px 20px 0;
}

.profile-long .profile__info h3 {
  font: 700 24px/1.2 "Poppins", sans-serif;
  margin-bottom: 10px;
}

.profile-long .profile__info h5 {
  font: 500 18px/1.2 "Poppins", sans-serif;
  margin-bottom: 10px;
}

.profile__info__extra{
	text-align: justify;
	font-weight: 200;
}

.profile-long .profile__stats {
  min-width: 100px;
  padding-top: 20px;
  border-top: 0.5px solid var(--grayColor);
}

.profile__stats__title {
	color: var(--primaryColor);
	text-transform: uppercase;
	font-size: 0.8rem;
	margin-bottom: 0.3rem;
}

.profile-long .profile__cta {
  grid-column: span 2;
  border-top: 0.5px solid var(--grayColor);
  padding-top: 15px;
}

.profile__cta a.button {
  outline: none;
  width: 100%;
  text-align: center;
  display: inline-block;
  border: none;
  font: 500 16px/1 "Poppins", sans-serif;
  padding: 20px;
  cursor: pointer;
  border-radius: var(--borderRadius);
  background: var(--primaryColor);
  color: var(--backgroundColor);
  position: relative;
  top: 0;
  transition: 0.2s ease;
}

.profile__cta a.button:hover {

	top: 0;
	box-shadow: none;
	background: var(--primaryShade4);
	color: var(--backgroundColor);
}

.profile__cta a.button:active {
  background: var(--primaryShade4);
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  top: 0;
}

/*---------------------------------------------------------------------------------------------------------------*/

.profile-smallimg {

	border-radius: 10px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	text-align: center;
	margin: 1.4rem 1rem 0 1rem;
}

.profile-smallimg .profile__image {
	margin-top: -40px;
}

.profile-smallimg .profile__image img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 5px solid var(--backgroundColor);
	box-shadow: 0 0 0 7px var(--secondaryColor);
}

.profile-smallimg .profile__info {
	margin: 10px 30px 15px;
}

.profile-smallimg .profile__stats {
	margin: 0 30px 10px;
}

.profile-smallimg .profile__stats:nth-of-type(n+4) {
	/*display: none;*/
	/*display: none;*/
}

.profile-smallimg .profile__cta a {
	border-radius: 0 0 10px 10px;
}

/*-------------------------------------------------------------------------------------------*/
.downloads{
	padding-left: 0;
	padding-right: 0;
}

.down-item{
	background: var(--backgroundColor);
	color: var(--foregroundColor);
	box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
	padding: 20px 20px 15px;
	margin-top: 1.8rem;
	border-radius: 8px;
	transition: 0.2s ease;
}

.down-item .info-description{
	display:flex;
	flex-direction: row-reverse;
}

.down-item .info-description .description{
	flex:1;
	padding: 5px 20px 20px 0;
}

.down-item .info-description .description h3 {
  font: 700 24px/1.2 "Poppins", sans-serif;
  margin-bottom: 8px;
}

.down-item .info-description .description p {
    text-align: justify;
    font-weight: 200;
	margin-bottom: 0;
}

.down-item .info-description .icon{
	padding-bottom: 20px;
}

.down-item .info-description .icon img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.down-item .info-data{
	display:flex;
	border-top: 0.5px solid var(--grayColor);
	padding-top: 20px;
}

.down-item .info-data .min-container{
	display: flex;
	flex: 0.72;
	align-items: center;
}

.down-item .info-data .min-container i{
	color: var(--primaryColor);
    margin-right: 0.4rem;
}

.down-item .info-data .min-container p {
	font-weight: 300;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.down-item .info-data .min-container .size{
	display: flex;
	align-items: center;
	flex: 0.3;
}

.down-item .info-data .min-container .cont{
	display: flex;
	align-items: center;
	flex: 0.3;
}
.down-item .info-data .min-container .publisher{
	display: flex;
	align-items: center;
	flex: 0.6;
}

.down-item .info-data .button{
	flex: 0.28;
}

.down-item .info-data a.button {
  outline: none;
  width: 100%;
  text-align: center;
  display: inline-block;
  border: none;
  font: 500 16px/1 "Poppins", sans-serif;
  padding: 20px;
  cursor: pointer;
  border-radius: var(--borderRadius);
  background: var(--primaryColor);
  color: var(--backgroundColor);
  position: relative;
  top: 0;
  transition: 0.2s ease;
}

.down-item .info-data a.button:hover {

	top: 0;
	box-shadow: none;
	background: var(--primaryShade4);
	color: var(--backgroundColor);
}

.down-item .info-data a.button:active {
  background: var(--primaryShade4);
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  top: 0;
}

/*----------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
	
	.main-section {
		padding-top: 1rem;
	}
	.down-item {
		margin-top: 3.8rem;
	}
	
	.down-item .info-description {
		flex-direction: column;
	}
	
	.down-item .info-description .icon {
		margin-top: -67px;
		text-align: center;
	}
	
	.down-item .info-description .icon img {
		width: 120px;
		height: 120px;
		border: 5px solid var(--backgroundColor);
		box-shadow: 0 0 0 7px var(--secondaryColor);
	}
	
	.down-item .info-data {
		flex-direction: column;
	}
	
	.down-item .info-data a.button {
		border-radius: 0 0 10px 10px;
		margin-top: 0.8rem;
	}
	
	.down-item .info-description .description {
		padding: 5px 5px;
	}
	
	.down-item .info-data .min-container {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.down-item .info-data .min-container .cont {
		display: none;
	}
	
	.down-item .info-data .min-container .publisher {
		flex: 1;
		justify-content: flex-end;
	}
	
}