div#addonpayments { text-align: center; max-width:600px; margin: 0 auto; } form.pure-form{ padding: 0.50em; } #addonpayments span#addon_price { font-weight: 600; font-size: 1.30em; color: #6d6d6d; } #addonpayments span#sub-text-price { color: #b7b7b7; font-weight: 500; } #addonpayments span#colum_title { font-weight: 600; color: #6d6d6d; font-size: 1.2em; } #addonpayments span#colum_title_comment { font-weight: 600; color: #6d6d6d; font-size: 1.2em; } #addonpayments .select2-container--default .select2-selection--single .select2-selection__rendered{ text-align: left; line-height: 41px; } #addonpayments span.select2-selection.select2-selection--single, #addonpayments span#select2-shipping_country-container.select2-selection__rendered{ height: 42px; } #addonpayments:after { content: ""; display: table; clear: both; } #addonpayments .column { float: left; width: 50%; padding: 8px; } #addonpayments .column-full { width: 100%; padding: 0 8px; } #addonpayments .column-1 { width: 100%; padding: 0 8px; } #addonpayments .clear { clear: both; } .pure-form .pure-input-1-2, span.select2.select2-container.select2-container--default{ width: 100% !important; } button.pure-button.pure-input-1-2.pure-button-primary{ /*max-width: 500px;*/ width: 100%; margin-top: 32px; padding: 15px 8px; } #addonpayments form.pure-form{ margin-top: 2.0em; } #addonpayments .ui-accordion{ background-color: #ededed; margin-top: 22px; } #addonpayments h3{ font-weight: 500; } #addonpayments h3:first-child { padding: 9px; } #addonpayments ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #DADFE1; font-weight: 100; } #addonpayments :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #DADFE1; opacity: 1; font-weight: 100; } #addonpayments ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #DADFE1; opacity: 1; font-weight: 100; } #addonpayments :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #DADFE1; font-weight: 100; } #addonpayments ::-ms-input-placeholder { /* Microsoft Edge */ color: #DADFE1; font-weight: 100; } #addonpayments form { background-color: #fff; border-style: solid; border-width: 1px; border-color: rgb(230, 231, 239); } #addonpayments button:hover{ background-color: #27ae60; border-color: #27ae60; color: #ffffff; font-weight: 600; } .addonp-thanks { width: auto; border: 1px solid #26A65B; padding: 25px; margin: 25px; background-color: #16A085; color: #ffffff; text-align: center; font-size: 2.4em; font-weight: 600; } .addonp-check { width: auto; border: 1px solid #E87E04; padding: 25px; margin: 25px; background-color: #FABE58; color: #ffffff; text-align: center; font-size: 2.4em; font-weight: 600; } .addonp-error { width: auto; border: 1px solid #96281B; padding: 25px; margin: 25px; background-color: #EC644B; color: #ffffff; text-align: center; font-size: 2.4em; font-weight: 600; } .addonp-check a.addonp-button, .addonp-thanks a.addonp-button, .addonp-error a.addonp-button { color: white; background: #0078e7; padding: 10px 20px; display: block; margin: 10px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; } .addonp-check a.addonp-button:hover, .addonp-thanks a.addonp-button:hover, .addonp-error a.addonp-button:hover { color: white; background: #59ABE3; padding: 10px 20px; display: block; margin: 10px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; } @media only screen and (max-width: 768px) { #addonpayments .column, #addonpayments .column-full { float: left; width: 100%; padding: 0px; } #addonpayments span#colum_title_comment { font-weight: 600; color: #6d6d6d; font-size: 1.2em; } }