/*
    This file is part of PACT-Vote.

    PACT-Vote is the PACT Party of Canada's official online voting and
    democracy facilitation system. It may eventually become the worlds.

    Copyright (C) PACT. AUTHORS listed in AUTHORS file.

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

    You can contact the PACT party online at http://pact.tk/,
    or via paper mail at:

    PACT - PRCT
    260 SPADINA AVE UNIT 402
    TORONTO ON   M5T 2E4
    Canada

    Or by email:
    Contact@ACT-Party.CA

    general.css is derived from Infinitygrid - http://www.aonethemes.com/infinitygrid
    Infinitygrid is also GPL3
*/

/*
    general.css

    Root stylesheet for PACT-Vote

    Provides all of the catch-all styles
*/

/*
    Fonts
*/
@font-face {
    font-family: 'GothamBoldROMBold';
    src:         url('/public/system/assets/fonts/Gotham-Bold-ROM/gotham-bold-rom.eot');
    src:         url('/public/system/assets/fonts/Gotham-Bold-ROM/gotham-bold-rom.eot') format('embedded-opentype'),
                 url('/public/system/assets/fonts/Gotham-Bold-ROM/gotham-bold-rom.woff') format('woff'),
                 url('/public/system/assets/fonts/Gotham-Bold-ROM/gotham-bold-rom.ttf') format('truetype'),
                 url('/public/system/assets/fonts/Gotham-Bold-ROM/gotham-bold-rom.svg#GothamBoldROMBold') format('svg');
}

@font-face {
    font-family: 'GothamBookROMRegular';
    src:         url('/public/system/assets/fonts/Gotham-Book-ROM/gotham-book-rom.eot');
    src:         url('/public/system/assets/fonts/Gotham-Book-ROM/gotham-book-rom.eot') format('embedded-opentype'),
                 url('/public/system/assets/fonts/Gotham-Book-ROM/gotham-book-rom.woff') format('woff'),
                 url('/public/system/assets/fonts/Gotham-Book-ROM/gotham-book-rom.ttf') format('truetype'),
                 url('/public/system/assets/fonts/Gotham-Book-ROM/gotham-book-rom.svg#GothamBookROMRegular') format('svg');
}

@font-face {
    font-family: 'GothamMediumROMMedium';
    src:         url('/public/system/assets/fonts/Gotham-Medium-ROM/gotham-medium-rom.eot');
    src:         url('/public/system/assets/fonts/Gotham-Medium-ROM/gotham-medium-rom.eot') format('embedded-opentype'),
                 url('/public/system/assets/fonts/Gotham-Medium-ROM/gotham-medium-rom.woff') format('woff'),
                 url('/public/system/assets/fonts/Gotham-Medium-ROM/gotham-medium-rom.ttf') format('truetype'),
                 url('/public/system/assets/fonts/Gotham-Medium-ROM/gotham-medium-rom.svg#GothamMediumROMMedium') format('svg');
}

/*
    CSS HTML5 RESET
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border:  0;
    margin:  0;
    padding: 0;
}

article,
aside,
figure,
figure img,
figcaption,
footer,
header,
nav,
section,
video,
object {
    display: block;
}

a img {
    border: 0;
}

figure {
    position: relative;
}

ul,
li {
    margin:     0;
    padding:    0;
    list-style: none;
}

strong {
    font-weight: 400;
    font-family: 'GothamBoldROMBold';
}

em {
    font-style: italic;
}

cite {
    color:      #333;
    font-style: italic;
}

/* MAIN CSS */
html {
    background: #efefef;
}

body,
p {
    font-weight: 400;
    font-style:  normal;
    color:       #999;
    font:        14px/20px 'GothamBookROMRegular', 'Open Sans', sans-serif;
}

body a,
p a {
    text-decoration: none;
    color:           #444;
}

body a:hover,
p a:hover {
    text-decoration: none;
    color:           #cc002c;
}

p {
    padding: 0 0 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin:         0 0 10px 0;
    font-family:    'GothamBoldROMBold', sans-serif;
    text-rendering: optimizelegibility;
    line-height:    1.3em;
}

.whiteme {
    float:            left;
    width:            auto;
    background-color: #fff;
    padding:          0 10px 0 0;
}

h4.widget-title-sidebar {
    margin:     0 0 5px 0;
    padding:    0 0 0 0;
    color:      #757575;
    font-size:  14px;
    float:      left;
    width:      100%;
    text-align: left;
}

