{"id":8008,"date":"2018-08-23T19:34:26","date_gmt":"2018-08-24T01:34:26","guid":{"rendered":"https:\/\/www.alphacomics.ca\/?page_id=8008"},"modified":"2022-02-13T14:12:03","modified_gmt":"2022-02-13T21:12:03","slug":"my-subscription-cgc-account","status":"publish","type":"page","link":"https:\/\/www.alphacomics.ca\/?page_id=8008","title":{"rendered":"My Account"},"content":{"rendered":"<\/style><style>\n\n    .dialog-header {\n        font-size: 20px;\n        padding-bottom: -4px;\n        color: #7AAAFF;\n        font-weight: 800px;\n    }\n\n    .dialog-subtitle {\n        font-size: 30px;\n        line-height: 30px;\n        color: #7AAAFF;\n        -webkit-text-stroke-width: 2px;\n        -webkit-text-stroke-color: white;\n    }\n\n    .dialog-text {\n        color: #7AAAFF;\n    }\n\n    .dialog-line {\n        border-top: 1px solid #7AAAFF;\n        width: 100%;\n    }\n\n    .dialoginput {\n        color: black;\n        border: 1px solid #7AAAFF;\n    }\n\n    .blocker {\n      position: fixed;\n      top: 0; right: 0; bottom: 0; left: 0;\n      width: 100%; height: 100%;\n      overflow: auto;\n      z-index: 1;\n      padding: 20px;\n      box-sizing: border-box;\n      background-color: rgb(0,0,0);\n      background-color: rgba(0,0,0,0.75);\n      text-align: center;\n    }\n    .blocker:before{\n      content: \"\";\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n      margin-right: -0.05em;\n    }\n    .blocker.behind {\n      background-color: transparent;\n    }\n\n    .modal {\n      display: none;\n      position: relative;\n      z-index: 2;\n      max-width: 900px;\n      box-sizing: border-box;\n      float: center;\n      margin-top: 130px;\n      height: calc(100%-130px);\n      width: 90%;\n      border:0px solid #7AAAFF;\n      color: white;\n      background: #000000;\n      padding: 15px 30px;\n      -webkit-border-radius: 8px;\n      -moz-border-radius: 8px;\n      -o-border-radius: 8px;\n      -ms-border-radius: 8px;\n      border-radius: 1px;\n      -webkit-box-shadow: 0 0 10px #000;\n      -moz-box-shadow: 0 0 10px #000;\n      -o-box-shadow: 0 0 10px #000;\n      -ms-box-shadow: 0 0 10px #000;\n      box-shadow: 0 0 10px #000;\n      text-align: left;\n    }\n\n    .modal .addpulllist{\n        border: 1px solid #7AAAFF;\n        background: black;\n        color: #7AAAFF;\n    }\n\n    .modal .mainform{\n      justify-content: space-between;\n      margin: .5rem;\n    }\n\n    .modal .mainform .formline{\n      display: flex;\n    }\n\n    .modal .mainform .fieldentry{\n      display: inline;\n    }\n\n    .modal .mainform .fieldtitle{\n      font-size: 10px;\n      margin-bottom: -22px;\n      padding-left: 4px;\n      z-index: 2 !important;\n      color: rgba(255, 255, 255, 0.65);\n    }\n\n    .modal .mainform input[type=text]{\n      font-size: 14px;\n      border: 1px solid #000000;\n      background-color: rgba(255, 183, 0, 0.38);\n      border-radius: 0rem;\n      padding-left: 4px;\n      padding-top: 9px;\n      z-index: 1 !important;\n    }\n\n    .modal .mainform input[type=text]:focus{\n      border: 1px solid #ffb700;\n    }\n\n    .modal .mainform textarea{\n      font-size: 14px;\n      border: 1px solid #000000;\n      background-color: rgba(255, 183, 0, 0.38);\n      border-radius: 0rem;\n      padding-left: 4px;\n      padding-top: 13px;\n      z-index: 1 !important;\n    }\n\n    .modal .mainform textarea:focus{\n        border: 1px solid #ffb700;\n    }\n\n    .modal .mainform select{\n      font-size: 14px;\n      border: 1px solid #000000;\n      background-color: rgba(255, 183, 0, 0.38);\n      border-radius: 0rem;\n      padding-left: 2px;\n      padding-top: 9px;\n      z-index: 1 !important;\n    }\n\n    .modal .mainform select:focus{\n        border: 1px solid #ffb700;\n        color: white;\n    }\n\n    .modal h1{\n      padding-left: 10px;\n      color: #ffb700;\n    }\n\n    .modal .title{\n      color: #ffb700;\n      font-size: 12px;\n      margin-bottom: -5px;\n    }\n\n    .modal .title_detail{\n      color: #ffffff;\n    }\n    <\/style>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><style>\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .page-bg {\n            background: #1a2744;\n            height: 100vw;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 2.5rem 1.25rem;\n        }\n\n        .login-card {\n            background: #fff;\n            border-top: 4px solid #c0392b;\n            width: 100%;\n            max-width: 400px;\n            padding: 2rem 2rem 2.25rem;\n            box-shadow: 0 8px 40px rgba(0,0,0,0.35);\n            position: absolute;\n            border-radius: 20px;\n            inset: 0; \n            margin: auto;\n            height: 600px;\n        }\n\n        @media (max-width: 768px) {\n            .login-card {\n                width: 95%;\n                margin-top: 10px;\n                max-width: 400px;\n            }\n\n            .page-bg {\n                height: 100%;\n            }\n        }\n\n        .login-logo {\n            text-align: center;\n            font-size: 1.4rem;\n            font-weight: 900;\n            letter-spacing: .05em;\n            color: #222;\n            margin-bottom: 0.2rem;\n        }\n        .login-logo span { color: #c0392b; }\n\n        .login-tagline {\n            text-align: center;\n            font-size: 0.78rem;\n            color: #888;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 1.5rem;\n        }\n\n        .login-divider {\n            border: none;\n            border-top: 1px solid #eee;\n            margin-bottom: 1.5rem;\n        }\n\n        .login-heading {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #1a2744;\n            margin-bottom: 1.25rem;\n        }\n\n        .login-field { margin-bottom: 1.1rem; }\n\n        .login-field label {\n            display: block;\n            font-size: 0.72rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: #888;\n            font-weight: bold;\n            margin-bottom: 0.4rem;\n        }\n\n        .login-field input {\n            width: 100%;\n            font-size: 0.9rem;\n            padding: 0.65rem 0.75rem;\n            border: 1px solid #ddd;\n            border-radius: 2px;\n            color: #222;\n            outline: none;\n            transition: border-color .2s;\n        }\n        .login-field input:focus { border-color: #1a2744; }\n\n        .login-forgot {\n            display: block;\n            text-align: right;\n            font-size: 0.75rem;\n            color: #c0392b;\n            text-decoration: none;\n            margin-top: 0.3rem;\n        }\n\n        .login-submit {\n            display: block;\n            width: 100%;\n            background: #c0392b;\n            color: #fff;\n            font-size: 0.88rem;\n            font-weight: bold;\n            border: none;\n            padding: 0.8rem;\n            border-radius: 2px;\n            cursor: pointer;\n            letter-spacing: 0.03em;\n            margin-top: 1.5rem;\n        }\n        .login-submit:hover { background: #a93226; }\n\n        .login-footer {\n            text-align: center;\n            font-size: 0.78rem;\n            color: #999;\n            margin-top: 1.25rem;\n        }\n\n        .logo {\n            transform: translateX(15%);\n            text-align: center;\n            text-decoration: none;\n            color: #222;\n        }\n        .login-footer a { color: #1a2744; text-decoration: none; font-weight: bold; }\n\n        @media (max-width: 420px) {\n            .login-card { padding: 1.5rem 1.25rem 1.75rem; }\n        }\n        <\/style>\n\n        <div class=\"page-bg\">\n            <div class=\"login-card\">\n                <div class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/www.alphacomics.ca\/wp-content\/uploads\/2021\/04\/AlphaComics-Logo-vector.png\" alt=\"Alpha Comics\" style=\"height: 200px; width: auto; display: block;\">\n                <\/div>\n                <hr class=\"login-divider\">\n\n                <div class=\"login-heading\">Customer Pull List Login<\/div>\n\n                <form onsubmit=\"return window.location.reload();\" method=\"post\">\n                    <div class=\"login-field\">\n                        <label for=\"email\">Email address<\/label>\n                        <input type=\"text\" id=\"email\" name=\"email\" placeholder=\"you@example.com\" autocomplete=\"email\">\n                    <\/div>\n                    <div class=\"login-field\">\n                        <label for=\"password\">Password<\/label>\n                        <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" autocomplete=\"current-password\">\n                    <\/div>\n                    <input type=\"submit\" value=\"Log In\" class=\"login-submit\">\n                <\/form>\n\n                <div class=\"login-footer\">Don't have an account? Visit Alpha Comics and we'll get you setup.<\/div>\n\n            <\/div>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-8008","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/pages\/8008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8008"}],"version-history":[{"count":1,"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/pages\/8008\/revisions"}],"predecessor-version":[{"id":24090,"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=\/wp\/v2\/pages\/8008\/revisions\/24090"}],"wp:attachment":[{"href":"https:\/\/www.alphacomics.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}