/* download/license page styles

   developer:   rmiske
   requires:    /common/framework/css/framework.en.css
                /common/framework/css/gui.en.css
   ========================================================================== */

   
/* ==========================================================================
   setup
   ========================================================================== */
main { font-family: 'Source Sans Pro', Arial, sans-serif; }

.page-width {
    max-width: 52rem; /*832px*/
    min-width: 294px;
    padding: 3.75rem 1.666667rem 4.75rem;
}

a.breadcrumb { 
    color: #535353;
    display: block;
    line-height: 1;
    margin: 0.625rem 0;
}
.breadcrumb.arrow-after:after { color: #d10; }
.breadcrumb.arrow-after:hover:after { color: #f77700; }

#thank-you-wrapper h1 {
    color: #d10;
    font-size: 2.125rem;
    font-weight: 300;
    padding-bottom: 0.25rem;
    margin:0;
}

#thank-you-wrapper h2 {
    color: #d10;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    padding: 0 0 0.5rem;
    margin:0;
}
main p { color: #535353; }

#thank-you-wrapper p { color: #535353; padding-bottom: 1rem; }

main p.note { 
	color: #535353; 
	font-size: 0.875rem;
	padding-top: 1rem; 
}
main p.intro { 
    border-bottom: 1px solid #b7b7b7; 
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    padding-bottom: 1.375rem;
}

main .mini-m .img { width: 13.75rem; /*220px*/ }
main .mini-m img { max-width: 100%; }
main .mini-m .txt { padding-left: 3rem; }

main a.button:link,
main a.button:visited {
    background: #e00400;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 0.5rem 1rem 0.625rem;
}

main a.button:hover,
main a.button:active {
    background: #ac000e;
}




/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */
@media all and (max-width: 1200px) {}


/* styles for medium screens (900px)
   ========================================================================== */
@media all and (max-width: 900px) {
    .page-width { padding: 1rem 1rem 3rem; }

    main .mini-m .txt { padding-left: 2.75rem; }

}


/* styles for small screens (600px)
   ========================================================================== */
@media all and (max-width: 600px) {
    main .mini-m .img { display: none; }
    main .mini-m .img { width: 9.821429rem; }
    main .mini-m .txt { padding-left: 0; }
}


/* styles for minimum supported screen width (320px)
   ========================================================================== */
@media all and (max-width: 320px) {}


/* printer styles
   ========================================================================== */
@media print {}