h5 {
    /*font-size: 14px;*/
    /*padding: 0 0 5px;*/
    /*float: left;*/
    /* width: 100%;
    */
}

h5.widget-title-footer {
    color:          #ededed;
    font-size:      13px;
    margin:         0 0 10px 0;
    padding:        0 0 0 0;
    font-weight:    400;
    text-transform: uppercase;
}

.bg_white {
    background-color: #fff;
}

br.clear {
    clear:   both;
    display: block;
    height:  1px;
    margin:  -1px 0 0 0
}

.box {
    background-color: #e8eced;
}

.box p {
    color:         #333;
    margin-bottom: 10px;
}

.box hr {
    height:     2px;
    font-size:  2px;
    background: #fff;
    border:     none;
    margin:     0;
}

blockquote {
    width:            80% !important;
    padding:          0 5% !important;
    margin:           10px 10% 25px 10% !important;
    border-top:       1px solid #f0f0f0 !important;
    border-bottom:    1px solid #f0f0f0 !important;
    border-left:      3px solid #f0f0f0 !important;
    border-right:     3px solid #f0f0f0 !important;
    background-color: #f8f8f8 !important;
    font-style:       italic !important;
}

blockquote p {
    padding:     15px 0 !important;
    font-size:   14px !important;
    line-height: 22px !important;
    font-weight: normal;
}

.entire-site-wrap {
    width:  100%;
    float:  left;
    margin: 0;
}

.site-margin {
    margin: 0 auto;
}

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

ol {
    counter-reset: li; /* Initiate a counter */
    margin-left:   0; /* Remove the default left margin */
    padding-left:  0; /* Remove the default left padding */
}

ol > li {
    position:   relative; /* Create a positioning context */
    margin:     0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:    4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

ol > li:before {
    content:            counter(li); /* Use the counter as content */
    counter-increment:  li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:           absolute;
    top:                2px;
    left:               -2em;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    width:              2em;
    /* Some space between the number and the content in browsers that support
    generated content but not positioning it (Camino 2 is one example) */
    margin-right:       8px;
    padding:            2px 6px;
    border-top:         0px solid #666;
    color:              #666;
    background:         #f0f0f0;
    font-weight:        normal;
    text-align:         center;
    border-radius:      500px;
}

li ol,
li ul {
    margin-top: 15px;
}

footer {
    line-height: 22px !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border:           0px;
    border-radius:    3px;
    background-color: #bfbfbf;
    color:            #757575;
    padding:          5px 15px;
    outline:          0;
}

pre {
    border-left:      3px solid #ededed;
    background-color: #f8f8f8;
    padding:          20px;
    margin:           0 0 15px 0;
    border-radius:    0px;
}

address {
    margin-bottom: 20px;
}

.selectize_general_item {
    font-size: 13px !important;
}

@media (max-width: 767px) {
    #crumbs ul li a {padding: 4px 20px 0 20px !important;}
}


@media (min-width: 768px) and (max-width: 991px) {
    #crumbs ul li a {padding: 4px 20px 0 20px !important;}
}

/* END MAIN CSS */

/* GENERAL PURPOSE ALIGNMENT STYLES */
.alignnone {
    margin: 5px 20px 20px 0;
    width:  100%;
    height: auto;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin:  5px auto 5px auto;
}

.alignright {
    float:  right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:  left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin:  5px auto 5px auto;
}

a img.alignright {
    float:  right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:  left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display:      block;
    margin-left:  auto;
    margin-right: auto
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.padding_box h3 {
    line-height: 1.2em;
    font-size:   1.6em;
}

/* END GENERAL PURPOSE ALIGNMENT STYLES */

/* GENERAL PURPOSE PADDING & MARGIN STYLES */

.padding_top_30 {
    padding-top: 30px;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.margin_top_10 {
    margin-top: 10px;
}

.margin_right_10 {
    margin-right: 10px;
}

.margin_right_30 {
    margin-right: 30px;
}

.margin_left_10 {
    margin-left: 10px;
}

.margin_top_5 {
    margin-top: 5px;
}

.padding_bottom_30 {
    padding-bottom: 30px;
}

.padding {
    padding: 10px;
}

.padding_top_10 {
    padding-top: 10px;
}

.padding_box {
    padding: 12px 22px 12px 22px;
}

/* END GENERAL PURPOSE PADDING & MARGIN STYLES */

/* START SECTION STYLES */

.section-wrap {
    float:    left;
    width:    100%;
    position: relative;
}

/* END SECTION STYLES