/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
}

#footer-wrapper,
body
{
    background: #383737;
}

#page-wrapper {
  background: #eef2f3 url(../images/tile.png);
}

#page {

}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#header-wrapper {
  border-top: 6px solid #97c5ca;
  background: white;
  -webkit-box-shadow: 0px 0px 6px 0px #A3A3A3;
  box-shadow: 0px 0px 6px 0px #A3A3A3;
  -moz-box-shadow:  0px 0px 6px 0px #A3A3A3;
  z-index: 3;
  position: relative;

}
#header {

    position: relative;
}

#name-and-slogan,
#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
  margin-top:16px;
  margin-bottom: 20px;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
  padding-left: 5em;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */

#main {
  padding-top: 0;
  padding-bottom: 3em;
    margin-left: 12px;
    margin-right: 12px;
}

.section-contact #main{
    padding-left:12px;
    padding-right: 12px;
}


/*
 * Content
 */

 .page-home #content {

    margin-top:55px;
}

 #content{

     position: relative;
 }

 #content .feed-icon{

     position: absolute;
     bottom: 0;
 }

#content .feed-icon img{

    display: block;
}

.region-highlighted {
  clear: both;
}

.breadcrumb { /* The path to the current page in the form of a list of links */
  text-transform: uppercase;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
  margin-bottom: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding-right: 15px;
    padding-left: 15px;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

.page-node h1.title{

    margin-bottom: 32px;
}

.page-node article p,
.page-node article li{

    line-height: 160%;
}

.page-node article p a{

    text-decoration: underline;
}

.page-node .field-page-introduction p{

    line-height: 145%;
    padding-left: 15px;
}


/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */
#footer-wrapper {
  border-top: 6px solid #97c5ca;
  color: #ffffff;
}
#footer {

    padding: 0;
    margin: 0 auto;
    padding: 30px 0;
}

/*
 * Page bottom
 */
.node-type-campaign #page-title {
  background: #48c8d7;
  color: #ffffff;
  font-size: 1.75em;
  margin: 0;
  padding: 22px;
}


/**
 * Homepage Panel
 */


.logged-in.front .panel-col-top.panel-panel{

    width:100%;
}

#homepage-panel .center-wrapper .panel-panel{

    height: 200px;
    width: 290px;
    margin-right: 23px;
    background: #48c8d7;

}

#homepage-panel .center-wrapper{

    margin-left:20px;
}

#homepage-panel .center-wrapper .panel-panel .inside{

    margin:0;
}

/**
 * Homepage Panel Last Block (Quote)
 */

#homepage-panel .center-wrapper .panel-col-last .field-member-quote{

    font-size: 114%;
    margin: 0 0 20px;
    max-height: 78px;
    overflow: hidden;
}

#homepage-panel .center-wrapper .panel-col-last{


    width: 210px;
    font-family: 'proxima_nova_rgregular';
    width: 290px;
    padding-bottom: 19px;
    background: url('../images/quote_arrow.png') center bottom no-repeat;
    color: white;
    text-align: center;
    margin-right: 0;
}

#homepage-panel .center-wrapper .panel-col-last .inside{

    padding: 40px 40px 0 40px;
    height: 160px;
    background: url('../images/quote.png') center 15px no-repeat #b0bebf;

}

#homepage-panel .center-wrapper .panel-col-last .field-member-name,
#homepage-panel .center-wrapper .panel-col-last .field-member-organisation{

    font-family: 'proxima_novasemibold';
}


/**
 * Homepage Panel First Block (Fact)
 */

#homepage-panel .center-wrapper .panel-col-first{

    height: 190px;
    border-top:5px solid #383737;
    border-bottom:5px solid #383737;
    background: none;
}

#homepage-panel .center-wrapper .panel-col-first h2{

    font-size: 229%;
    color:#383737;
    margin:20px 0 10px;
    text-align: left;
}

#homepage-panel .center-wrapper .panel-col-first .field-body{

    font-family: 'proxima_nova_rgregular';
}

#homepage-panel .center-wrapper .panel-col-first .field-body div{

    line-height: 140%;
}

