/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* Theme 447 migration utility pages */
.theme447-header-auth{display:inline-block;white-space:nowrap;margin-left:14px;font-size:0;vertical-align:middle}.theme447-header-auth a{display:inline-block;margin:0 0 0 8px;white-space:nowrap;vertical-align:middle;font-size:14px;line-height:20px}.theme447-auth-item{white-space:nowrap}.theme447-utility{padding:76px 0}.theme447-utility h1{font-size:42px;line-height:1.22;margin:0 0 18px;color:inherit}.theme447-utility h2{font-size:34px;line-height:1.25;margin:0 0 16px;color:inherit}.theme447-utility h3{font-size:21px;line-height:1.35;margin:0 0 10px;color:#1b1b1b}.theme447-utility p,.theme447-utility li{font-size:16px;line-height:1.8}.theme447-utility em{display:block;margin-bottom:12px;font-style:normal;font-weight:700;letter-spacing:1px}.theme447-light{background:#f7f7f7}.theme447-visual img{display:block;width:100%;max-height:430px;object-fit:cover}.theme447-btn-row{margin-top:28px}.theme447-btn-row a{margin-right:12px;margin-bottom:10px}.theme447-utility-card{height:100%;background:#fff;padding:30px 26px;margin-bottom:24px;border:1px solid #e8e8e8;color:#333}.theme447-utility-card span{display:inline-block;margin-bottom:14px;font-weight:700;color:#c7202f}.theme447-utility-card p{color:#555;margin:0}.theme447-section-title{text-align:center;max-width:760px;margin:0 auto 36px}.theme447-steps{background:#fff;border:1px solid #e8e8e8;padding:38px 42px;color:#222}.theme447-steps ol{margin:18px 0 0;padding-left:22px}.theme447-list{margin:22px 0 0;padding-left:20px}.theme447-form-box{background:#fff;color:#222;padding:42px;border:1px solid #e3e3e3;box-shadow:0 12px 35px rgba(0,0,0,.08)}.theme447-form-box h2{color:#111}.theme447-form-box p{color:#555}.theme447-form-box input{display:block;width:100%;height:54px;margin-bottom:14px;padding:0 18px;border:1px solid #ddd;background:#fff;color:#222}.theme447-form-actions{font-size:0;margin-top:10px}.theme447-form-actions button,.theme447-form-actions a{display:inline-block;height:52px;line-height:52px;padding:0 24px;margin:0 10px 10px 0;border:0;background:#c7202f;color:#fff;font-size:15px;font-weight:700;vertical-align:top;cursor:pointer;text-align:center}.theme447-form-actions a{background:#222;color:#fff}.theme447-cta{text-align:center}.theme447-cta .container,.theme447-note .container{max-width:880px}.theme447-note{background:#fff}.theme447-note .container{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-top:34px;padding-bottom:34px}.theme447-news-h1{font-size:36px;line-height:1.25;margin:0 0 20px;color:inherit}@media(max-width:991px){.theme447-utility{padding:54px 0}.theme447-utility h1{font-size:32px}.theme447-utility h2{font-size:28px}.theme447-header-auth{margin-left:0;margin-top:10px}.theme447-form-box{padding:28px}}
/* Theme 447 utility content polish */
.theme447-utility{color:#222}.theme447-utility h1,.theme447-utility h2,.theme447-utility h3{color:#171717}.theme447-utility p,.theme447-utility li{color:#444}.theme447-utility em{color:#ffbe00}.theme447-delivery-hub,.theme447-account-check,.theme447-app-field{background:#f7f7f7}.theme447-stage-row{font-size:0;margin:24px 0 0}.theme447-stage-row span{display:inline-block;margin:0 8px 10px 0;padding:11px 15px;background:#fff;border:1px solid #e3e3e3;color:#222;font-size:14px;font-weight:700;vertical-align:top}.theme447-hero-card{position:relative;background:#fff;border:1px solid #e2e2e2;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.theme447-hero-card img{display:block;width:100%;max-height:390px;object-fit:cover}.theme447-hero-card div{position:absolute;left:26px;right:26px;bottom:26px;background:#111;color:#fff;padding:14px 18px;border-left:5px solid #ffbe00;font-weight:700}.theme447-card-primary{border-top:4px solid #ffbe00}.theme447-card-primary span{color:#111}.theme447-split-info{background:#fff}.theme447-check-grid{font-size:0;margin-top:28px}.theme447-check-grid div{display:inline-block;width:31.33%;min-height:148px;margin-right:2%;padding:24px 18px;background:#fff;border:1px solid #e3e3e3;vertical-align:top}.theme447-check-grid i{display:block;margin-bottom:12px;color:#ffbe00;font-size:28px}.theme447-check-grid strong{display:block;color:#171717;font-size:18px;margin-bottom:8px}.theme447-check-grid p{margin:0;color:#555}.theme447-login-box{margin-right:22px}.theme447-mini-row{overflow:hidden;margin:2px 0 18px;color:#333;font-size:14px}.theme447-mini-row label{float:left;margin:0;color:#333}.theme447-mini-row a{float:right;color:#111}.theme447-mini-row input{display:inline-block;width:auto;height:auto;margin:0 6px 0 0;padding:0}.theme447-register-plan{background:#fff}.theme447-register-box input{margin-bottom:16px}.theme447-register-side{height:100%;background:#111;color:#fff;padding:38px 34px;border-top:5px solid #ffbe00}.theme447-register-side h2,.theme447-register-side li{color:#fff}.theme447-register-side ol{margin:18px 0 0;padding-left:22px}.theme447-app-card{position:relative;background:#fff;border:1px solid #e2e2e2;padding:12px;max-width:420px;margin:0 auto;box-shadow:0 12px 30px rgba(0,0,0,.08)}.theme447-app-card img{display:block;width:100%;max-height:420px;object-fit:cover}.theme447-app-label{position:absolute;left:24px;bottom:24px;background:#111;color:#fff;padding:10px 16px;border-left:5px solid #ffbe00;font-weight:700}.theme447-app-flow{font-size:0}.theme447-app-flow div{display:inline-block;width:25%;min-height:220px;padding:30px 24px;background:#fff;border-right:1px solid #e5e5e5;vertical-align:top}.theme447-app-flow div:first-child{border-left:1px solid #e5e5e5}.theme447-app-flow i{display:block;margin-bottom:16px;color:#ffbe00;font-size:30px}.theme447-app-flow p{margin:0;color:#555}.theme447-cta .container{background:#fff;border:1px solid #e5e5e5;padding:42px 34px}.theme447-note .container{background:#fff}@media(max-width:991px){.theme447-hero-card{margin-top:28px}.theme447-login-box{margin-right:0;margin-bottom:28px}.theme447-check-grid div,.theme447-app-flow div{display:block;width:100%;margin:0 0 15px}.theme447-register-side{height:auto;margin-top:24px}}@media(max-width:575px){.theme447-utility h1{font-size:30px}.theme447-utility h2{font-size:25px}.theme447-form-actions button,.theme447-form-actions a{display:block;width:100%;margin-right:0}.theme447-mini-row label,.theme447-mini-row a{float:none;display:block;margin-bottom:8px}.theme447-stage-row span{display:block;margin-right:0}.theme447-hero-card div,.theme447-app-label{position:static;margin-top:12px}}
