/* General */



.welcome-text {



	width: 50%;



	margin-bottom: 50px;



	font-size: 16px;



}



.col-3-wrapper{



	overflow: hidden;



	display: block;



	width: 100%;



}



.col-3-wrapper p {



	font-size: 14px;



}



.col-3 {



	float: left;



	width: 30%;



	max-width: 480px;



	margin-right: 3%;



}



.col-3 .button-primary {



	height: 36px;



	line-height: 34px;



	padding: 0 18px 1px;



	font-size: 14px;



}



 .active-style {



	position: absolute;



	top: 0;



	right: 0;



	width: 100%;



	height: 38px;



	line-height: 38px;



	padding: 0;



	color: #fff;



	font-size: 14px;



	letter-spacing: 0.7px;



	font-weight: 600;



	background-color: #0085BA;



	text-align: center;



	cursor: default;



}



/* Recommended Plugins */



.col-3-wrapper .plugins-description {



	margin-top: 20px !important;



	margin-right: 90px !important;



}



.col-3-wrapper .plugins-description p {



	font-size: 13px !important;



	margin-bottom: 0 !important;



}



.col-3-wrapper .url-action {



	width: auto !important;



}



/* Free vs Pro */



.free-vs-pro-table {



  width: 77%;



}



.free-vs-pro-table th {



  padding-right: 0;



  padding-left: 8px;



  font-size: 1.2em;



}



.free-vs-pro-table thead th:first-child {



  text-align: left;



  padding-left: 0 !important;



}



.free-vs-pro-table thead th {



  vertical-align: middle;



}



.free-vs-pro-table th,



.compare-icon {



  text-align: center;



}



.free-vs-pro-table td {



  width: 40%;



  padding: 20px 0 25px;



  border-top: 1px solid #ccc;



}



.free-vs-pro-table tr:last-child td {



	text-align: right;



}



.free-vs-pro-table h3 {



  margin: 0 !important;



}



.free-vs-pro-table td p {



  max-width: 450px;



}



.free-vs-pro-table .only-pro {



	color: red;



}



.compare-icon span:before {



  font-size: 25px;



}



.compare-icon .dashicons-yes {



  color: green;



}



.compare-icon .dashicons-no {



  color: red;



}



/*changelog*/



pre.changelog {



	background-color: #f5f5f5;



	background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);



	background-size: 38px 38px;



	border: 1px solid #d4d4d4;



	display: block;



	font-size: 12px;



	line-height: 19px;



	overflow-x: visible;



	overflow-y: hidden;



	margin: 40px 0 0;



	padding: 10px;



}



.info-wrap .col-3-wrapper p{

	margin-top: 2em;

}

.info-wrap .col-3-wrapper h3{

	margin-top: 2em;

}



.info-wrap pre.changelog{



	width: 48%;



}

.info-wrap a.nav-tab:focus{



	outline: 0;



	box-shadow: none;



}

.info-wrap .dashicons{

	color: #ffac3a;

}





/* Recommended Plugins */



.col-3-wrapper .plugin-card {



	position: relative;



	width: 30% !important;



	min-height: 170px;



	padding: 20px;



	margin-right: 1% !important;



	margin-left: 0 !important;



	clear: none !important;



}



.col-3-wrapper .column-description {



	margin-top: 20px !important;



	margin-right: 90px !important;



}



.col-3-wrapper .column-description p {



	font-size: 13px !important;



	margin-bottom: 0 !important;



}



.col-3-wrapper .action-links {



	 width: auto !important;



}



/* Responsive */



@media screen and ( max-width: 1600px ) {



	.col-3-wrapper .plugin-card {

		width: 49% !important;

	}

}





@media screen and ( max-width: 1360px ) {



	.free-vs-pro-table {

		width: 80% !important;

	}

}



@media screen and ( max-width: 1160px ) {



	.col-3-wrapper .plugin-card {

		width: 100% !important;

		margin-right: 0 !important;

	}

}



@media screen and ( max-width: 790px ) {



	.col-3{



		float: none !important;



		width: 100% !important;



		margin-right: 0 !important;



	}

	.info-wrap pre.changelog{



	width: 75%;

}



}