#homepage-panel .center-wrapper .panel-col-first .field-body div{

    font-size: 143%;
}

/**
 * Signature
 */

#copyright{

    background: white;
    height: 50px;
    font-family: 'proxima_novasemibold';
    color: #383737;
    font-size:93%;
    height: 35px;
    padding-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
}

#copyright a{

    background: white;
    height: 50px;
    font-family: 'proxima_novasemibold';
    color: #383737;
    font-size:13px;
    text-decoration: none;
    padding-right: 25px;
    background: url('../images/dg_sig.png') center right no-repeat;
}

#copyright .copyright-left{

     float:left;
    margin-top: 3px;


 }

#copyright .copyright-right{

    float:right;
    margin-top: 3px;
}

#copyright .inside{

    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
}

/**
 * News landing page
 */

#news-landing-panel .view-cpsu-news-events{

    background: #48c8d7;
}

#news-landing-panel .view-cpsu-news-events .field-banner-image{

    float:left;
}

#news-landing-panel .view-cpsu-news-events .field-banner-image img{

    display: block;
}

#news-landing-panel .view-cpsu-news-events .node-title a{

    font-size: 30px;
    color:white;
    text-decoration: none;
    line-height: 110%;
}

#news-landing-panel .view-cpsu-news-events .featured-caption{

    overflow: hidden;
    padding: 30px;
}

#news-landing-panel .view-cpsu-news-events .featured-caption h2{

    margin-bottom: 10px;
}

#news-landing-panel .view-cpsu-news-events .featured-caption .field-tagline{

    font-size: 114%;
    color:white;
}

#news-landing-panel .view-cpsu-news-events .featured-caption .read-more a{

    color: #383737;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow';
    font-weight: bold;
    text-decoration: underline;
}

#news-landing-panel .view-cpsu-news-events .featured-caption .read-more{

    padding: 20px 0;
}

#news-landing-panel .center-wrapper .panel-col-first h2,
#news-landing-panel .center-wrapper .panel-col-last h2{

    color:#383737;
}

#news-landing-panel .center-wrapper .panel-col-first{

    width: 37%;
    min-width: 325px;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events{


}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-content{

    background: white;
    width: 250px;
    padding: 30px;

}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .outside{

    width:310px;
    padding-bottom: 20px;
    background: url('../images/events_arrow.png') center bottom no-repeat;

}

#news-landing-panel .center-wrapper .panel-col-last .view-id-campaigns .view-content{

    overflow: hidden;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-footer ,
#news-landing-panel .center-wrapper .panel-col-last .view-id-campaigns .view-footer ,
#news-landing-panel .panel-col-bottom .view-id-news_media .view-footer {

    margin-top: 19px;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-footer .view-text,
#news-landing-panel .center-wrapper .panel-col-last .view-id-campaigns .view-footer .view-text,
#news-landing-panel .panel-col-bottom .view-id-news_media .view-footer .view-text,
.view-footer .view-text{

    font-family: 'PT Sans Narrow';
    color:#383737;
    text-transform: uppercase;
    font-size:18px;
    font-weight: bold;
}

.view-link a{

    display: block;
    padding-top:2px;
    margin-right: 6px;
    float:left;
}

.view-link span.separator{

    display: block;
    padding-top:4px;
    margin-right: 6px;
    float: left;
}

.view-link span.separator-reset{

    padding-top: 2px;
}

#news-landing-panel .center-wrapper .panel-panel .inside{

    margin: 0;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-footer{

    margin-top: 0px;
}

