Server IP : 103.53.40.154 / Your IP : 3.15.143.18 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/powergainer.online/../deergham.com/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
.cart_main, .cart_main-header { margin-bottom: 30px } .cart_main-list { margin-bottom: 40px } .cart_main-list_item { /*margin-bottom: 30px;*/ border: 1px solid ; width: 100% } .cart_main-list_item .wrapper { background: #fff; padding: 15px; -webkit-box-shadow: 0 0 15px rgba(37, 143, 103, .1); box-shadow: 0 0 15px rgba(37, 143, 103, .1); border-radius: 16px } .cart_main-list_item .wrapper .price { font-family: NunitoSans, sans-serif; font-weight: 800; font-size: 20px; line-height: 1.3; color: #214842 } .cart_main-list_item .wrapper .price_wrapper { width: 50% } .cart_main-list_item .wrapper .price_wrapper .title { color: #c6c6c6; font-size: 14px; font-weight: 500; font-family: Montserrat, sans-serif; margin-bottom: 5px } .cart_main-list_item .wrapper .price--old { text-decoration: line-through; color: #c6c6c6; margin-bottom: 5px; font-weight: 700 } .cart_main-list_item .wrapper .price--total { color: #258f67; font-size: 24px; line-height: 1.1 } .cart_main-list_item .wrapper_item { margin-bottom: 10px } .cart_main-list_item .wrapper_item-media { border-radius: 16px; overflow: hidden; margin-right: 15px } .cart_main-list_item .wrapper_item-info { width: calc(100% - 95px) } .cart_main-list_item .wrapper_item-info .title { margin-bottom: 5px } .cart_main-list_item .close { color: #c6c6c6; margin-top: 10px; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; font-size: 20px } .cart_main-list_item .close:focus, .cart_main-list_item .close:hover { color: #556260 } .cart_main-action .btn--underline { margin-bottom: 20px } .cart_summary { padding: 30px; -webkit-box-shadow: 0 0 15px rgba(37, 143, 103, .1); box-shadow: 0 0 15px rgba(37, 143, 103, .1); border-radius: 16px } .cart_summary-header { margin-bottom: 30px } .cart_summary-table { font-family: NunitoSans, sans-serif; font-weight: 700; color: #214842; font-size: 17px; line-height: 1.3 } .cart_summary-table_row { margin-bottom: 15px } .cart_summary-table_row:last-of-type { margin-bottom: 0 } .cart_summary-table_row--total { margin-top: 30px; font-size: 20px; line-height: 1.3 } .cart_summary-form { margin-bottom: 30px } .cart_summary-form_field, .cart_summary-form_header { margin-bottom: 20px } .cart_summary-form_field { width: 100%; border: 1px solid #c6c6c6; border-radius: 24px; padding: 13px 20px; height: 48px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .cart_summary-form_field::-webkit-input-placeholder { font-size: 14px; color: #214842; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .cart_summary-form_field::-moz-placeholder { font-size: 14px; color: #214842; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .cart_summary-form_field:-ms-input-placeholder { font-size: 14px; color: #214842; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .cart_summary-form_field::-ms-input-placeholder { font-size: 14px; color: #214842; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .cart_summary-form_field::placeholder { font-size: 14px; color: #214842; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .cart_summary-form_field:focus { border-color: #214842 } .cart_summary-form_field:focus::-webkit-input-placeholder { opacity: 0 } .cart_summary-form_field:focus::-moz-placeholder { opacity: 0 } .cart_summary-form_field:focus:-ms-input-placeholder { opacity: 0 } .cart_summary-form_field:focus::-ms-input-placeholder { opacity: 0 } .cart_summary-form_field:focus::placeholder { opacity: 0 } .cart_summary-btn { margin-top: 30px; width: 100% } @media screen and (min-width:575.98px) { .cart_main-list_item .wrapper { position: relative } .cart_main-list_item .wrapper_item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-width: 100% } .cart_main-list_item .wrapper .price_wrapper { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: unset } .cart_main-list_item .wrapper .price_wrapper--subtotal { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right } .cart_main-list_item .qty { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 0; margin-left: 60px } .cart_main-list_item .close { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0; position: absolute; top: 15px; right: 15px } .cart_main-action .btn--underline { margin-bottom: 0 } } @media screen and (min-width:767.98px) { .cart_main { width: calc(100% - 330px) } .cart_summary { max-width: 300px; height: -webkit-max-content; height: -moz-max-content; height: max-content } } @media screen and (min-width:991.98px) { .cart_main { width: calc(100% - 400px) } .cart_main-header { margin: 0 0 40px } .cart_main-list_item .wrapper { padding: 5px 30px } .cart_main-list_item .wrapper .close { top: 30px; right: 30px } .cart_main-list_item .wrapper .price { font-size: 22px } .cart_main-list_item .wrapper .price--total { font-size: 28px } .cart_summary { max-width: 340px; padding: 40px } .cart_summary-table_row--total { font-size: 22px } } @media screen and (min-width:1199.98px) { .cart_main-list_item .wrapper .qty { margin-left: 0 } .cart_main-list_item .wrapper .price--old { margin-bottom: 15px } .cart_main-list_item .wrapper .price_wrapper--subtotal { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; text-align: left } .cart_main-list_item .wrapper_item { min-width: unset } .cart_main-list_item .wrapper_item-media { width: 140px; height: 75px; margin-right: 30px } .cart_main-list_item .wrapper_item-info { max-width: 200px } } @media screen and (min-width:1399.98px) { .cart_main-list_item .wrapper .close { position: static; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } }