/* Styles for Abra Business Card Orders
----------------------------------------*/

/* clear fix
----------------------------------------*/

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

}



.page-id-5664 header.wraper_header, 
.page-id-5664 .wraper_inner_banner, 
.page-id-5664 .footer-top2, 
.page-id-5664 .footer-top3, 
.page-id-5664 .wraper_footer,
.parent-pageid-5664 header.wraper_header, 
.parent-pageid-5664 .wraper_inner_banner, 
.parent-pageid-5664 .footer-top2, 
.parent-pageid-5664 .footer-top3, 
.parent-pageid-5664 .wraper_footer {
	display:none !important;
}

.page-id-5664 .post-password-form,
.parent-pageid-5664 .post-password-form {
	margin:150px ;
}

h2.abrabc-title {
	margin:15px 0 !important;
}

.abrabc-powered {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	font-size:18px;
}

.abrabc-powered img{
	width:125px;
	height:auto;
	margin:0 0 0 25px;
}

.abrabc-order-cards {
	text-align:center;
	padding:0 0 25px;
}

.abrabc-order-cards a {
	padding:20px 30px;
	background:#00614C;
	text-decoration:none;
	color:#fff;
	line-height:1em;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
}

.abrabc-order-cards a:hover {
	background:#3D9C5D;
	text-decoration:none;
}

.abrabc-status-list {
	width:100%;
	max-width:100% !important;
}

.abrabc-status-list-header, .abrabc-status-list-rows {
	display:flex;
	flex-wrap:wrap;
}

.abrabc-status-list-header {
	background:#006E52;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.abrabc-status-list-rows {
	background:#f0f0e9;
}

.abrabc-status-list-rows:nth-child(odd) {
    background: #FEFEF8;
}

.abrabc-status-list-header-item, .abrabc-status-list-row-item {
	flex-basis: 11.11%;
	padding:10px;
}

.abrabc-status-list-row-item {
	text-align:center;
}

.abrabc-status-list-row-item.notes {
	text-align:left;
}

.abrabc-status-list-row-item.client-feedback {
	flex-basis:100%;
}

.abrabc-status-list-row-item.view-proof .abrabc-proof-preview {
	display:flex;
	padding:0;
	align-items:center;
	justify-content:center;
}

.abrabc-status-list-row-item.view-proof img {
	width:25px;
	height:auto;
	padding:0 5px 0 0;
}

.abrabc-status-list-row-item.view-proof a {
	line-height:1em;
	display:inline-block;
}

.abrabc-status-list-row-item.view-proof p {
	line-height:1em !important;
}

.abrabc-status-list-row-item p{
	margin:0 0 20px 0;
}

.abrabc-status-list-row-item p:last-child{
	margin: 0;
}

.abrabc-editor-controls {
	display:inline-block;
	padding:0 0 0 5px;
}

.abrabc-editor-controls a {
	font-size:12px;
	color:#00614C;
}

h3.completed-orders {
	text-align:center;
	margin:50px 0 10px 0 !important;
}


.abrabc-confirm-buttons {
	display:flex;
}

.abrabc-confirm-buttons a,
#gform_submit_button_1,
#gform_submit_button_2 {
	padding:20px 30px;
	background:#00614C;
	text-decoration:none;
	color:#fff;
	line-height:1em;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin:10px 20px 10px 0;
}

.abrabc-confirm-buttons a:hover,
#gform_submit_button_1:hover,
#gform_submit_button_2:hover {
	background:#3D9C5D;
	text-decoration:none;
}

.abrabc-proof-preview {
	text-align:center;
	padding:0 10px 10px;
}

.abrabc-proof-preview p{
	
	text-align:center;
	margin:0 0 8px;
}

.abrabc-proof-preview img{
	width:auto;
	height:150px;
	padding:0 0 10px 0;
}

.abrabc-proof-preview a{
	background:transparent !important;
	padding:0 !important;
	margin:0 !important;
	display:inline-block !important;
	border:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color:#333 !important;
	font-size:12px;
}

/* order form
----------------------------------------*/
#gform_fields_1.gform_fields {
	grid-row-gap: 20px !important;
  row-gap: 20px !important;
}

/* edit form
----------------------------------------*/
#gform_wrapper_2 .gform-footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#333;
	justify-content:center !important;
	z-index:99999999;
}

/* acf 
----------------------------------------*/
.acf-ui-datepicker #ui-datepicker-div, .page #ui-datepicker-div {
	background:#fff !important;
}

.page .ui-datepicker-header a span.ui-icon  {
	display:none !important;
}

/* responsive media queries
----------------------------------------*/
@media (min-width: 1800px){

}

@media (max-width: 1440px){

}

@media (min-width: 1240px) {

}

@media (max-width: 1239px) {

}

@media (min-width: 1024px) and (max-width: 1239px) {

}

@media (max-width: 1023px) {

}

@media (min-width: 960px) {

}

@media (max-width: 959px) {

}

@media (min-width: 768px ) and (max-width: 959px) {

}

@media (min-width: 481px ) and (max-width: 979px) {

}

@media (min-width: 768px){

}

@media (max-width: 767px) {

}

@media (min-width: 581px ) and (max-width: 959px) {

}

@media (max-width: 580px){

}

@media (min-width: 481px ) and (max-width: 767px) {

}

@media (min-width: 481px){

}

@media (max-width: 480px) {

}

@media (max-width : 320px) {

}

/* height queries
----------------------------------------*/
@media (max-height: 900px) {

}

@media (max-height: 800px) {

}

@media (max-height: 720px) {

}

@media (max-height: 640px) {

}

@media (max-height: 450px) {

}