.view-footer{

    overflow:hidden;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-footer .view-text,
#news-landing-panel .center-wrapper .panel-col-last .view-id-campaigns .view-footer .view-text,
#news-landing-panel .panel-col-bottom .view-id-news_media .view-footer .view-text,
.view-footer .view-text{
    float: left;
    margin-right: 10px;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .view-footer a,
#news-landing-panel .center-wrapper .panel-col-last .view-id-campaigns .view-footer a,
#news-landing-panel  .panel-col-bottom .view-id-news_media .view-footer a{

    font-family: 'proxima_nova_rgregular';
    color:#383737;
    text-decoration: underline;
    font-size: 16px;
    text-transform: none;
}


#news-landing-panel .center-wrapper .panel-col-first .view-id-events .views-row{

    clear:both;
    margin-bottom: 25px;
    overflow: hidden;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .views-row-last{

    margin-bottom: 0;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .separated-date{

    font-size:20px;
    font-family: 'PT Sans Narrow';
    color:#383737;
    float: left;
    margin-right: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .views-field-title{

    line-height: 180%;
    margin-top: 2px;
    min-height: 26px;
    overflow: hidden;

}

#news-landing-panel .center-wrapper .panel-col-first .view-id-events .views-field-title a{

    font-size: 16px;

    font-family: 'proxima_nova_rgregular';

}

#news-landing-panel .center-wrapper .panel-col-last{

    width: 63%;
}

#news-landing-panel .panel-col-bottom{

    margin-top: 50px;
    border-top: 5px solid #383737;
}

#news-landing-panel .panel-col-bottom,
#news-landing-panel .center-wrapper
{

   overflow: hidden;
}

#news-landing-panel .panel-col-bottom h2{

    color:#383737;
    font-size: 28px;
    line-height: 22px;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .node-title a{

    color: #383737;
    font-size: 20px;
    text-decoration: none;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .node-title a:hover{

    color: #da1715;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .field-banner-image{

    float: left;
    margin-right: 20px;
    width: 277px;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .node-title{

    overflow: hidden;
}


#news-landing-panel .panel-col-bottom .view-id-news_media .views-row{

    width:50%;
    float:left;
    min-width: 400px;

}
#news-landing-panel .panel-col-bottom .view-id-news_media .views-row-even{

    margin-bottom: 70px;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .views-row-odd article{

    margin-right: 10px;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .views-row-last{

    margin-bottom: 0;
}

#news-landing-panel .panel-col-bottom .view-id-news_media .view-content{

    overflow: hidden;
}

/**
 * Teaser General
 */

.teaser-content {

    padding: 15px 15px 0 15px;
    height: 127px;
    overflow: hidden;
}

.page-contact .teaser-content {

    padding: 0;
}
.node-teaser .field-banner-image img{

    display: block;
}

/**
 * Titles
 */

h1.title{

    color:#383737;
    margin-bottom: 50px;
}

.page-node h2{

    font-size: 142%;
    color:#383737;
}

.page-node strong{

    font-family: 'proxima_novasemibold';
    font-weight: normal;
}

.page-node h3{

    font-family: 'proxima_novasemibold';
    font-size: 115%;
    text-transform: none;
    font-weight: normal;
}

.node-type-page-fancy #page h3 a{

    text-decoration: none;
}

/**
 * Campaign Detail
 */

.node-type-campaign .view-id-cpsu_news_events{

    border-top: 5px solid #383737;
    margin-top: 25px;
}

.node-type-campaign .view-id-cpsu_news_events .title{

    padding: 25px 0;
}

/**
 * Login Modal
 */

div.modal-forms-modal-content .popups-container{

    border-radius: 0;
}

div.modal-forms-modal-content .modal-header{

    background: none repeat scroll 0 0 #363535;
    height: 35px;
    padding: 15px;
}

div.modal-forms-modal-content .modal-title{

    font-family: 'PT Sans Narrow';
    color:white;
    font-size: 200%;
    text-transform: uppercase;
}

div.modal-forms-modal-content{

    font-size: inherit;
    font-family: 'proxima_nova_rgregular';
    color: #3f383a;
}

div.modal-forms-modal-content .popups-close{

    background: url("../images/cross.png") no-repeat scroll center center transparent;
    width: 17px;
    height: 17px;
    margin-top: 10px;
}

div.modal-forms-modal-content .popups-close:hover{

    background-position: inherit;
}

div.modal-forms-modal-content .user-login-form .form-item-name input,
div.modal-forms-modal-content input.form-text {

    width:268px;
    height: 43px;
    background: #eef1f1;
    border: 0;;
    padding-left: 10px;
    padding-right: 10px;
}

div.modal-forms-modal-content .user-login-form .form-item-pass input{

    width:268px;
    height: 43px;
    background: #eef1f1;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
}

