/*
Theme Name:		 Pixelated Orange Repo Website
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 Pixelated Orange Repo
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap');


body{background: linear-gradient(9deg,rgba(217, 124, 17, 1) 0%, rgba(247, 148, 33, 1) 100%);  font-family: 'Lato', sans-serif; min-height: 100vh}

.panel-content, .site-content-contain{background-color: transparent}

.entry-content{float: none!important; width: 100%!important}

.wrap{max-width: 1000px;
	padding-left: 3em;
	padding-right: 3em; margin: 0px auto}
	
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

.logo{padding: 20px; background-color: #ffffff; border-radius: 10px; line-height: 0; text-align: center; box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);}

.logo img{max-width: 400px; margin: 0px auto}

.po-plugins-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:30px;
	margin-top:40px;
}

.po-plugin-card{
	padding:25px;
	border:1px solid #eee;
	border-radius:10px;
	background:#fff;

	display:flex;
	flex-direction:column;
	height:100%;
	box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
}

.po-plugin-card h3{
	margin:0 0 10px; font-weight: 700; text-transform: uppercase
}

.po-version{
	font-size:14px;
	color:#777;
	margin-bottom:15px;
}

.po-download-btn{
	display:inline-block;
	margin-top:auto;
	padding:10px 16px;
	background:#000;
	color:#fff;
	text-decoration:none;
	border-radius:100px;
	width:100%;
	text-align:center;
	box-shadow:none!important;
	text-transform:uppercase;
	font-weight:700;
	-webkit-transition: all 0.8s!important; transition: all 0.4s!important;
}

.po-download-btn:hover{background-color: #e99940; color: #ffffff}

.custom-password-form{margin-top:40px}

.password-form p:not(:last-child){text-align: center; color: #ffffff; font-weight: 700}

.password-form p:last-child{display: flex; gap: 20px; align-items: flex-end}

.password-form p:last-child label{margin-bottom:0px; flex: 1}

.password-form p:last-child input{width: 200px; font-size: 16px; border-radius: 6px; border: none!important;  font-family: 'Lato', sans-serif; text-transform: uppercase}

.password-form p:last-child label input{width: 100%; border-radius: 6px; border: none;  font-family: 'Lato', sans-serif;}


.post-password-form p:last-child{display: flex; gap: 20px; flex-wrap: wrap}

.post-password-form p:last-child label{width: 100%!important; display: block}

.post-password-form p:last-child input{padding: 10px; margin-top:10px}

.post-password-form p:last-child input[type=submit]{background-color: #ffffff; text-transform: uppercase; font-weight: 700; border:none;  box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.62); -webkit-transition: all 0.8s!important; transition: all 0.4s!important;}
	
	.post-password-form p:last-child input[type=submit]:hover{background-color: #000000; color: #ffffff}