/*
    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

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

/*
    header.css

    All styles related to the header
*/

.header-wrap
{
    float:          left;
    width:          100%;
    padding-top:    0;
    padding-bottom: 0;
    top:            0;
    z-index:        999;
}

.menuwrap
{
    float: right;
    width: 100%;
}

.logo
{
    float:    left;
    height:   auto;
    overflow: hidden;
    padding:  0 0;
    width:    auto;
    opacity:  1;
    display:  block;
}

.logo img
{
    margin-top: 15px;
}

.percent_100
{
    width: 100% !important;
}

.menu-primary-container
{
    float: left;
    width: 100%;
}

.header_right
{
    margin: 25px 0 0 0;
    width:  100%;
}

.header_right .search_container
{
    
    height: 66px;

    background-color: #e8eced;
    padding:          10px 15px 10px 15px;
}

.header_right .search_container .search_text
{
    float: left;
    width: 100%;
}

.header_right .search_container .search_text h4
{
    font-size:   18px;
    font-weight: 400;
    margin:      0 6% 0 0;
}

.header_right .search_container .search_bar_bg
{
/*    float: right;*/
    width: 100%
}

.header_right .search_container .search_bar_bg .search
{
}

.header_right .search_container .search_bar_bg .search input[type=text]
{
    border:           none;
    background-color: #ffffff;
    width:            90%;
    padding:          10px;
    margin-left:      1%;
}

.header_right .search_container .search_bar_bg .search button
{
    border:      none;
    cursor:      pointer;
    background:  no-repeat;
    font-size:   2.2em;
    position:    relative;
    bottom:      -5px;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 2%;
}

.header_right .search_container .search_bar_bg .search button:hover
{
    color: #CC002C
}

.logged-in
{
}

.logged-in .group
{
    position:    relative;
    width:       50%;
    float:       left;
    background:  #000;
    font-weight: 600; /*min-width: 300px;*/
    font-size:   1.3em;
    height:      44px;
}

.logged-in .group a
{
    cursor: pointer;
}

.logged-in .group a:hover, .reset:hover
{
    color: #cc002c;
}

.reset
{
    cursor: pointer;
}

.logged-in .group a.hover_white:hover
{
    color: #fff;
}

.logged-in .group a, .logged-in .group p
{
    color: #fff;
}

.logged-in .group span.select
{
    display:    block;
    color:      #fff;
    padding:    12px 12px 5px 12px;
    min-height: 42px;
}

.logged-in .group ul li
{
}

.logged-in .group ul li a
{
    padding: 8px 12px;
    display: block;
}

.logged-in .group ul li a:hover
{
    background: #CC002C
}

.logged-in .group input
{
    margin: 8px 0 8px 12px;
    width:  92%;
}

.logged-in .group p
{
    margin:     10px 12px;
    padding:    5px 0 10px 0;
    border-top: solid 1px #b3c4cc;
}

.logged-in .group p a
{
    color: #b3c4cc;
}

.logged-in .group .toggle
{
    background: #000;
    position:   absolute;
    z-index:    99;
    width:      100%;
}

.logged-in .user
{
    position:    relative;
    width:       50%;
    float:       right;
    background:  #e7ecec;
    font-weight: 400;
    min-width:   300px;
    font-size:   1.3em;
    height:      44px;
}

.logged-in .user a
{
    cursor: pointer;
}

.logged-in .user a:hover
{
    color: #cc002c;
}

/*.logged-in .user a, .logged-in .user p,.logged-in .user span {color: #333;}*/
.logged-in .user span.select
{
    display:    block;
    padding:    9px;
    min-height: 42px;
}

.logged-in .user ul
{
    padding: 0 12px 12px 12px;
}

.logged-in .user ul li
{
    padding:    2px 0;
    border-top: solid 1px #55687c;
    font-size:  0.8em;
}

.logged-in .user ul li span
{
    display: block;
    padding: 3px 0;
}

.logged-in .user small
{
    background:    #CC002C;
    border-radius: 50%;
    color:         #fff;
    padding:       0 7px;
    float:         right;
    margin-right:  10px;
}