div.modal-forms-modal-content .user-login-form .form-item-name{

    float:left;
}

div.modal-forms-modal-content .user-login-form .form-item-pass{

    float:right;
    overflow: hidden;
}

div.modal-forms-modal-content .user-login-form .form-item-remember-me{

    float: left;
    margin:0;
    color: #3f383a;

}

div.modal-forms-modal-content .user-login-form .item-list{

    clear: none;
    margin-bottom: 20px;
    overflow: hidden;
    float: right;
}

div.modal-forms-modal-content .user-login-form .item-list ul{

    float: right;
    margin: 0;
}

div.modal-forms-modal-content .user-login-form .item-list ul li{

    list-style: none;
}

div.modal-forms-modal-content .user-login-form .item-list ul li a{

    color:#3f383a;
}

div.modal-forms-modal-content .user-login-form .form-item{

    margin-bottom: 10px;

}

div.modal-forms-modal-content .user-login-form label,
div.modal-forms-modal-content label{

    font-weight: normal;
    margin-bottom: 5px;
}

div.modal-forms-modal-content .user-login-form .form-actions input,
div.modal-forms-modal-content .form-actions input{

    background: none repeat scroll 0 0 #97C5CA;
    border: 0 none;
    color: #FFFFFF;
    font-family: 'PT Sans Narrow';
    font-size: 164%;
    padding: 10px 45px 9px 65px;
    text-transform: uppercase;
}

div.modal-forms-modal-content .user-login-form .form-actions,
div.modal-forms-modal-content  .form-actions{

    background: url("../images/headling_blue.png") no-repeat scroll right top transparent;
    float: left;
    margin-right: 20px;
    padding-bottom: 17px;
    padding-right: 20px;
    position: relative;
    margin-top: 30px;
    clear: both;
}

div.modal-forms-modal-content .user-login-form .form-actions .ajax-progress-throbber{

    position: absolute;
    right:0;
}

div.modal-forms-modal-content .user-login-form .disclaimer{

    display: block;
    float: left;
    margin-top: 35px;
    max-width: 380px;
}

div.modal-forms-modal-content .user-login-form .disclaimer a{

    color:#3F383A;
}

#modal-content{

    padding:45px;
    width: 600px !important;
    height: auto !important;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper img{

    margin-top:100px;
}

/**
 * Login Page
 */

.page-user form#user-login,
.page-user form#user-pass,
.page-user form#user-pass-reset
{
    max-width: 610px;
    margin: auto;
}

.page-user form#user-login input,
.page-user form#user-pass input,
.page-user form#user-pass-reset input
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page-user form.user-login-form .form-type-textfield ,
.page-user form.user-login-form .form-type-password {
  width: 50%;
}

@media all and (max-width: 959px) {
  .page-user form.user-login-form .form-type-textfield ,
  .page-user form.user-login-form .form-type-password {
    display: block;
    float: none;
    clear: both;
    width: 100%;
  }
}

.page-user form.user-login-form .form-type-textfield input,
.page-user form.user-login-form .form-type-password input {
  width: 95%;
}

.page-user form#user-login label,
.page-user form#user-pass label,
.page-user form#user-pass-reset label {
  font-weight: bold;
}

.page-user form#user-login .description,
.page-user form#user-pass .description,
.page-user form#user-pass-reset .description {
  margin-top: 1em;
}

div.modal-forms-modal-content div.messages{

    margin-bottom: 20px;
}

div.ctools-modal-content .form-item .description{

    display: none;
}

.page-user #user-login input,
.page-user #user-pass input{
    height: 43px;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.page-user #user-login .form-item-remember-me input{

    width:auto;
    height: auto;
}

.page-user #user-login  .intro{

    margin-bottom: 20px;
}

.page-user #user-login label,
.page-user #user-pass label{

    font-weight: normal;
}

.page-user #user-login  .form-item{

    float: left;
}

.page-user #user-login  .form-item-pass{

   float: right;
}

.page-user #user-login  .form-item-remember-me{

    margin:0;
    float: right;
}

.page-user #user-login  .form-item-remember-me,
.page-user #user-login  .disclaimer,
.page-user #user-login #edit-actions{
    clear: both;
}

