/* Custom font family */
@font-face {
    font-family: 'AmnestyTradeGothicW04BdCnNo-20';
    src: url('../fonts/AmnestyTradeGothicW04BdCnNo-20.eot?#iefix');
    src:
        url('../fonts/AmnestyTradeGothicW04BdCnNo-20.eot?#iefix') format('eot'),
        url('../fonts/AmnestyTradeGothicW04BdCnNo-20.woff') format('woff'),
        url('../fonts/AmnestyTradeGothicW04BdCnNo-20.ttf') format('truetype'),
        url('../fonts/AmnestyTradeGothicW04BdCnNo-20.svg#AmnestyTradeGothicW04BdCnNo-20') format('svg');
}
/* Don't show breadcrumb menu on the top */
.page-civicrm #branding div.breadcrumb,
.page-civicrm.page-civicrm-profile.page-civicrm-profile-create #branding div.breadcrumb,
.page-civicrm.page-civicrm-petition.page-civicrm-petition-sign #branding div.breadcrumb,
.adminimal div.region.region-breadcrumb,
.adminimal-theme #branding div.breadcrumb {
    display: none;
}
/* Page header rules */
.adminimal h1.page-title,
div#branding h1.page-title,
div#block-stark-page-title h1,
h1.page-title {
    width: 100%;
    text-align: center;
    font-family: 'AmnestyTradeGothicW04BdCnNo-20';
    text-transform: uppercase;
    font-size: 32px;
    line-height: 38px;
    padding: 0 0 12px;
}
/* Add space between the title and the top of the page - adminimal d7 */
body.adminimal-theme div#branding {
    padding-top: 24px;
}
/* Add padding to the form. left and right padding 15px */
div.layout-container div.layout-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* The footer regions has to be hidden. The hidden-node class has been added by the Service. */
[class*='appearancemodifier-'] .hidden-node {
    display: none;
}
/* Message boxes. Like profile, event, petition introductions. */
[class*='appearancemodifier-'] #intro.crm-section,
[class*='appearancemodifier-'] .crm-section.event_summary-section,
[class*='appearancemodifier-'] .crm-section.event_description-section p,
[class*='appearancemodifier-'] .crm-section.event_footer_text-section p,
[class*='appearancemodifier-'] .crm-section.event_confirm_text-section p,
[class*='appearancemodifier-'] .crm-section.event_confirm_footer-section p,
[class*='appearancemodifier-'] .crm-section.event_thankyou_text-section p,
[class*='appearancemodifier-'] .crm-section.event_thankyou_footer-section p,
[class*='appearancemodifier-'] .crm-section.thankyou_text-section p,
[class*='appearancemodifier-'] .crm-section.intro_text-section p,
[class*='appearancemodifier-']#crm-container .crm-section.helprow-post[id*='helprow-'] div.content.description,
[class*='appearancemodifier-']#crm-container .crm-section.helprow-pre[id*='helprow-'] div.content.description,
[class*='appearancemodifier-'] .messages p {
    font-size: 1.4em;
    line-height: 1.3em;
    margin: 0 0 1em;
}
/* The bottom margin of the pre help text of the consent activity checkboxes has to be 0. */
[class*='appearancemodifier-']#crm-container .crm-section.helprow-post[id*='helprow-'] div.content.description p,
[class*='appearancemodifier-']#crm-container .crm-section.helprow-pre[id*='helprow-'] div.content.description p,
[class*='appearancemodifier-']#crm-container .crm-section.helprow-post[id*='helprow-'] div.content.description,
[class*='appearancemodifier-']#crm-container .crm-section.helprow-pre[id*='helprow-'] div.content.description {
    margin-bottom: 0;
}
[class*='appearancemodifier-'] .messages {
    margin: 0;
    padding: 0;
}
/* The size of the checkboxes */
[class*='appearancemodifier-'] .edit-value.content input[type='checkbox'].crm-form-checkbox,
[class*='appearancemodifier-'] .crm-section.form-item .content input[type='checkbox'].crm-form-checkbox {
    width: 30px !important;
    height: 30px !important;
    float: left;
    margin-right: 15px;
}
/* The label of the checkboxes. The width has to be calculated to be able to prevent the textwrap below the checkbox. */
[class*='appearancemodifier-'] .crm-section div.label.checkbox-label,
[class*='appearancemodifier-'] div.crm-container .crm-section div.label.checkbox-label {
    vertical-align: super;
    padding-left: 0px;
    display: inline;
    float: left;
    width: calc(100% - 50px);
}
/* The form submit buttons */
[class*='appearancemodifier-'] .crm-submit-buttons button.crm-form-submit {
    width: 100%;
    background-image: none;
    background-color: #444;
    font-size: 1.5em;
    font-family: 'AmnestyTradeGothicW04BdCnNo-20';
    text-transform: uppercase;
    height: 60px;
}
/* The button container item */
[class*='appearancemodifier-'] div.crm-submit-buttons {
    margin: 20px 0 4px 2px;
    height: 60px;
}
/* Medium, big and textarea inputs has to be full width */
[class*='appearancemodifier-'] .content textarea,
[class*='appearancemodifier-'] input[type='text'].big,
[class*='appearancemodifier-'] input[type='text'].medium {
    width: 100%;
}
[class*='appearancemodifier-'] .content textarea {
    line-height: 1.538em;
    padding: 10px;
}
/* The text input font size has to be increased. */
[class*='appearancemodifier-'].crm-container.crm-public#crm-container div.content input[type='text'],
[class*='appearancemodifier-'].crm-container.crm-public#crm-container div.content input[type='email'],
[class*='appearancemodifier-'].crm-container.crm-public#crm-container div.content input[type='password'] {
    font-size: 20px;
}
/* The textfields as border-boxes for handling the paddings. */
[class*='appearancemodifier-'] .content textarea,
[class*='appearancemodifier-'] input[type='text'],
[class*='appearancemodifier-'] input[type='email'],
[class*='appearancemodifier-'] input[type='password'] {
    box-sizing: border-box;
}
/* Form item labels */
[class*='appearancemodifier-'] .crm-section div.label label,
[class*='appearancemodifier-'] .crm-section td.labels label {
    font-weight: bold;
    font-size: 1.1em;
}
[class*='appearancemodifier-'] .crm-section div.label:not(.hidden-node) {
    float: none;
    font-size: 1.1em;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    display: inline;
}
/* Required marker */
[class*='appearancemodifier-'] .label span.crm-marker {
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: 300;
}
/* Disable margin left on the form item container elements */
[class*='appearancemodifier-'] .crm-section.form-item .content,
[class*='appearancemodifier-'] .content.description {
    margin-left: 0;
}
/* Table rules */
[class*='appearancemodifier-'] .crm-section table {
    font-size: 15px;
}