/*Normal*/ .woocommerce a.new.button { text-transform: uppercase;color: #ffffff;font-weight: bold;background:#7a5171;box-shadow:none;text-shadow: 0 0 0 transparent; min-width: 80%; text-align:center; } .woocommerce a.new.button:hover { background:#5b3f56;color: #fff;text-shadow: none; } .woocommerce input.new.button { text-transform: uppercase;color: #ffffff;font-weight: bold;background:#7a5171;box-shadow:none;text-shadow: 0 0 0 transparent; } .woocommerce input.new.button:hover { background:#5b3f56;color: #fff;text-shadow: none; } .woocommerce div.new.button { text-transform: uppercase;color: #ffffff;font-weight: bold;background:#7a5171;box-shadow:none;text-shadow: 0 0 0 transparent; } .woocommerce div.new.button:hover { background:#5b3f56;color: #fff;text-shadow: none; } /*Inverted*/ .woocommerce input.new.inverted.button { background:#523D26;color: #fff; } .woocommerce input.new.inverted.button:hover { background:transparent;color: #523D26;} .woocommerce a.new.inverted.button { background:#523D26;color: #fff; } .woocommerce a.new.inverted.button:hover { background:transparent;color: #523D26;} .woocommerce div.new.inverted.button { background:#523D26;color: #fff; } .woocommerce div.new.inverted.button:hover { background:transparent;color: #523D26;} /*Button Sizes*/ .big.new.button { font-size: 18px;padding: 10px 15px; background-color:#7a5171; } .custom-select { border-radius: 3px;overflow: hidden;background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 94% 50%; } .custom-select select { height:40px;overflow:hidden;background:transparent;-moz-border-radius:5px;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;box-shadow:none;background-image:none;-webkit-appearance:none;margin:0;border:1px solid #5b3f56;border-radius:5px;padding: 0 40px 0 10px;width:100%;-moz-appearance: none;text-indent: 0.01px; } .custom-select select:focus { outline: none; } .update-subscription .shipping-date { background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 94% 50%; } .stuck { position: fixed; } .form-title { color: #523D26; font-weight: bold; text-transform: uppercase; border: none; padding: 0; font-size: 20px; border-bottom: 1px solid #dcdcdc; margin: 40px 0 8px 0; } .flex-parent .form-table th { width:auto !important; padding:20px 0px 0px 0 !important; } input[type=password] { padding: .236em .5em; border: 1px solid #c4c0bf; -webkit-border-radius: 0.125em; border-radius: 0.125em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 1em; line-height: 1.618em; font-family: inherit; outline: none; margin: 0 0em; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d4d3, 0 1px #ffffff; box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d4d3, 0 1px #ffffff; } input[disabled=disabled] { color:#A3A3A3;background: #EEEEEE;cursor: not-allowed; } .hidden-field { display: none;} #wpwrap div.notice, #wpwrap div.error { /* display:none; */ } /*Colors*/ .orange { color: #523D26 }; .ui-datepicker { background: #fff;padding: 20px;box-shadow: 1px 1px 7px;} /* [ II ]------------------>>>>>>> ACCOUNT GLOBALS <<<<<<<----------------------- ==================================================================================== */ /*Nav*/ nav#my-account { width: 100%;background: #384446;text-align: center;padding: 8px 0;} nav#my-account ul { display: inline; } nav#my-account li { display: inline-block;padding: 0 10px; } nav#my-account li:last-of-type { border-right: none; } nav#my-account a { color:#fff;font-weight: bold;text-transform: uppercase;font-size: 16px; } nav#my-account a:hover { border-bottom:2px white solid; } nav#my-account a.active { } .go-back { color:#523D26;float:right;font-size:12px;font-weight: bold; } /*Headers/Titles*/ .woocommerce-account .page-heading h1 { color: #523D26;font-weight: bold; } .woocommerce-account .page-content h2 { color: #523D26;font-weight: bold;text-transform: uppercase;border:none;padding: 0;} .account-title { padding-bottom: 10px; } /*CallOuts*/ .woocommerce-account .need-help { background: #523D26;width: 190px;border-radius: 8px;padding: 10px 35px;text-align: center;margin: 0 auto;} .woocommerce-account .need-help p { font-size: 22px;color:#fff;font-weight: bold;line-height: 22px;margin: 0; } .woocommerce-account .need-help span { font-size: 16px;color:#fff;font-weight: bold;line-height: 22px; } .title .edit { margin: 10px 0 0 0; border: 1px solid #e4e4e4; padding: 2px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 18px; } /* [ III ]------------------>>>>>>> ACCOUNT DASHBOARD <<<<<<<----------------------- ==================================================================================== */ .order-items img { float: left;margin-right: 8px; } .change-password { font-weight: bold;color:#523D26; } /*Subscriptions*/ #your-subscriptions h2 { color: #523D26;font-weight: bold;text-transform: uppercase;border:none;padding: 0;margin: 0;float: left; } #your-subscriptions .order-actions { float: right; } .view-order-link { font-weight: bold;color:#523D26; } .inactive-subscription { background-color: rgb(112, 0, 0); color: #fff; border-radius: 9px; text-align: center; line-height: 18px; padding: 10px; font-weight: bold; } .inactive-subscription p {color: #fff; margin-bottom: 5px; line-height: 18px; border-bottom: 1px solid #fff; padding-bottom: 7px; } /* [ IV ]------------------>>>>>>> ACCOUNT INFO <<<<<<<----------------------- ==================================================================================== */ .woocommerce-account p.myaccount_address { padding-bottom: 0px; } .woocommerce-account .my-info .edit { margin-left: 15px; } .woocommerce-account .my-info.title h2 { margin-top: 0;float:left;font-size: 50px; } .woocommerce-account .my-info.title h3 { margin-top: 0;float:left;font-size: 28px; } .woocommerce-account .manage-payment-title { } .woocommerce-account .manage-payment-title h2 { float: left;margin-top: 0; } .woocommerce-account .manage-payment-title .order-actions { float: right; } .woocommerce-account .cim-payment-method-actions {display: none;} .woocommerce-account h2#cim-my-payment-methods { clear: both; } /* [ V ]------------------>>>>>>> ACCOUNT ADRESSES <<<<<<<----------------------- ==================================================================================== */ .woocommerce-account form #billing_country_field { display: none; } .woocommerce-account form #shipping_country_field { display: none; } /* [ ?? ]---------------->>>>>>> ACCOUNT - MANAGE PAYMENTS <<<<<<<--------------------- ==================================================================================== */ #add-new-card h2.title { font-size: 28px; } .my-account-cim-payment-methods .cim-delete-payment-method {display: none;} /* [ IV ]----------->>>>>>> ONE STEP CHECKOUT/EDIT SUBSCRIPTION <<<<<<<------------- ==================================================================================== */ /*Style for the edit subscription information tabbs*/ .coffee-preview img { max-width: 200px; max-height: 220px;} .table-hr {width: 80%; text-align: center;} #onepagecheckout { } #onepagecheckout .actions { clear: both; margin-left:3%;text-align: center;} #onepagecheckout .add-coffee { clear: both;display: block; } #onepagecheckout .step-wrapper .content { position:relative;/*margin-left: 70px;*/display: none; } #onepagecheckout .step-wrapper.inactive .edit { display: none; } #onepagecheckout .step-wrapper.active .edit { display: none; } #onepagecheckout .step-wrapper .edit { display: none;margin-left: 10px;position: relative;top: 8px;cursor:pointer; } /* #onepagecheckout .step-wrapper.active { border: 8px solid #523D26; } */ #onepagecheckout .step-wrapper.active .content { display:block;} #onepagecheckout button {border: none;} #coupon_message { border: 2px solid yellow; padding: 1% 1%; color: red; } li > :not(.free-pound-checkout) input[value=flat_rate] { display:none } /*One Page Checkout Form*/ .onepagecheckout-form #order_review .woocommerce-remove-coupon { display: none; } .onepagecheckout-form { display: none;} #edit-subscription { } /*Globals*/ .step-wrapper { border-radius: 5px;-moz-border-radius:5px;background:#ffffff;width: 100%;-moz-box-sizing:border-box;box-sizing:border-box;padding: 35px ;margin:20px 0; } .step-wrapper .title {width:100%;margin-bottom:10px;font-weight: 500; } .step-wrapper .step { border-radius: 50%;width: 60px;height: 60px;border:5px solid #523D26;text-align: center;float: left;line-height: 25px } .step-wrapper .step span { line-height:47px;width:50px;color:#523D26;font-weight: normal;font-size: 35px; } .step-wrapper .step-title {line-height:50px;font-size:26px;color:#3a4547;/*padding-left: 10px;*/ } .step-wrapper .step-help-text {color: #7a5171; /*max-width: 48%;*/} .step-wrapper .title {/*float:left;font-size:26px;*/color:#000; } .woocommerce a.new.big.next.button { background:#7a5171;color:#fff; } .woocommerce a.new.big.next.button:hover { background:#5b3f56; } .choose-subscription .subscriptions { margin-left: -80px;margin-top: 20px;} .choose-subscription .actions { margin-left: -71px; } /*Free Pound Steps*/ .free-pound-steps { background: #fff; } .free-pound-steps.stuck { top: 50px;z-index: 99; } .free-pound-steps ul {margin:20px 16px; } .free-pound-steps li { list-style:disc;line-height:30px;color:#523D26; } .free-pound-steps a { } .woocommerce-account .page-content .free-pound-steps h2 { margin-top: 0px; } /*Choose Coffee*/ .choose-coffee { position: relative; } .choose-coffee > .content {z-index:1;} .choose-coffee .coffee-options { width: 40%;float:left; } .choose-coffee .coffee-types { margin-bottom:40px; } .choose-coffee .coffee-types.custom-select { border: 1px solid #85a9b0; } .choose-coffee .coffee-grind { margin-bottom:40px; } .choose-coffee .coffee-grind select { text-transform: capitalize; } .choose-coffee .product-image { } .choose-coffee .product-info { } .choose-coffee .coffee-status { font-weight: bold; margin-top: 1.25%; margin-left:1%; margin-bottom:1%; font-size: 18px; } .choose-coffee .coffee-status .current-coffee-step { color:#7a5171; } #edit-subscription .choose-coffee .coffee-img,#add-subscription-product .choose-coffee .coffee-img { float:right;top:-50px;padding-right:28px; } @media all and (max-width: 760px) { .choose-coffee .coffee-options { width: 90%; } } /*Choose Free Pound*/ .choose-free-pound { position: relative; } .choose-free-pound .coffee-options { width: 40%;float:left; } .choose-free-pound .coffee-types { margin-bottom:40px; color:#3a4547;} .choose-free-pound .coffee-types.custom-select { border: 1px solid #81abb0; } .choose-free-pound .coffee-grind { margin-bottom:40px; } .choose-free-pound .coffee-grind select { text-transform: capitalize; } .choose-free-pound .coffee-img { float:right;width:490px;position:absolute;right:0;top:-140px;padding-right:0; } .choose-free-pound .coffee-status { font-weight: bold;position: absolute;top: -48px;left: 265px; } #edit-subscription .choose-free-pound .coffee-img,#add-subscription-product .choose-free-pound .coffee-img { float:right;top:-50px;padding-right:28px; } @media all and (max-width: 675px) { .choose-free-pound .coffee-options { width: 90%; } } /*Subscription*/ .choose-subscription .subscription { margin-left:10%; background: #fff;padding: 5%;cursor: pointer;color: #000;-moz-box-sizing:border-box;box-sizing:border-box; } .choose-subscription .subscription:hover { background-color: #ffffff;outline-color: #7a5171;outline-style: solid;outline-width: 2px;} .choose-subscription .subscription title:hover { background-color: rgba(122, 81, 113, 0.75);color:#ffffff; } .choose-subscription .subscription.active { background-color:rgba(251,246,243, 1); } .choose-subscription .subscription h1.active { color:#ffffff; } .choose-subscription .subscription span.active { color:#ffffff; } .choose-subscription .subscription .title { color:#2a2e30; font-size: 2.5em;margin-bottom: 2px;/*font-weight: 500;*/ text-align: center; } .choose-subscription .subscription .price { color: #3a4547;font-weight: 500;font-size: 1.25em; text-align: center;} .choose-subscription .subscription .shipping { font-size: 1em; text-align: center; clear:both;} .choose-subscription .subscription .product-image /*{ margin-top: 30px;*/ } .choose-subscription .subscription .big.new.button { margin-top: 10%; margin-left:10%; } /*.choose-subscription .subscription .product-image img { float: left; } */ .choose-subscription .subscription .product-image:nth-child(2n) img { margin-left: -10px; } /*Frequency*/ .choose-subscription .choose-frequency { width: 40%; } /*Edit Subscription*/ #edit-subscription .remove-coffee { color:red;cursor: pointer; } #edit-subscription .remove-coffee:hover { color: #2c3355; } #edit-subscription .remove-coffee .remove { display: inline-block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: red; text-decoration: none; font-weight: bold; } #edit-subscription .choose-coffee .shipping-frequency { width: 60%;float: left;margin-bottom: 5px; } #edit-subscription .subscription-address { width: 60%;float: left; } #edit-subscription .step-wrapper { margin: 60px 0 20px 0; } #edit-subscription .choose-coffee .shipping-frequency .coffee-types { margin-bottom: 10px; } #edit-subscription .shipping-date input { border: 1px solid #523D26; } #edit-subscription .step-wrapper:first-of-type { margin-top: 0; } /*Edit Subscription Menu*/ #edit-subscription #tabs { display: none; } #edit-subscription .ui-tabs .ui-tabs-nav { width:100%; border-bottom: 3px solid #3a4547; } /* TJ MY-Account menubar margin-botton fix for mobile */ /* #edit-subscription .ui-tabs .ui-tabs-nav li {margin: 0 0 13px 0;} */ #edit-subscription .ui-tabs .ui-tabs-nav li a:focus { outline: 0; border: none; -moz-outline-style: none; } #edit-subscription .ui-tabs .ui-tabs-nav li a:hover { text-decoration:none; background-color:#f9f9f9; background-color:#aecfd1; } #edit-subscription .ui-tabs .ui-tabs-nav li a { color:#384446; line-height:16px; padding:3%; font-size:x-large; font-weight: 800; margin-top:0px; } #edit-subscription .ui-tabs .ui-tabs-nav li.ui-state-active a { background: #3a4547; color: #ffffff; padding: 3%; } #edit-subscription .subscription-tabs ul { margin:0; } #edit-subscription .subscription-tabs ul li { height: fit-content; } .ui-tabs .ui-tabs-nav { display: flex; } .ui-tabs .ui-tabs-nav li { flex: 1; display: flex; /* If placed in a small width sidebar or something like that disabling nowrap will fix the overflow issue */ white-space: normal; } .ui-tabs .ui-tabs-nav li a { flex: 1; /* If you want to align tab titles center */ text-align: center; } /* TJ Subscription Overview on checkout edits */ @media all and (max-width: 760px) {#subscription-info .title { background-color: #aecfd1;width: 120%;padding: 5%;margin-top: -2%;margin-left: -10%;margin-bottom: 2%;margin-right: -2%;} } /* TJ Billing info in checkout styling edits*/ #customer_details .woocommerce-billing-fields {background-color: #fff;padding: 2%; /*border-style: solid; border-color: #b4b8b0;*/} #customer_details .woocommerce-billing-details>h3 { background-color:#aecfd1; color:#3a4547;} #order_review_heading {background-color: #ffffff;padding: 2%; /*border-style: solid; border-weight: 2px; border-color: #b4b8b0;*/} #order_review .woocommerce-checkout-review-order {background-color: #ffffff;padding: 2%; border-style: solid; border-weight: 2px; border-color: #b4b8b0;} .shop_table .woocommerce-checkout-review-order-table {background-color: #fff;padding: 2%;} .woocommerce-checkout-review-order-table{background-color: #ffffff;padding: 2%;} #customer_details .col-2 {background-color:#ffffff; border-style: solid; border-weight: 2px; border-color: #b4b8b0; padding: 2%;} ul .wc_payment_methods .payment_methods .methods {background-color:#ffffff; } .wc_payment_method .payment_method_authorize_net_cim_credit_card {background-color:#ffffff;} #payment .payment_methods li .payment_box, #payment .place-order { background-color: #ffffff; } .wc_payment_methods .payment_methods .methods {background-color: #ffffff;} #payment .payment_methods > li:not(.woocommerce-notice) { background-color:#ffffff;} /* End of TJ CHECKOUT Styling */ /* Beginning of TJ MY-Account Edits */ .woocommerce-MyAccount-navigation {background-color:#ffffff;width: 50%; float: left; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li {background-color: #ffffff; padding: 1%; margin-top: 1%;} div.payment-method{ margin: 30px; position: relative; overflow: hidden; height: 331px; width: 416px; } iframe.payment-method{ position: absolute; top: -306px; height: 723px; width:378px; } @media all and (max-width: 675px) { #edit-subscription .subscription-tabs ul li { width:100%; } #edit-subscription .subscription-tabs ul li:first-of-type {background-color: #aecfd1;} #edit-subscription .ui-tabs .ui-tabs-nav li a { white-space:nowrap; } #edit-subscription .ui-tabs .ui-tabs-nav li.ui-state-active { background-color: transparent;} .subscription-box-header span.title {font-size: 2em; padding-right:5%; min-width: 400px; } } .ui-datepicker-div { padding: 20px;background: #fff; } table.ui-datepicker-calendar .shipping_available { /* background-color: #ffffff !important; */ background-color: rgba(23, 129, 23, 0.526) !important; font-weight:800; color: #ffffff; font-size: 1.2em; opacity:1.0; } table.ui-datepicker-calendar .shipping_available a { font-weight: 600; } table.ui-datepicker-calendar .ui-datepicker-unselectable { opacity: 0.5; background-color: #D6D6D6; } .ui-datepicker-calendar .ui-datepicker-today { background-color: rgba(0, 116, 210, 0.3) !important; } table.ui-datepicker-calendar th { background-color: #ffffff; } #edit-subscription .add-subscription-product.choose-coffee .coffee-img{ width: 275px; position: absolute; margin-top: 50px; padding-top: 0px; padding-right: 15%; } #edit-subscription .at-a-glance h3 { color:red; text-align:center;} #edit-subscription .content .product-count p {color:red;} #subscription-info { margin-top: 10px;border: 2px solid #b4b8b0;padding: 20px; } #subscription-info .title{ background-color: #aecfd1; width: 104%; padding: 1%; margin-top: -2%; margin-left: -2%; margin-bottom: 2%; margin-right: -2%; } #subscription-info li { font-size: 17px;list-style: none;line-height:32px; } /*Remove Shipping Methods*/ .onepagecheckout-form.discount input[value=flat_rate] { display: none; } .onepagecheckout-form.discount label[for=shipping_method_0_flat_rate] { display: none; } .onepagecheckout-form.free-pound input[value=free_shipping] { display: none; } .onepagecheckout-form.free-pound label[for=shipping_method_0_free_shipping] { display: none; } .onepagecheckout-form #order_review #shipping_method li { list-style:none; } /*Free Pound Check Message*/ .already-subscribed { padding: 40px; border: 1px solid #85AAB1; text-align: center; background: #F3F3F3; } /*Checkout Submit Button Before Order Review on Signup Pages*/ #checkout_submit { background: #58909A;text-align: center;color: #fff;border-radius: 4px;font-size: 22px;width: 80%;margin: 0% 10%;margin-bottom: 40px;padding: 18px;cursor: pointer } #checkout_submit:hover {background: #58909A; } /*OVERIRDES TO OPC PLUGIN*/ #order_review .opc_cart_item .product-remove { display: none; } #order_review .opc_cart_item .quantity { display: none; } /* [ IV ]-------------------->>>>>>> ADMIN TABLES <<<<<<<---------------------- ==================================================================================== */ .dataTables_wrapper .dataTables_length {margin-left: 15px;margin-top: 15px;} .dataTables_wrapper .dataTables_length select {padding: 0 24px 0 8px !important;} .wrap [id$="_table_wrapper"] { position: relative;margin-top: 20px; } .wrap [id$="_table_wrapper"] .dt-search-box { top: -47px;position: absolute; } .wrap [id$="_table_info"] { margin-top: 10px; } .wrap [id$="_table_wrapper"] [id$="_table_filter"] input { background: #fff; } .subscription-type-filter { float: left; } .subscription-type-filter label { float: left;line-height: 28px;margin-right: 6px;} .cbw-admin-table tr:nth-child(even) { background: #f9f9f9 } .cbw-admin-table tr:nth-child(odd) { background: #fff } /* [ II ] |=|=||=|=||=||=||=|=||=|====|GRID|SYSTEM|====|=|=||=|=||=|=||=||=||=|=||=| ==================================================================================== /*Grid*/ .grid { display: block;text-align: left;margin: 0% -1.5%;padding: 0%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /*Rows*/ /*.row { width: 100%;} .row:before,.row:after { content: " ";display: table; } .row:after { clear: both; visibility: hidden; }*/ /*Columns*/ .grid > .column, .grid > .row > .column { display: inline-block; text-align: left; font-size: 1rem; width: 6.25%; padding-left: 1.5%; padding-right: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .grid > .column { float:left;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; } .grid > .column:before, .grid > .column:after { content: " ";display: table; } .grid > .column:after { clear: both;visibility: hidden; } .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*-------*/ .one.column.grid >.column { width: 100%; } .two.column.grid >.column { width: 50% } .three.column.grid >.column { width: 33.3333% } .four.column.grid >.column { width: 25%; } .five.column.grid >.column { width: 20%; } .six.column.grid >.column { width: 16.66667%; } .seven.column.grid >.column { width: 14.2857%; } .eight.column.grid >.column { width: 12.5%; } .nine.column.grid >.column { width: 11.1111%; } .ten.column.grid >.column { width: 10%; } .eleven.column.grid >.column { width: 9.0909%; } .twelve.column.grid >.column { width: 8.3333%; } .thirteen.column.grid >.column { width: 7.6923%; } .fourtenn.column.grid >.column { width: 7.1428%; } .fithteen.column.grid >.column { width: 6.6666%; } .sixteen.column.grid >.column { width: 6.25%; } /*Blocks*/ .block { position: relative;transition: all .3s ease;} .block img { width:100%;overflow:hidden;-moz-border-radius: 5px; border-radius: 5px;} /* [ ? ] ---------------------->>>>>>> jQuery UI <<<<<<<--------------------------- ==================================================================================== */ .ui-datepicker { width: 300px; padding: 0.2em 0.8em 0; display: none; background: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,.5); } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-prev span { top: 0; left: 0; } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-next span { top: 0; right: 0 } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; line-height: 1.8em; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 1px solid #E9E9E9; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } #ui-datepicker-div.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-title { padding: 0; } #wcms_message { display: none; } /* [ V ]------------------>>>>>>> HELPERS <<<<<<<----------------------- ==================================================================================== */ .cf:before, .cf:after { content: " ";display: table;} .cf:after { clear: both; } /* .cf { *zoom: 1; } */ /*Break for All Handheld Devices*/ @media all and (max-width: 750px) { /*Structure*/ .column { float:none !important; width:100% !important;margin-top: 5%; /*margin-left: 20%;*/} img.fluid { max-height: 100% !important;max-width: 100% !important; width: 100% !important; height: auto !important;} /* mobile edits for .big.new.button */ /*.big.new.button {margin-left:35%;}*/ } #note_table tr.alternate { background-color: #EDEDED; } #note_table td.note_title { width: 15%; } #note_table td.note_content { width: 70%; } #note_table td.added_by { width: 15%; } #menu-account-menu li.current-menu-item { background-color: #85aab1!important; } input[type="submit"].update { text-align:center; min-width: 80%; border: 0; background: #7a5171; border-radius: 4px; color: #fff; cursor: pointer; outline: 0; transition: all .02s linear; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 0 transparent; } input[type="submit"].update:hover { background: #5b3f56; color: #fff; text-shadow: none; } /* TJ My-Account Mobile Optimizations*/ @media all and (max-width: 750px) { .dashboard-box-parent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: column wrap; width: 100%; } .dashboard-box-child { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding: 1%; min-width: 100px; } } } input.update:hover { background-color: #5b3f56; } input.update:active {box-shadow: 0 1px 0 #006599; transform: translateY(3px); } span a.update { text-align:center; padding: 11px 10px; border: 0; background: #7a5171; border-radius: 4px; box-shadow: 0 2px 0 #006599; color: #fff; cursor: pointer; outline: 0; transition: all .02s linear; font-weight: bold; text-transform:uppercase; text-decoration: none !important; } span a.update:hover { background-color: #5b3f56; } span a.update:active { box-shadow: 0 1px 0 #006599; transform: translateY(3px); } /*EASTER EGG!*/ #bart *{position:absolute;box-sizing:content-box;-moz-box-sizing:content-box}#bart{position:relative;width:80px;height:130px;margin:0 auto}#bart .head *{border:1px solid #110b00}#bart .head .no-border{border:none}#bart .head .body{background:#fbd800}#bart .head .hair{border-top:1px solid #110b00;border-left:1px solid #110b00;-webkit-border-radius:2px 0 0;-moz-border-radius:2px 0 0;border-radius:2px 0 0}#bart .head .hair1{top:22px;left:0;width:6px;height:7px;-webkit-transform:rotate(-22deg) skew(-7deg,51deg);-ms-transform:rotate(-22deg) skew(-7deg,51deg);transform:rotate(-22deg) skew(-7deg,51deg)}#bart .head .hair2{top:20px;left:5px;width:9px;height:7px;-webkit-transform:rotate(25deg) skew(23deg,16deg);-ms-transform:rotate(25deg) skew(23deg,16deg);transform:rotate(25deg) skew(23deg,16deg)}#bart .head .hair3{top:17px;left:12px;width:9px;height:8px;-webkit-transform:rotate(27deg) skew(22deg,16deg);-ms-transform:rotate(27deg) skew(22deg,16deg);transform:rotate(27deg) skew(22deg,16deg)}#bart .head .hair4{top:15px;left:20px;width:10px;height:9px;-webkit-transform:rotate(35deg) skew(22deg,16deg);-ms-transform:rotate(35deg) skew(22deg,16deg);transform:rotate(35deg) skew(22deg,16deg)}#bart .head .hair5{top:13px;left:29px;width:9px;height:9px;-webkit-transform:rotate(37deg) skew(22deg,16deg);-ms-transform:rotate(37deg) skew(22deg,16deg);transform:rotate(37deg) skew(22deg,16deg)}#bart .head .hair6{top:12px;left:37px;width:10px;height:9px;-webkit-transform:rotate(50deg) skew(24deg,16deg);-ms-transform:rotate(50deg) skew(24deg,16deg);transform:rotate(50deg) skew(24deg,16deg)}#bart .head .hair7{top:12px;left:45px;width:10px;height:8px;-webkit-transform:rotate(51deg) skew(24deg,10deg);-ms-transform:rotate(51deg) skew(24deg,10deg);transform:rotate(51deg) skew(24deg,10deg)}#bart .head .hair8{top:14px;left:54px;width:9px;height:7px;-webkit-transform:rotate(51deg) skew(24deg,10deg);-ms-transform:rotate(51deg) skew(24deg,10deg);transform:rotate(51deg) skew(24deg,10deg)}#bart .head .hair9{top:15px;left:61px;width:9px;height:7px;-webkit-transform:rotate(79deg) skew(35deg,10deg);-ms-transform:rotate(79deg) skew(35deg,10deg);transform:rotate(79deg) skew(35deg,10deg)}#bart .head .head-left1{top:24px;left:1px;width:17px;height:15px;border-left:1px solid #110b00;-webkit-transform:rotate(-13deg);-ms-transform:rotate(-13deg);transform:rotate(-13deg)}#bart .head .head-left2{top:33px;left:3px;width:17px;height:18px;border-left:1px solid #110b00;-webkit-transform:rotate(-11deg);-ms-transform:rotate(-11deg);transform:rotate(-11deg)}#bart .head .head-left3{top:46px;left:5px;width:17px;height:16px;border-left:1px solid #110b00;-webkit-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}#bart .head .head-left4{top:61px;left:7px;width:17px;height:16px;border-left:1px solid #110b00;-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg)}#bart .head .head-left5{top:76px;left:9px;width:20px;height:16px;border-left:1px solid #110b00;-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}#bart .head .head-left6{top:90px;left:11px;width:28px;height:31px;border-left:1px solid #110b00;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}#bart .head .head-left7{top:119px;left:10px;width:27px;height:8px;border-left:1px solid #110b00;border-right:1px solid #110b00;-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}#bart .head .head-right1{top:20px;left:19px;width:50px;height:37px;border-right:1px solid #000;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}#bart .head .head-right2{top:46px;left:19px;width:51px;height:24px;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}#bart .head .head-right3{top:83px;left:24px;width:50px;height:27px;border-right:1px solid #000;-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}#bart .head .ear{top:88px;left:5px;width:11px;height:13px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#bart .head .ear .inner1{top:3px;left:2px;width:7px;height:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-top:1px solid #110b00;-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg)}#bart .head .ear .inner2{top:3px;left:4px;width:7px;height:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-top:1px solid #110b00;-webkit-transform:rotate(-109deg);-ms-transform:rotate(-109deg);transform:rotate(-109deg)}#bart .head .ear .clip{top:1px;left:9px;width:3px;height:10px}#bart .head .eyelid{top:55px;left:63px;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#bart .head .right-eye{top:60px;left:51px;width:27px;height:27px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#fff;overflow:hidden}#bart .head .right-eye .right-eye-pupil{top:11px;left:8px;width:4px;height:4px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#110b00}#bart .head .right-eye .eyelid-top{top:-18px;left:0;width:30px;height:17px;border-bottom:1px solid #110b00;border-radius:50% 50% 0 0;-webkit-animation-name:bartrighteyelidtop;-webkit-animation-duration:10s;-webkit-animation-timing-function:linear;-webkit-animation-delay:2.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:bartrighteyelidtop;animation-duration:10s;animation-timing-function:linear;animation-delay:2.5s;animation-iteration-count:infinite;animation-play-state:running}#bart .head .right-eye .eyelid-bottom{bottom:-11px;left:0;width:30px;height:10px;border-top:1px solid #110b00;border-radius:0 0 50% 50%;-webkit-animation-name:bartrighteyelidbottom;-webkit-animation-duration:10s;-webkit-animation-timing-function:linear;-webkit-animation-delay:2.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:bartrighteyelidbottom;animation-duration:10s;animation-timing-function:linear;animation-delay:2.5s;animation-iteration-count:infinite;animation-play-state:running}@-webkit-keyframes bartrighteyelidtop{0%{top:-18px}2%{top:0}100%,4%{top:-18px}}@keyframes bartrighteyelidtop{0%{top:-18px}2%{top:0}100%,4%{top:-18px}}@-webkit-keyframes bartrighteyelidbottom{0%{bottom:-11px}2%{bottom:0}100%,4%{bottom:-11px}}@keyframes bartrighteyelidbottom{0%{bottom:-11px}2%{bottom:0}100%,4%{bottom:-11px}}#bart .head .left-eye{top:60px;left:24px;width:30px;height:30px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#fff;overflow:hidden}#bart .head .left-eye .left-eye-pupil{top:13px;left:9px;width:4px;height:4px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#110b00}#bart .head .left-eye .eyelid-top{top:-21px;left:0;width:30px;height:20px;border-bottom:1px solid #110b00;border-radius:50% 50% 0 0;-webkit-animation-name:bartlefteyelidtop;-webkit-animation-duration:10s;-webkit-animation-timing-function:linear;-webkit-animation-delay:2.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:bartlefteyelidtop;animation-duration:10s;animation-timing-function:linear;animation-delay:2.5s;animation-iteration-count:infinite;animation-play-state:running}#bart .head .left-eye .eyelid-bottom{bottom:-11px;left:0;width:30px;height:10px;border-top:1px solid #110b00;border-radius:0 0 50% 50%;-webkit-animation-name:bartlefteyelidbottom;-webkit-animation-duration:10s;-webkit-animation-timing-function:linear;-webkit-animation-delay:2.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:bartlefteyelidbottom;animation-duration:10s;animation-timing-function:linear;animation-delay:2.5s;animation-iteration-count:infinite;animation-play-state:running}@-webkit-keyframes bartlefteyelidtop{0%{top:-21px}2%{top:0}100%,4%{top:-21px}}@keyframes bartlefteyelidtop{0%{top:-21px}2%{top:0}100%,4%{top:-21px}}@-webkit-keyframes bartlefteyelidbottom{0%{bottom:-11px}2%{bottom:0}100%,4%{bottom:-11px}}@keyframes bartlefteyelidbottom{0%{bottom:-11px}2%{bottom:0}100%,4%{bottom:-11px}}#bart .head .nose{top:83px;left:55px;width:12px;height:12px;border-top:1px solid #110b00}#bart .head .nose-tip{top:82px;left:60px;width:14px;height:12px;border-left:none;-moz-border-radius:0 50% 50% 0;-webkit-border-radius:0 50% 50% 0;border-radius:0 50% 50% 0;-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg)}#bart .head .mouth{top:101px;left:27px;width:50px;height:15px;border-bottom:1px solid #110b00;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#bart .head .mouth-smile{top:111px;left:28px;width:7px;height:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-top:1px solid #110b00;-webkit-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg)}#bart .head .mouth-lip{top:101px;left:26px;width:50px;height:14px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#bart .head .mouth-lip2{top:106px;left:17px;width:30px;height:14px;-moz-border-radius:32%;-webkit-border-radius:32%;border-radius:32%} .slider { background-position: right; opacity: 1; z-index: 1; position: fixed; padding: 0 auto; right: -150px; width: 250px; height: 70px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; -webkit-box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); } .inner-slider { text-align: center; z-index:100; top: 22%; background-color: lightgrey; right: -300px; position: fixed; width: 300px; height: 50%; overflow-y: scroll; -webkit-transition-duration: 0.45s; -moz-transition-duration: 0.45s; transition-duration: 0.45s; -o-transition-duration: 0.45s; -webkit-border-radius: 15px 0px 0px 15px; -moz-border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px; -webkit-box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); box-shadow: 10px 10px 36px -13px rgba(0,0,0,0.75); } #tabtext { color: white; font-size: 20px; margin: 0 0 17px 10px; padding: 15px 0; font-family: ubuntu; } #slider1 { text-align: left; top: 22%; background-color: #00a0d2; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -o-transition-duration: 0.4s; } #slider1:hover #inner-slider1 { right: 0px; } #slider1:hover { right: 50px; } #slider2 { text-align: left; top: 31%; background-color: #00a0d2; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -o-transition-duration: 0.4s; } #slider2:hover #inner-slider2 { right: 0px; } #slider2:hover { right: 50px; } #slider3 { text-align: left; top: 40%; background-color: #00a0d2; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -o-transition-duration: 0.4s; } #slider3:hover #inner-slider3 { right: 0px; } #slider3:hover { right: 50px; } #slider4 { text-align: left; top: 49%; background-color: #00a0d2; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -o-transition-duration: 0.4s; } #slider4:hover #inner-slider4 { right: 0px; } #slider4:hover { right: 50px; } #edit-subscription .edit-subscription-content, .edit-subscription-content { margin: 0% 0 0% 2%; padding: 0 0 1% 0; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #updated { border-top: 1px solid #999999; position:fixed; width: 250px; z-index: 10000; text-align:center; height: 32px; font-size:18px; color: #000; background: #FFF; display: flex; justify-content: center; /* align horizontal */ border-top-left-radius:25px; border-top-right-radius:25px; right: 0; left: 0; margin-right: auto; margin-left: auto; bottom: -50px; } .slide-up { bottom: -20px !important; } .slide-down { bottom: -50px !important; } .subscription-tabs { width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row nowrap; } /* Original CBW CSS at-a-glance classes */ /* .at-a-glance-parent { width: 100%; display: -webkit-box; // OLD - iOS 6-, Safari 3.1-6 display: -moz-box; // OLD - Firefox 19- (buggy but mostly works) display: -ms-flexbox; // TWEENER - IE 10 display: -webkit-flex; // NEW - Chrome display: flex; flex-flow: row wrap; } .at-a-glance-child { text-align: center; padding: 5%; flex: 1 auto; margin:auto; border: 2px solid #E6E8E8; min-height:100px; overflow:auto; } .at-a-glance-child .wide { width: 94%; height: 175px; } .at-a-glance-parent .at-a-glance-child h2 { padding-bottom:8px; text-decoration:underline; } .at-a-glance-child:hover { /*background-color:#7A5171; } */ .at-a-glance-child:hover h2, .at-a-glance-child:hover h4 { /*color:#ffffff;*/ } .at-a-glance-parent div { font-size: 1.5em; } .at-a-glance-parent div span a { font-size: 0.7em; } .updated-totals-start { radius:5px; animation-name: fadeOut; animation-duration: 2.5s; } .updated-totals-end { animation-name: fadeOut; animation-duration: 3s; } @keyframes fadeOut { 0% {background-color: #0091CD;} 50% {background-color: #F1F1F1;} } #products .at-a-glance-child { padding:3%; height:120px; overflow:visible; } #products .product-parent:nth-child(odd) { background-color: #D6D8D8; } .edit_product { background-color:transparent; height:90%; } .edit_product div.actions { border-top: 2px dotted black; } .edit_product .actions span { margin-right: auto; margin-left: auto; width: 100%; padding: 8px 0px; font-size: 40px; height:auto; } .edit_product .actions span:hover{ background-color: #A6A8A8; border-radius: 10px; } .edit_product h1.qty { width: 100%; text-align: center; font-weight: 900; font-size: 3.0em; } #products .product-title { color: #42321C; text-align:center; width: 100%; } #products .product-variations { font-size:1.0em; margin: 1% 0%; } #products .product-image { } #products .product-description { font-size: 0.75em; width: 75%; margin: 3% auto; padding: 10px 0; text-align: center; } #products .product-parent:nth-child(odd) .product-description { border-top: 1px solid #FFFFFF; } #products .product-parent:nth-child(even) .product-description { border-top: 1px solid #000000; } table#product_list { border: 0px; width: 100%; } table#product_list tr:nth-child(odd) { background-color: #D6D8D8; } table#product_list td:nth-child(2) { width:30%; } table#product_list tr td { padding: 0.5em 0.5em; } .product-search { /* margin: 1% 0 1% 1%; */ font-size: initial; } /* My Account Dashboard */ /* Flexbox subscriptions */ .dashboard-parent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 100%; border: 1px solid #aecfd1; padding-top: 1%; } .dashboard-child { flex: 0 1 auto; padding: 1%; margin: 1% 0%; } .dashboard-parent.column-titles .dashboard-child { background-color:#ffffff; } .dashboard-parent.column-titles .dashboard-child h2 { color:#3a4547; font-size: 1.5em; } .at-a-glance-row .at-a-glance-child h4 { text-decoration: underline; font-weight: 400; font-size: 1em; } .at-a-glance-row .at-a-glance-child p { margin: 0%; font-size: 1em; } .at-a-glance-row .at-a-glance-child p { margin: 0%; font-size: 1em; } #my-account ul.nav li.current_page_item a, #my-account ul.nav li.current_page_parent a, #my-account ul.nav li.current-menu-ancestor a, #my-account ul.nav li.current-cat a, #my-account ul.nav li.current-menu-item a { background-color: #85aab1 !important; } .box{ background-color: #fff; border-radius: 5px; padding: 0% 0% 2% 0%; margin: 2% 0% 2% 0%; overflow: visible; -webkit-box-shadow: 0 5px 20px 0px 909496; -moz-box-shadow: 0 5px 20px 0px 909496; box-shadow: 0 5px 20px 0px #909496; width: 100%; } @media all and (max-width: 900px) { #products .product-variations { font-size:0.75em; } .product-child:nth-child(3) { display:none; } } @media only screen and (max-width: 767px) { #wrapper { overflow-x: visible !important; } } .product-parent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row nowrap; width: 100%; } .product-child { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 1 0 ; padding: 1%; min-width: 100px; } .product-child.products { flex: 4 auto; } .dashboard-box-parent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row wrap; width: 100%; } .dashboard-box-child { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*flex: 1 1 auto;*/ padding: 1%; min-width: 100px; /*border: 1px solid black;*/ } .dashboard-box-child { padding: 2% 1%; margin-bottom: 1%; } .dashboard-box-parent.brown { background-color:#513E20; } .dashboard-box-parent.purple { background-color:#7A5171; } .dashboard-box-parent.blue { background-color:#aecfd1; } .dashboard-box-parent.green { background-color:#464f3b; } .dashboard-box-child:nth-child(1) { flex: 2 0px; } .dashboard-box-child.dashboard-box-title h2 { font-size: 2.5em; color: #3a4547; font-weight: 400; } .dashboard-box-child.dashboard-box-title cite { color:#fff; } /*TJ'S edit subscription changes */ .at-a-glance-parent { width: 100%; display: table; border-collapse: collapse; } .at-a-glance-row { display: table-row; border: 1px solid #aecfd1; } .at-a-glance-child { text-align: left; padding: 1% 1% 1% 1%; margin:auto; min-height:100px; overflow:auto; display: table-cell; } @media only screen and (max-width: 500px) { .at-a-glance-child { padding: 2% 0% 1% 0%; } } .at-a-glance-child:nth-child(1) { width:20%; } .at-a-glance-child:nth-child(2) { width:50%; text-align: left; } .at-a-glance-child:nth-child(3) { width:30%; text-align: right; } .at-a-glance-child .wide { width: 94%; height: 175px; } .at-a-glance-parent .at-a-glance-child h2 { padding-bottom:8px; text-decoration:underline; } .at-a-glance-child:hover { /*background-color:#7A5171;*/ } .at-a-glance-child:hover h2, .at-a-glance-child:hover h4 { /*color:#ffffff;*/ } .at-a-glance-parent div { font-size: 1em; } .at-a-glance-parent div span a { font-size: 0.7em; } .ui-datepicker-div .shipping_available { background-color: #ffffff; font-weight:800; color: #000000; font-size: 1.2em; opacity:1.0; } .ui-datepicker-div .ui-datepicker-unselectable { opacity: 0.5; background-color: #D6D6D6; } .wcopc .woocommerce-checkout .woocommerce-message{ opacity:0; } #onepagecheckout .coffee-img p { /* background: rgba(121, 162, 160,.94); */ position: absolute; bottom: 0; right: 0; left: 0; text-align: center; padding: 10px 10% 20px; margin: 0!important; color: #7a5171; font-family: chunkfive; font-size: 1.5em!important; line-height: 1.35em!important; {z-index:0;} } #onepagecheckout .coffee-img { display:none; } @media only screen and (min-width: 761px) { #onepagecheckout .coffee-img { top: 0; bottom: 0; right: 0; position:absolute; background-size: auto 80%; background-repeat: no-repeat; background-position: top center; width: 50%; max-width: 50%; display:block; margin-top:15%; } } @media only screen and (max-width: 761px) { .wp-block-woocommerce-cart-cross-sells-block { display:none; } } .onoffswitch { position: relative; width: 100px; display: inline-block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none !important; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner.drivers:before, .onoffswitch-inner.days:before { background-color: #34A7C1; color: #FFFFFF; content: "On"; padding-left: 10px; } .onoffswitch-inner.days:before { background-color: #3bc134; color: #FFFFFF; } .onoffswitch-inner.stripe:before { background-color: #A3CCFF; color: #FFFFFF; } .onoffswitch-inner.drivers:after, .onoffswitch-inner.days:after { content: "Off"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-inner.stripe:before { content: "Live"; padding-left: 10px; } .onoffswitch-inner.stripe:after { content: "Test"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 15px; background: #FFFFFF; position: absolute; top: 9px; bottom: -9px; right: 46px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-switch.stripe { height: 18px; top:-9px; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: -9px; } /* Start Autocomplete tooltip about apartment numbers */ .address_2_info:hover .tooltiptext { visibility: visible; } .tooltip .tooltiptext { visibility: hidden; width: 135px; background-color: #33984F; color: #fff; text-align: center; border-radius: 6px; padding: 6px 6px; font-size:0.8em; /* Position the tooltip */ position: absolute; z-index: 1; } /* End Autocomplete tooltip about apartment numbers */ /* START mini-delete icon in address-search autocomplete box to clear text */ span.deleteicon { position: relative; } span.deleteicon span { position: absolute; display: block; top: 3px; right: 25px; width: 25px; height: 25px; cursor: pointer; font-weight:800; } span.deleteicon input { padding-right: 16px; box-sizing: border-box; } /* END mini-delete icon in address-search autocomplete box to clear text */ /* TJ Woocommerce Message Alert edits */ .woocommerce-message-subscription { background-color: #7a5171; color: #ffffff; text-align: center; padding: 5%; } .table.sv-wc-payment-gateway-my-payment-methods-table th table.sv-wc-payment-gateway-my-payment-methods-table td { background-color:#ffffff; } .woocommerce-EditAccountForm .edit-account { background-color:#ffffff; } /* Gift Cards */ #order_review .add_gift_card_form { padding: 0 1.41575em 1.41575em 1.41575em; } #order_review .add_gift_card_form button { color: #fff; } .wcopc .woocommerce-checkout .add_gift_card_form .woocommerce-message { opacity: 1; } .flex-parent{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row wrap; } .flex-parent.subscription-info-bar{ text-align: center; } .flex-child { flex: 1 0 auto; /* text-align: center; */ min-width:150px; } .pac-container { /* The data returned from Google address autocomplete is behind the Thickbox, must be moved forward */ z-index: 999999 !important; } span.deleteicon { position: relative; } span.deleteicon span { position: absolute; display: block; top: 3px; right: 10px; width: 25px; height: 25px; cursor: pointer; font-weight:800; } span.deleteicon input { padding-right: 16px; box-sizing: border-box; } div.locationField { border: 3px solid #F2F2F2; border-top-left-radius: 9px; border-top-right-radius: 9px; } div.locationField h2 { margin: 1%; } .flex-address-parent.address { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row wrap; /* width: 84%; */ } .flex-address-child { flex: 1 0 auto; margin: 1.0%; padding: 1%; text-align: center; min-width:425px; } #add_user_container .table-cell { padding: 1.5% 0; } .loader { margin-left: auto; margin-right: auto; border: 8px solid #f3f3f3; /* Light grey */ border-top: 8px solid #729664; /* Blue */ border-bottom: 8px solid #729664; /* Blue */ border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ui-datepicker-inline.ui-datepicker { padding-bottom: 0.4em; } .ui-datepicker-inline.ui-datepicker .ui-datepicker-next span { left: 0; } .multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-current-day { background-color: transparent !important; } .multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today:not(.ui-state-highlight) { background-color: rgba(0, 116, 210, 0.3) !important; } .multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-state-highlight { background-color: rgba(0, 128, 0, 0.6) !important; } .multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-current-day a { color: inherit; } .multidatespicker .ui-datepicker-inline .ui-datepicker-calendar td.ui-state-highlight a { color: white; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 20px !important; }