.page-user #page-title{

    max-width: 610px;
    margin: auto;
}

.page-user #user-login #edit-actions input,
.page-user #user-pass #edit-actions input ,
.page-user #user-pass-reset #edit-actions input {
    background: none repeat scroll 0 0 #97C5CA;
    border: 0 none;
    color: #FFFFFF;
    font-family: 'PT Sans Narrow';
    font-size: 164%;
    padding: 10px 45px 9px 65px;
    text-transform: uppercase;
    height: 50px;
}

.page-user #user-login #edit-actions,
.page-user #user-pass #edit-actions ,
.page-user #user-pass-reset #edit-actions {

    background: url("../images/headling_blue.png") no-repeat scroll right top transparent;
    float: left;
    margin-right: 35px;
    padding-bottom: 17px;
    padding-right: 20px;
}

.page-user #user-login .disclaimer{
    display: block;
    float: left;
    margin-top: 20px;
    max-width: 325px;
    clear: none;
}


.page-user form#user-pass .form-type-textfield input {
  width: 100%;
}

/**
 * Homepage (Members)
 */

#homepage-panel-member .panel-col-first,
#homepage-panel-delegate .panel-col-first,
#homepage-panel-staff .panel-col-first{

    width:64%;
}

#homepage-panel-member .panel-pane,
#homepage-panel-delegate .panel-pane,
#homepage-panel-staff .panel-pane{

    overflow: hidden;
}

#homepage-panel-member .panel-col-last,
#homepage-panel-delegate .panel-col-last,
#homepage-panel-staff .panel-col-last{

    width: 30%;
    padding-left: 35px;
}

#homepage-panel-member .panel-col-last .pane-views-resources-block-latest,
#homepage-panel-delegate .panel-col-last .pane-views-resources-block-latest,
#homepage-panel-staff .panel-col-last .pane-views-resources-block-latest{

    border-top: 5px solid #383737;
    margin-bottom: 40px;
}

#homepage-panel-member .panel-col-last .pane-views-resources-block-latest .item-list li,
#homepage-panel-delegate .panel-col-last .pane-views-resources-block-latest .item-list li,
#homepage-panel-staff .panel-col-last .pane-views-resources-block-latest .item-list li{
    padding: 15px 20px;
    list-style: none;
    background: none repeat scroll 0 0 #FFFFFF;
    list-style: none outside none;
    margin: 0 0 8px;
    box-shadow: 0 6px 6px -6px #A3A3A3;
}

#homepage-panel-member .panel-col-last .pane-views-resources-block-latest .item-list ul,
#homepage-panel-delegate .panel-col-last .pane-views-resources-block-latest .item-list ul,
#homepage-panel-staff .panel-col-last .pane-views-resources-block-latest .item-list ul{
    padding-left: 0;
}

#homepage-panel-member .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a,
#homepage-panel-delegate .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a,
#homepage-panel-staff .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a{
    display: block;
    overflow: hidden;
    background: url("../images/icon-download.png") no-repeat scroll right center transparent;
    padding-right: 30px;
    font-family: 'PT Sans Narrow';
    font-size: 129%;
    text-transform: uppercase;
    color: #383737;
    text-decoration: none;
    font-weight: bold;
}


#homepage-panel-member .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a:hover,
#homepage-panel-delegate .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a:hover,
#homepage-panel-staff .panel-col-last .pane-views-resources-block-latest .item-list .views-field-title a:hover{
    color: #da1715;
}

/**
 * Message to user
 */

#homepage-panel-member .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing,
#homepage-panel-delegate .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing,
#homepage-panel-staff .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing{

    float: left;
}

#homepage-panel-member .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing-1,
#homepage-panel-delegate .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing-1,
#homepage-panel-staff .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing-1{

    overflow: hidden;
}

#homepage-panel-member .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .user-picture,
#homepage-panel-delegate .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .user-picture,
#homepage-panel-staff .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .user-picture{

    clear: both;
    display: block;
}

#homepage-panel-member .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing h2,
#homepage-panel-delegate .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing h2,
#homepage-panel-staff .panel-col-first .view-message-to-users.view-display-id-panel_pane_1 .views-field-nothing h2{

    margin-top: 0;
}

