/*
Theme Name:  FanSend
Author:      FanSided
Description: Whitelabel Framework child theme for the FanSend network.
Version:     1.3.5
Template:    whitelabel-framework

This child theme is explicitly designed for use with Whitelabel Framework.
*/

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:300,400,700);
@import url("../whitelabel-framework/style.css");

body {
    background: #e5e5e5;
    border:     0;
    font-family: 'Titillium Web', sans-serif !important;
}

.grids {
    max-width: 600px;
}

.container_12, .container_16 {
    margin-left:  auto;
    margin-right: auto;
}

h1, h2, h3 {
    text-align:  center;
    font-weight: 400;
    color:       #000000 !important;
    font-size:   2.4em;
}

a {
    color: #ae2704;
    text-decoration: none;
}

a.gray-link {
    color: #818181;
    text-decoration: underline;
}

.emphasize {
    color: #ae2704;
}

label, th {
    font-size:   16px;
    color:       #062f4d;
    font-weight: bold;
}

p, input, .chosen-container {
    font-size:   16px;
    font-family: 'Titillium Web', sans-serif !important;
}

table, tbody, th, tr, td {
    width:          100%;
    vertical-align: middle;
    display:        block;
    text-align:     left;
}

tr, td {
    padding: 10px 10px 10px 0;
}

th {
    vertical-align: middle;
    text-transform: uppercase;
}

/* HEADER STYLES */
#header {
    margin-top: 20px;
    padding: 16px 0px 7px;
}

/* CONTENT AREA STYLES */
form {
    clear: both;
}
#contentColWide table {
    width: 100%;
}

#contentColWide th, #contentColWide tr:nth-child(even) td, #contentColWide tr:hover td {
    background: none;
}

#middleWrapper .grid_12, #middleWrapper .grid_16 {
    background:    #ffffff;
}

.entry-meta, #nav_below_header, .clear.after_logo_aside {
    display: none;
}

#header div.logo {
    min-height: 20px;
}

div.page {
    padding: 25px 38px 20px;
    color: #818181;
    border: solid 1px #c0c0c0;
}

.body-text,
.tag-line {
    margin: 0 0 1.2em 0;
}

.tag-line {
    font-size: 1.4em;
    line-height: 1.3em;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
}

/*.input-section {
	margin-bottom: 2em;
}
*/
#comments {
    display: none;
}

/* FORMS */
label {
    color: #818181;
    line-height: 25px;
    font-weight: bold;
}

.display-email-only {
    text-align: center;
}

input, textarea, select {
    display: block;
    padding:               0.5em;
    font-size:             15px;
    line-height:           1.2em;
    height:                40px;
    width:                 50%;
    margin:                0 auto;
    border:                none;
    border-radius:         0;
    -webkit-appearance: none;
    font-family: 'Titillium Web', sans-serif !important;
    font: inherit;
}

select {
    padding:             0.5em 1em 0.5em 0.75em;
    background-repeat:   no-repeat;
    background-image:    url(data:image/gif;base64,R0lGODlhDgAmAIAAAAAAAP///yH5BAEHAAEALAAAAAAOACYAAAIejI+py+0Po5y02ovzArz75H1KCDSiWWrqyrbuC7sFADs=);
    background-position: right center;

}

input[type="email"], input[type="text"], select {
    border:           none;
    border-radius:    0;
    z-index:          999;
    padding:          0.0em .7em !important;
    font-size:        19px !important;
    background-color: #e5e5e5;
    line-height:      1.3em;
    width:            100%;
    font-family: 'Titillium Web', sans-serif !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}

input[type="text"] {
    width: 100%;
    padding: 0 .3em !important;
    color: #818181;
}

.step2 input[type="submit"] {
    display: none;
}

input.premise-submit, .umm-usermeta-update-form button, a.button {
    background-color:      #ae2704;
    border:                none;
    -moz-border-radius:    0;
    -khtml-border-radius:  0;
    -webkit-border-radius: 0;
    border-radius:         0;
    color:                 #e5e5e5 !important;
    font-size:             19px !important;
    padding:               9px !important;
    margin:                20px auto 10px;
    height:                auto;
    width:                 80%;
    display:               block;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Titillium Web', sans-serif !important;
    font: inherit;
}

input.premise-submit, .umm-usermeta-update-form button {
    width:                 50% !important;
}

.notice {
    font-weight: bold;
    font-size: .8em;
    margin: .4em 0 .5em 0;
}

.notice.unsubscribe, .umm-success-message {
    margin-left: 0;
    color:       #aa2233;
}

.error-notice {
    padding: 8px;
    background: #fdfd96;
    font-size: 11px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    width: 40%;
    text-align: center;
}

/* Update Form Styles */
.umm-usermeta-update-form {

}

.umm-success-message {
    font-size:   22px;
    line-height: 46px;
    font-weight: bold;
}

a.unsubscribe, a.unsubscribe:hover {
    font-weight: bold;
    text-decoration: none;
    color:           #ae2704 !important;
}

a.unsubscribe:hover {
    text-decoration: underline;
}

/* CHOSEN JS OVERRIDES */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px !important;
    height:11px !important;
}

.chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: #ae2704 !important;
}

/* FOOTER STYLES */
#footer {
    text-align:    center;
    color:         #ffffff;
    font-size:     16px;
    font-weight:   300;
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .grids [class^="grid_"] {
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 420px) {
    div.page {
        padding: 25px 25px 25px;
    }
    input.premise-submit {
        width: 80% !important;
    }
    input[type="email"], input[type="text"], select {
        font-size: 16px !important;
    }

}