.theme-class {

}

.navbar-inner {

    margin-top: 25px;
}

@font-face {
    font-family: 'CabinRegular';
    src: url('../font/Cabin-Regular-webfont.eot');
    src: url('../font/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/Cabin-Regular-webfont.woff') format('woff'),
        url('../font/Cabin-Regular-webfont.ttf') format('truetype'),
        url('../font/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CabinBold';
    src: url('../font/Cabin-Bold-webfont.eot');
    src: url('../font/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/Cabin-Bold-webfont.woff') format('woff'),
        url('../font/Cabin-Bold-webfont.ttf') format('truetype'),
        url('../font/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.0.3');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
      url('../font/fontawesome-webfont.woff?v=4.0.3') format('woff'),
      url('../font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
      url('../font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
    font-family: "CabinRegular", "Helvetica Neue", "Helvetica", "Geneva", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333333;
    /* padding-top: 50px; */
    height: 793px;
    background: url('../img/background01.png') 0 130px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 ,.h5, .h6 {
    font-family:  "CabinBold", Helvetica, sans-serif;
    font-weight: lighter;
}

.header{
    background: rgba(255, 255, 255, 1);
}

.container-wrap{
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}


.page-header {
    color: #FFF;
    width: auto;
    padding: 30px 0;
    margin: 0;
    border-bottom: 0;
    background: rgba(255, 0, 0, 0.6);
}

p.quote {
    font-family: "CabinBold","Helvetica Neue","Helvetica","Geneva","Arial",sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: normal !important;
    line-height: 21px;
}
p.quote-caption {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

strong, .bold{
    font-family: "CabinBold", "Helvetica Neue", "Helvetica", "Geneva", "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
}

label {
    font-weight:normal
}

.page-header .page-header-inner{
    min-height: 65px;
    background: url('../img/digitaldefenderspartnership.png') no-repeat left top;
    text-align: center;
}

.page .page-header .page-header-inner p {
    font-family: "CabinBold", "Helvetica Neue", "Helvetica", "Geneva", "Arial", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
}

/************************Main Navigation***************************/

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
    float: left;
}

.navbar .nav {
    display: block;
    float: left;
    left: 0;
    margin: 0 0px 0 0;;
    position: relative;
}
.navbar ul.nav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin-right: 26px;
}
.navbar ul.nav li.active a {
    box-shadow: none;
    color: #333333;
}
.navbar ul.nav li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #B3B3B3;
    padding: 18px 0 15px;
    text-decoration: none;
    text-shadow: none;
}

/************responsive navigation***********************/

/*@media (max-width: 767px) {*/

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar {
        position: absolute;
        min-height: 60px;
        margin-bottom: 0px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0;
    }

    .navbar-default {
        background: rgba(255, 255, 255, 1);
    }

    .navbar-toggle {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin: 8px 15px;
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0;
    }

    .navbar-default .navbar-toggle {
        border-color: #ffffff;
        background: rgba(255, 0, 0, 0.6);

    }

    .navbar-default .navbar-toggle .icon-bar {
        background: rgba(255, 255, 255, 1);
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: rgba(255, 0, 0, 0.6);
    }

    .navbar-collapse {
        max-height: 380px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid rgba(0, 0, 0, 0);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
    }
    .navbar-default .navbar-brand {
        color: #ffffff;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #fffff;
    }

    .navbar ul.nav li {
        display: block;
        margin-right: 15px;
    }

    .nav > li {
        position: relative;
        display: block;
    }

    @media (max-width: 767px) {
        .nav > li {
            position: relative;
            display: block;
            float: none;
        }
    }

    .nav-pills > li {
        float: none;
    }

    .navbar ul.nav li a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #B3B3B3;
        padding: 18px 0 15px;
        text-decoration: none;
        text-shadow: none;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #555;
        background-color: rgba(0, 0, 0, 0);
    }

    .navbar ul.nav li.active a {
        box-shadow: none;
        font-weight: 700;
        color: #333;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: rgba(0, 0, 0, 0);
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #333333;
        font-weight: 700;
        background-color: rgba(0, 0, 0, 0);
    }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding-left: 10px;
    }

    /***************Form section***********************/

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        vertical-align: middle;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #CCC;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .section-title-form-red{
        border-bottom: 1px solid rgba(255, 0, 0, 0.6);
        font-size: 28px;
        padding-bottom: 10px;
    }

    .section-title-form-blue{
        border-bottom: 1px solid rgba(0, 193, 226, 0.6);
        font-size: 28px;
        padding-bottom: 10px;
    }

    .page.blue .page-header {
        background: rgba(0, 193, 226, 0.6);
    }

    .form-group {
        margin:30px 0;
    }

    .blue {
        background: rgba(0, 193, 226, 0.6);
    }
    
    #form2 > p {
        clear: both;
        float: left;
    }

    /************Blue header form *****************/

    .page-id-8 > .page-header{
        background: rgba(0, 193, 226, 0.6);
    }

    .white-background{
        background-color: #ffffff;
    }

    .link-selection{
        /* text-align: center; */
        padding: 10px;
    }

    /********************Grant buttons **************************************/

    .nav > li > a.grant-nav {
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        color:#ffffff;
        margin: 20px;
        border-radius: 0;
        background: rgba(255, 0, 0, 0.6);
        position: relative;
        display: block;
        padding: 15px 15px;
        text-decoration: none;
    }

    .nav > li > a.grant-nav:hover,
    .nav > li > a.grant-nav:focus,
    .nav > li > a.grant-nav.blue:hover,
    .nav > li > a.grant-nav.blue:focus {
        background-color: #B3B3B3;
        text-decoration: none;
    }

    .nav > li > a.grant-nav.blue{
        background: rgba(0, 193, 226, 0.6);
    }

    form {
        margin-bottom:100px;
    }

    /********Buttons**********/

    .btn-default {
        background: rgba(255, 0, 0, 0.8);
        border-color: #CCCCCC;
        color: #ffffff;
    }
    .btn {
        -moz-user-select: none;
        background-image: none;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.42857;
        margin-bottom: 0;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        margin:20px 0;
        clear: both;
        float: left;
    }

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff;
        background: rgba(120, 0, 0, 0.9);
        border-color: #540101;
    }

    #add_new_file,
    #full_proposal{
        background: rgba(0, 193, 226, 0.6);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        margin:20px 0;
        padding: 15px 15px;
        -moz-user-select: none;
        background-image: none;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0;
        box-shadow: none;
        clear: both;
        float: left;
    }

    #file{
        background: rgba(0, 193, 226, 0.6);
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        clear: both;
        float: left;
        width: auto;
        margin:20px 0;
        padding: 15px 15px;
        cursor: pointer;
    }

    .remove_project_file{
        float: right;
        line-height: 0px;
        margin: 0px;
    }