#homepage-panel-member .panel-col-first .pane-views-member-stories-block-front,
#homepage-panel-delegate .panel-col-first .pane-views-member-stories-block-front,
#homepage-panel-staff .panel-col-first .pane-views-member-stories-block-front{

    clear:both;
}

.logged-in #homepage-panel-member .panel-panel .view-member-stories .field-banner-image{

    width:290px;
}

#homepage-panel-member .panel-col-first .pane-message-to-users-panel-pane-1{

    margin-bottom: 25px;
}

/**
 * Memmber Story
 */


#homepage-panel-member .view-id-member_stories.view-display-id-block_1 .views-row,
#homepage-panel-delegate .view-id-member_stories.view-display-id-block_1 .views-row{

    overflow: hidden;
}

#homepage-panel-member .view-id-member_stories.view-display-id-block_1 .views-row .field-banner-image,
#homepage-panel-delegate .view-id-member_stories.view-display-id-block_1 .views-row .field-banner-image{

    float: left;
    margin-right: 20px;
}

#homepage-panel-member .view-id-member_stories.view-display-id-block_1 .views-row .field-member-quote,
#homepage-panel-delegate .view-id-member_stories.view-display-id-block_1 .views-row .field-member-quote{

    margin: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

#homepage-panel-member .view-id-member_stories.view-display-id-block_1 .views-row .field-member-name,
#homepage-panel-member .view-id-member_stories.view-display-id-block_1 .views-row .field-member-organisation,
#homepage-panel-delegate .view-id-member_stories.view-display-id-block_1 .views-row .field-member-name,
#homepage-panel-delegate .view-id-member_stories.view-display-id-block_1 .views-row .field-member-organisation{

    overflow: hidden;
    font-family: 'proxima_novasemibold';
}

#homepage-panel-member .pane-member-stories,
#homepage-panel-delegate .pane-member-stories,
#homepage-panel-delegate .pane-menu-delegates-menu,
#homepage-panel-staff .pane-member-stories,
#homepage-panel-staff .pane-menu-menu-staff-menu{

    clear: both;

}

.node-type-page-fancy #page a{

    text-decoration: underline;
}

.front.logged-in .center-wrapper{

    padding-right: 20px;
    padding-left: 20px;
}

/**
 * User Edit
 */

.page-user-edit h1.title#page-title{

    margin: 0;
}

.page-user.logged-in #page-title{

    margin:0;
}

.page-user.logged-in .profile .user-picture{

    float: none;
}

.comment-form .form-submit{

    font-size: 129%;
    font-family: 'PT Sans Narrow';
    color: white;
    padding: 9px 40px;
    background: #da1715;
    border: none;
    text-transform: uppercase;
}

article.comment .comment-reply a{

    font-size: 129%;
    font-family: 'PT Sans Narrow';
    color: white;
    padding: 9px 40px;
    background: #da1715;
    border: none;
    text-transform: uppercase;
}

article.comment ul.links.inline{

   display: block;
   margin-top: 50px;
   margin-bottom: 50px;
}

/**
 * Search results page
 */

.page-search #content h2,
.page-search404 #content h2{

    margin-top: 50px;
}

 .page-search .search-results h3 a,
 .page-search404 .search-results h3 a{

     color:#3F383A;
     text-decoration: none;
     font-size: 18px;
 }

.page-search .search-results h3,
.page-search404 .page-search .search-results h3{

    margin-bottom: 15px;
}

.page-search ol.search-results,
.page-search404 ol.search-results{

    padding-left: 0;
    margin-top: 50px;
}

.page-search .search-results li,
.page-search404 .search-results li{

    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #b4c2c3;
}

.page-search #edit-basic .form-submit,
.page-search404 #edit-basic .form-submit{

    text-indent: -9999px;
    background: url('../images/icon-filter-search.png') no-repeat center center;
    width: 40px;
    height: 40px;
}

.page-search #edit-basic .form-item-keys label,
.page-search404 #edit-basic .form-item-keys label{

    display: none;
}
.page-search #edit-basic .form-item-keys,
.page-search404 #edit-basic .form-item-keys{

    display: block;
    float: left;
    margin: 0;
}