.logged-in .user .toggle
{
    background: #e7ecec;
    position:   absolute;
    z-index:    99;
    width:      100%;
}

.share
{
    float:      right;
    margin-top: 20px;
}

.share ul li
{
    display:     inline-block;
    margin-left: 28px;
}

.share ul li a
{
    color: #3d4045;
}

.share ul li a:hover
{
    color: #cc002c !important;
}

.share ul li a i
{
    font-size: 2em;
}

.share ul li div.bread_small_share
{
    margin-right: 15px;
}

.share ul li div.bread_small_share ul
{
    margin-top: 0;
}

.share ul li div.bread_small_share ul li:last-child form
{
    color: #fff;
}

.share ul li div.bread_small_share ul li:last-child form:hover
{
    color: #fff !important;
}

.bread_small_share
{
    margin-left: -29px;
    width:       auto;
    height:      24px;
    position:    relative;
    float:       left;
}

.bread_small_share:before
{
    content: " ";
    width:   7px;
    height:  7px;
    top:     26px;
    left:    0;
}

.bread_small_share ul li
{
    display: inline;
}

.bread_small_share ul li form:after
{
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    /* border-left: 25px solid #98A8AE;
    */
    border-top:    13px solid rgba(0, 0, 0, 0);
    content:       "";
    position:      absolute;
    right:         -12px;
    top:           0;
    z-index:       1;
}

.bread_small_share ul li form.breadcrumbs_bgcolor_red:after
{
    border-left: 13px solid #cc002c;
}

.bread_small_share ul li form
{
    height:          25px;
    line-height:     25px;
    margin-left:     22px;
    padding-left:    10px;
    /*padding:         0 22px 4px;*/
    position:        relative;
    top:             -18px;
    text-align:      center;
    text-decoration: none;
    font-family:     'GothamMediumROMMedium';
}

.bread_small_share ul li input.donate_button
{
    background:  none;
    color:       #fff;
    position:    relative;
    top:         -4px;
}

.bread_small_share ul li form.breadcrumbs_bgcolor_red
{
    background: none repeat scroll #cc002c;
}

.nopadding
{
    padding-left:  0 !important;
    padding-right: 0 !important;
    overflow:      visible !important;
}

@media screen and (max-width: 570px)
{
    .share ul li
    {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 450px)
{
    .header_right .search_container .search_text h4
    {
        font-size: 0.9em !important;
    }

    .header_right .search_container .search_bar_bg .search input[type=text]
    {
        width: 77% !important;
    }
}

@media (min-width: 450px) and (max-width: 600px)
{
    .header_right .search_container .search_text h4
    {
        font-size: 1em !important;
    }

    .header_right .search_container .search_bar_bg .search input[type=text]
    {
        width: 70% !important;
    }
}

.newPostArrowHilited
{
    color: #ff595c;
}

@media (max-width: 767px)
{
    .logged-in .group
    {
        width: 100% !important;
    }

    .logged-in .user
    {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .show-topics .dropdown
    {
        margin: 0 !important;
    }
}
.banner_p p{
    color:red;
}

.selectize-control.single .selectize-input:after {
    right: 13px !important;
}
div.selectize-input.items.not-full input {
    width: 100px !important;
}
.banner-textblock {
    height: 35px;
    text-align: center;
    padding-top: 5px;
}
.auth-login {
    border: 1px solid #444;
    border-radius: 4px;
    padding-right: 2px;
    padding-top: 1px;
    margin-left: 8px;
}
.carousel-control {
    width: 3%;
}
.carousel-indicators > li:before{
    content:none;
}
.carousel-indicators li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent: -999px;
    cursor: pointer;
    background: #666;
    border-radius: 5px;
    outline: 0;
    padding: 0;
    border: 0;
}
.carousel-indicators .active{
    background: #000;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}
.carousel-control .glyphicon {
    font-size: 16px;
    background-color: #535352;
    border-radius: 500px;
    padding-left: 7px;
    padding-top: 7px;
    padding-right: 10px;
    width: 32px;
    height: 32px;
}