/* Adept Research. Combined from the original site's grid.css, common.css and theme stylesheets. */

/* Reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,i,fieldset,form,label,table,tbody,tr,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
p,h1,h2,h3,h4,h5,h6,table,fieldset{margin-bottom:20px}
h2{font-size:23px}h3{font-size:21px}

/* Grid (based on cssgrid.net) */
.container { padding-left: 20px; padding-right: 20px; }
.grid { width: 100%; max-width: 1140px; margin: 0 auto; }
.grid_1, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_11 { margin-top: 10px; margin-right: 3.8%; float: left; }
.grid_1 { width: 4.85%; }
.grid_3 { width: 22.15%; }
.grid_4 { width: 30.8%; }
.grid_5 { width: 39.45%; }
.grid_6 { width: 48.1%; }
.grid_7 { width: 56.75%; }
.grid_8 { width: 65.4%; }
.grid_11 { width: 91.35%; }
.grid_12 { width: 100%; float: left; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.push_3 { position: relative; left: 25.95%; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* General */
html { -webkit-text-size-adjust: none; }
body {
    color: #4F5155;
    font-family: verdana, sans-serif;
    font-size: 85%;
    line-height: 1.3;
    background: radial-gradient(50% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 100%) fixed #0071BC;
}
p { margin-bottom: 10px; }
a { color: #0269ab; }
a img { border: none; }
.aright { text-align: right; }
table td { padding: 5px 10px; vertical-align: top; text-align: left; }
table img { vertical-align: text-bottom; }

/* Log in panel */
table.features { width: 100%; margin: 0; }
table.features td.content { vertical-align: middle; }
table.features td.icon { vertical-align: top; text-align: center; width: 50px; }

#login { background-color: #2a2a2a; padding-top: 15px; padding-bottom: 15px; }
#login[hidden] { display: none; }
#login a { color: #fff; text-decoration: none; }
.login_type { cursor: pointer; }
.login_type:hover .login_icon i, .login_type:hover .login_heading { opacity: 0.9; }
.login_icon { text-align: center; }
.login_icon i { color: #fff; opacity: 0.7; }
.login_heading { color: #fff; font-size: 110%; font-weight: bold; opacity: 0.7; }
.login_text { color: #fff; font-size: 90%; opacity: 0.5; padding-bottom: 0; }

#login_button { border-top: 8px solid #2a2a2a; }
#login_button p { text-align: right; margin-right: 10%; margin-bottom: 0; }
#login_button p a {
    color: #ccc;
    text-decoration: none;
    display: inline-block;
    padding: 7px 25px 9px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    background-color: #2a2a2a;
}
#login_button img, p.buttons img { vertical-align: top; }

/* Intro */
#section { padding-top: 10px; padding-bottom: 20px; }
#section .grid { position: relative; overflow: hidden; min-height: 375px; }
h2 { margin-top: 50px; margin-bottom: 5px; text-align: center; }
h2 img { width: 100%; max-width: 500px; }
p.intro { color: #fff; font-size: 110%; font-weight: bold; text-align: center; padding: 0 10% 25px; }
p.screenshot { position: absolute; top: 10px; left: 42%; }
p.screenshot img { height: 350px; }
p.buttons { text-align: center; }
p.buttons a {
    margin-right: 5px;
    padding: 10px 15px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
    color: #eee;
    text-decoration: none;
    font-weight: bold;
}
p.buttons a:hover { background: rgba(0, 0, 0, 0.6); }

/* Features */
#features { padding-top: 30px; padding-bottom: 30px; background: rgba(0, 0, 0, 0.4); }
#features .grid::after { content: ''; display: block; clear: both; }
.feature_icon { text-align: center; }
.feature_icon i { color: #fff; opacity: 0.7; }
.feature_heading { color: #fff; font-size: 110%; font-weight: bold; opacity: 0.7; margin-bottom: 5px; }
.feature_text { color: #fff; font-size: 95%; opacity: 0.5; padding-bottom: 20px; }

/* Quotes */
#quotes { color: #777; background: #fff url('../images/reportbg.jpg') no-repeat center center; opacity: 0.8; }
#quotes .grid::after { content: ''; display: block; clear: both; }
#quotes .grid_1, #quotes .grid_11 { margin-top: 0; }
#quotes p.quote_icon { padding: 50px; opacity: 0.3; }
#quotes p.quote { font-weight: bold; font-size: 140%; padding: 50px 55% 50px 20px; }

/* Stats */
#stats { padding-top: 30px; padding-bottom: 30px; }
#stats .grid::after { content: ''; display: block; clear: both; }
.stat_number { color: #fff; font-size: 300%; font-weight: bold; opacity: 0.7; padding: 0 10%; text-align: center; }
.stat_metric { color: #fff; opacity: 0.4; padding: 0 10%; text-align: center; }

/* Footer */
#bottom { background: rgba(0, 0, 0, 0.1); }
#bottom .grid::after { content: ''; display: block; clear: both; }
#bottom p { padding: 10px 0; color: #fff; font-size: 90%; opacity: 0.3; }
#bottom p a { color: #fff; }

/* Contact page */
#topbar { background-color: #2a2a2a; }
#topbar p { color: #777; padding: 10px 20px; margin: 0; }
#topbar p a { color: #999; text-decoration: none; }
#topbar p a:hover { color: #ccc; }
#utility .grid::after, .logo_row .grid::after { content: ''; display: block; clear: both; }
#utility_box {
    padding: 30px 20px 20px;
    min-height: 100px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
}
#utility_box h3 { margin-bottom: 5px; }
.utility_footer { margin-bottom: 50px; text-align: center; padding: 10px 0; color: #fff; font-size: 90%; opacity: 0.5; }
.utility_footer a { color: #fff; }

/* Forms */
input, textarea { font-family: verdana, sans-serif; font-size: 100%; color: #333; }
input[type="text"], input[type="email"], input[type="tel"], textarea {
    padding: 4px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { background-color: #ffc; }
input.large, textarea { width: 95%; }
textarea { height: 100px; resize: vertical; }
::placeholder { color: #bbb; }

div.form { margin-bottom: 10px; overflow: hidden; }
div.form form { padding: 5px 10px; background-color: #efefef; border-radius: 5px; border: 1px solid #dfdfdf; }
div.form p { margin: 0; padding: 8px 0; }
div.form_field fieldset { border: 1px solid #cfcfcf; background-color: #dfdfdf; margin: 10px 0 0; padding: 2px 10px; border-radius: 5px; }
div.form_field label { color: #333; margin-right: 10px; }
div.form_field label span.required_token { color: #999; }
div.form_field_error p {
    color: #8D3F3F;
    background-color: #FFD1D1;
    border-top: 1px solid #F8ACAC;
    font-size: 90%;
    padding: 5px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.form_field_with_error fieldset { background-color: #fff1f1; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
div.form_sent p {
    color: #468D3F;
    background-color: #E1FFD1;
    border: 1px solid #C5F8AC;
    border-radius: 5px;
    padding: 10px;
}
input[type="submit"] { cursor: pointer; }
input[type="submit"][disabled] { opacity: 0.5; cursor: default; }

/* Mobile */
@media (max-width: 767px) {
    .container { padding-left: 10px; padding-right: 10px; }
    .grid_1, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_11, .grid_12 {
        width: auto; float: none; margin-left: 0; margin-right: 0;
    }
    .push_3 { position: static; }
    .aright { text-align: left; }
    table td { font-size: 95%; }
    #login .login_icon { text-align: left; }
    #login_button p { text-align: center; margin-right: 0; }
    h2 { margin-top: 25px; }
    #section .grid { min-height: auto; }
    p.screenshot { text-align: center; margin-top: 40px; position: static; }
    p.screenshot img { height: auto; max-width: 100%; }
    #quotes { background: #fff; }
    #quotes p.quote_icon { padding: 20px 0 0 20px; }
    #quotes p.quote { padding: 0 20px 20px 20px; }
}