.page-search .spelling-suggestions dt,
.page-search404 .spelling-suggestions dt{

    float:left;
    margin-right: 15px;
}

.page-search .spelling-suggestions dd a,
.page-search404 .spelling-suggestions dd a{

    color:#3F383A;
}


.page-search .search-results .search-snippet-info,
.page-search404 .search-results .search-snippet-info{

    padding-left: 0;
}

 .page-search .search-results .search-info .username,
 .page-search404 .search-results .search-info .username{

     color:#3F383A;
 }

 .page-search .search-results .search-info,
 .page-search404 .search-results .search-info{

     margin-bottom: 0;
 }

.search-form input{

    border-radius: 0;
    padding:11px 15px;
    border:none;
    width: 340px;
}

.page-search .sidebars h2.block-title,
.page-search404 .sidebars h2.block-title{

    padding:0;
}

.page-search .sidebars .region-sidebar-second,
.page-search404 .sidebars .region-sidebar-second{

    margin-top: 220px;
    padding-left: 80px;
}

.page-search .sidebars .region-sidebar-second .block-facetapi .item-list a,
.page-search404 .sidebars .region-sidebar-second .block-facetapi .item-list a{

    font-family: 'proxima_novasemibold';
    color:#383737;
    text-decoration: none;
}

#search-form .form-submit{

    text-indent: -9999px;
    background: url('../images/icon-filter-search.png') no-repeat center center;
    width: 40px;
    height: 40px;
}

/**
 * 404 Page
 */

.page-search404 h1{

    margin-top: 40px;
}

.page-search404 #page #main{

    min-height: 425px;
}

/**
* Maintenance Page
*/

.maintenance-page h1{

    margin-top: 40px;
    color:#383737;
    font-weight: bold;
    font-size: 2em;
}

.maintenance-page  #page #main{

    min-height: 425px;
}

/**
 * Share bar
 */

.share-bar .facebook{

    text-indent: -9999px;
    background: url('../images/facebook_share_icon.png') no-repeat center center;
    width: 37px;
    height: 38px;
    display: block;
    float:left;
    margin-right: 10px;
    margin-top: 14px;
}

.share-bar .twitter{

    text-indent: -9999px;
    background: url('../images/twitter_share_icon.png') no-repeat center center;
    width: 37px;
    height: 38px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 14px;
}

.share-bar .email{

    text-indent: -9999px;
    background: url('../images/email_share_icon.png') no-repeat center center;
    width: 37px;
    height: 38px;
    display: block;
    float: left;
    margin-top: 14px;
}

.share-bar .title{

    font-family: 'PT Sans Narrow';
    font-size: 129%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.share-bar{

    border-bottom: 5px solid #5c5c5c;
    margin-top: 30px;
    overflow: auto;
    padding-bottom: 35px;
}

.block-facetapi ul li.leaf{

    list-style: none;
}

.section-contact p,
.section-contact .wrapper{

    line-height: 160%;
}

.section-contact .view-locations h1{

    margin-bottom: 50px;
}

.node-type-campaign article.view-mode-full .field-banner-image{

    margin-bottom: 40px;
}

.page-node blockquote{

    margin-left: 0;
    margin-right: 0;
}

#homepage-panel .center-wrapper .panel-panel .field-tagline{

    font-size: 28px;
    color:white;
    font-family: "PT Sans Narrow";
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;

}

#homepage-panel .center-wrapper .panel-panel div.bean-video .content {
    width: 290px;
    height: 200px;
    overflow: auto;
    background: url('../images/play-button.png') center 90px no-repeat;
}


#homepage-panel .center-wrapper .panel-panel div.bean-video .mobile {
  display: none;
}

html article.view-mode-full article.node-teaser .field-banner-image {
  margin-bottom: 0px;
}

/**
 * "Access Denied" page node.
 */
body.section-access-denied .breadcrumb {
  margin-bottom: 0;
}
body.section-access-denied #main {
  padding-top: 40px;
}

a.colorbox-inline{

    text-decoration: none;
}
