/* partner listing */

.container {
	width: 100%;
	display: grid; 
    font-size: 1em;
	line-height: 1.5;
	margin: 0 !important;
	grid-template-rows: auto; 
	grid-template-columns: calc(25% - 1.5em) calc(25% - 1.5em) calc(25% - 1.5em) calc(25% - 1.5em); 
	grid-gap: 2em 2em; 
}
@media screen and (max-width: 1360px) {
  .container { 
    grid-template-rows: auto; 
    grid-template-columns: calc(33% - 1em) calc(33% - 1em) calc(33% - 1em); 
  } 
}
@media screen and (max-width: 980px) {
  .container { 
    grid-template-rows: auto; 
    grid-template-columns: calc(50% - 1em) 50%;
  } 
}
@media screen and (max-width: 767px) {
  .container { 
    grid-template-rows: auto; 
    grid-template-columns: 100%; 
  } 
}

.partner-card {
    width: 100%;
    background-color: #ffffff;
    color: #1f1f1f;
    border-radius: 1em;
    box-shadow: 1px 1px 6px 3px rgba(0,86,132,0.125);
    display: inline-block;
    position: relative;
}
.cat-tier-container {
	width: 100%;
	min-height:3em;
	max-height:4em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
	justify-content: center;
}
.partner-tier {
	font-size:0.75em;
	letter-spacing: 0.05em;
	text-align:center;
}
.silver-partner, .gold-partner, .platinum-partner {
	width: 100%;
	display: block;
	border-radius: 1em 1em 0 0;
	text-align:center;
	padding: 0.25em 1em 0.175em 1em;
	margin: 0;
}
.silver-partner {background-color: #c8c8c8;}
.gold-partner {background-color: #e8b923;}
.platinum-partner {background-color: #a0b2c6;}

.partner-certified {text-align:right;}
.partner-certified::before {
	float: right;
	font-family: 'ETModules' !important;
	font-weight: 900!important;
	font-size: 1.25em;
	content: "\e078";
	margin: 0;
}

.partner-image {
	width: 100%;
	height: 60px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin: 1.25em auto 1em auto;
	padding: 0 1.5em;
}
.partner-image > img {
	max-width: calc(100% - 30%);
	max-height: 60px !important;
	display: block;
	margin: 0 auto;
}

.partner-company {
	font-size: 1.075em;
	font-weight:700;
	text-align:center;
	min-height: 3.25em;
	margin: 0 1em 0.125em 1em;
	padding: 0 1em;  
}
.partner-city {text-align:center;padding: 0 1.5em;}
.partner-country {text-align:center;padding: 0 1.5em;}
.partner-contact {text-align:center;margin-bottom: 0.175em;padding: 0 1.5em;}
.partner-phone {
	text-align:center;
}
.partner-phone::before {
  	font-family: 'FontAwesome' !important;
    font-weight: 900!important;
	content: "\f095";
	font-size: 0.9em;
	margin: 0 0.55em 0 0 ;
}

.partner-button-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.partner-button-web,
.partner-button-email {
	display: inline-block;
	background-color: #efefef;
	color: #1F1F1F;
	font-size: 0.85em;
	text-align: center;
    text-decoration: none;
	letter-spacing: 0.05em;
	padding: 0.5em 0.85em 0.4em 2.375em;
	margin: 1em auto 1.5em auto;
	border: 1.5px solid #cfcfcf;
	border-radius: 0.375em;
	cursor: pointer;
	white-space: nowrap;
	outline: 0;
	transition: all 300ms ease-in-out!important;
}
.partner-button-web:hover,
.partner-button-email:hover {
	background-color: #5f5f5f;
	color: #2dcaff;
}
.partner-button-web::before,
.partner-button-email::before {
    font-size: 0.85em;
	color: #2f2f2f;
	transition: color 300ms ease 0ms !important;
}
.partner-button-web::before {
	font-family: 'ETModules' !important;
	content: "\e0e3";
    margin: 0 0.55em 0 -1.8em;
}
.partner-button-email::before {
	font-family: 'ETModules' !important;
	content: "\e010";
    margin: 0 0.55em 0 -1.7em;
}
.partner-button-web:hover::before,
.partner-button-email:hover::before {
	color: #2dcaff !important;
}

hr {
	width: 100%;
	border: 0;
	border-bottom: dotted 1px #dfdfdf;
	margin: 0.25em 0 0 0;
}

.category-container {
	background-color: #fafafa;
    border-top: dotted 1px #dfdfdf;
	border-radius: 0 0 1em 1em;
	width: 100%;
	height: 2.85em;
	display: block;
	margin: 0;
    padding: 0.45em 0;
}
.category-box {
	width: calc(100% - 1em);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	justify-content: space-evenly;
}
.partner-tech, .partner-training, .partner-hosting {
	display: inline-block;
	border-radius: 1em;
    border: solid 0.75px #cfcfcf;
	font-size:0.75em;
	letter-spacing: 0.05em;
    line-height: 1.8;
	text-align:center;
	margin: 0.25em 0;
	padding: 0.0875em 0.725em 0 0.725em;
}
.partner-tech {background-color: #fdfdfd;}
.partner-training {background-color: #fdfdfd;}
.partner-hosting {background-color: #fdfdfd;}

@media screen and (max-width: 767px) {
	.partner-tier {
		font-size:0.85em;
	}
	.partner-company {
		font-size: 1.25em;
		min-height: 0;
		margin: 0 1em 0.125em 1em;
		padding: 0 1em;  
	}
    .partner-city,
    .partner-country,
    .partner-contact {
    	font-size: 1.125em;
	}
	.partner-phone::before {
		font-size: 0.85em;
	}
	.partner-website,
	.partner-email {text-align:center;}
	.partner-button-web,
	.partner-button-email {
		font-size: 0.95em;
		padding: 0.5em 0.85em 0.4em 2.375em;
		margin: 1em auto 1.5em auto;
	}
	.partner-button-web:hover,
	.partner-button-email:hover {
		background-color: #5f5f5f;
		color: #2dcaff;
	}
	.partner-button-web::before {
		font-size: 0.85em;
		margin: 0 0.55em 0 -1.8em;
	}
	.partner-button-email::before {
		font-size: 0.85em;
		margin: 0 0.55em 0 -1.7em;
	}

	.category-container {
		height: 2.75em;
		padding: 0.3em 0;
	}
	.partner-tech, .partner-training, .partner-hosting {
		font-size:0.85em;
		padding: 0.0875em 0.725em 0 0.725em;
	}
}