/*--Form.php--*/
aside section[role="hero"] {
    max-height: 180px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.5);
    z-index: 1;
}
.shipping-details {
    margin-top: 10px;
    margin-bottom: 20px;
}
.shipping-original {
    margin-top: 10px;
    margin-bottom: 10px;
}
.shipping-new input[type="text"] {
    width: 210px;
    padding: 5px;
    margin-bottom: 10px;
}
.da_auth_form_container {
    margin-top: 40px;
}
.da_auth_billing_form {
    margin-bottom: 20px;
}
.accepted-cards {
    margin-bottom: 10px;
}
.accepted-cards p {
    margin-bottom: 10px;
}
/*.da_auth_form_container input {
    width: 210px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 5px;
    margin-right: 5px;
    font-size: .875em;
    border: 1px solid #6D6E70;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
}*/
p.edit_address_option, p.shipping-option {
    margin-bottom: 5px;
}
/*.shipping-new input:disabled {
    background-color: #e4e4e4;
}*/
.shipping_new{
    display: none;
}
.shipping_new + label:before{
    font-family: FontAwesome;
    content: "\f096";
    vertical-align: middle;
    font-size: 1.667em;
    color: var(--onyx);
    margin-right: 10px;
    transition: color 200ms;
}
.shipping_new:checked + label:before{
    content: "\f046";
    color: var(--citrine);
}
.shipping-details {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--onyx);
}
.da_auth_form_container input:disabled{
    background-color: #e4e4e4;
}
.da_auth_billing{
    display: none;
}
.da_auth_billing + label:before{
    font-family: FontAwesome;
    content: "\f096";
    vertical-align: middle;
    font-size: 1.667em;
    color: var(--onyx);
    margin-right: 10px;
    transition: color 200ms;
}
.da_auth_billing:checked + label:before{
    content: "\f046";
    color: var(--citrine);
}
.da_auth_form label {
    width: 140px;
    display: inline-block;
}
p.auth_total{
    font-weight: 600;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0px;
}
p a.button:hover{
    color: #fff;
}
button.resize-me:disabled{
    cursor: not-allowed;
}

/*--Resizing.pnp--*/
aside section[role="hero"] {
    max-height: 180px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.5);
    z-index: 1;
}
/*.resize_order {
    background-color: #fff;
    max-width: 600px;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
    box-sizing: border-box;
    margin: 40px auto;
}*/
.resize_order {
    margin: 40px auto;
    width: 1300px;
    max-width: 85%;
}
.resize_order p.intro {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #F1F1F1;
}
.resize_order p.warning {
    border-bottom: 1px solid #F1F1F1;
    font-size: 22px;
    text-align: center;
/*    color: var(--onyx);*/
}
p.warning-text {
    color: var(--onyx);
    margin-bottom: 5px;
}
.resize_form label {
    font-size: .9375em;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #414141;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
.resize_form input[type="text"]{
    font-size: .875em;
    color: #6D6E70;
    width: 100%;
    padding: 15px;
    border: 1px solid #6D6E70;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
}
.form-input{
	width: calc(50% - 10px);
	float: left;
}
.form-input.last{
	float: right;
}
.ordered-item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}
.resize_order h2 {
    background: var(--onyx);
    color: #fff;
    padding: 10px;
    /*margin-top: 40px;*/
    margin-top: 10px;
}
.ordered-item p.item_name, .order_new_details p.item_name, p.extra_notes_label {
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.3em;
}
	.order_new_details p span {
	    font-weight: 600;
	}
	.ordered-item p.item_name span, .order_new_details p.item_name span {
	    font-weight: 300;
	    font-size: 0.75em;
	    color: #2a4e6f;
	    text-decoration: underline;
	    cursor: pointer;
	    margin-left: 5px;
	}
p.new_size{
	display: none;
}
.editable p.new_size, .order_edit p.new_size{
	display: block;
}
.editable p.new_size select{
    border: 1px solid #000;
    padding: 4px 22px 4px 6px;
    margin-left: 10px;
/*	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    padding: 7px !important;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 55px;
    color: #fff;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    background-color: var(--onyx);*/
}

/*.ordered-item input[type="text"]{
    width: initial;
    padding: 2px;
    padding-left: 5px;
    margin-left: 5px;
    font-size: .875em;
    border: 1px solid #6D6E70;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
}
.ordered-item input:disabled {
	background-color: #e4e4e4;
}*/
.engrave_p {
	display: none;
    margin-top: 5px;
}
	.ordered-item .engrave_p span{
		font-weight: 300;
	}
.editable .engrave_p{
	display: block;
}
.engrave_me_box{
    display: none;
}
.engrave_me_box + label:before{
    font-family: FontAwesome;
    content: "\f096";
    vertical-align: middle;
    font-size: 1.667em;
    color: var(--onyx);
    margin-right: 10px;
    transition: color 200ms;
}
.engrave_me_box:checked + label:before{
    content: "\f046";
    color: var(--citrine);
}
.order_edit {
    margin-bottom: 10px;
}

.changes-details{
	clear: both;
}
.changes-details h3{
	margin-top: 10px;
	margin-bottom: 10px;
}
textarea#order_notes {
    width: 416px;
    padding: 5px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
    font-size: 13px;
    border: 1px solid #6D6E70;
    border-radius: 4px;
    max-width: 100%;
}
p.edits_total{
    font-weight: 600;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 10px;
}
.shipping_total, .engravigns_total, .resize_total{
	font-weight: 600;
}
.resize_total{
    margin-top: 10px;
}
.edits_total_container .da_auth_form_container.container{
	padding: 0px;
}
p.ship-to {
    font-weight: 700;
}

/*--Extend CSS--*/
.ordered-item .logo-container{
    align-items: center;
    display: flex;
    width: 280px;
    max-width: 100%;
    justify-content: space-between;
    margin-top: 20px;
}
.ordered-item .logo {
    max-width: 45%;
/*    height: 6rem;*/
}
.ordered-item .plus {
    opacity: 0.75;
    width: 5%;
}
.ordered-item .merchant-logo {
/*    max-height: 6rem;*/
    max-width: 45%;
}