/* Our Environment subtheme overrides */
/* jvs: your css goes here... */
/* glc: added while su'd to julie_vanscoy */

.file img.file-icon {
display: none !important;
}
.media .element-invisible {
margin-bottom: 0;
visibility: hidden;
}

/* jb: force full-width for user account picture (on main profile)
.account-image-fullwidth,
.account-image-fullwidth img {
width: 100%; height: auto;
}

*/

/* jb: misc cleanup of user/main profile form elements */
#edit-profile-main-field-profile-research-brief .filter-guidelines,
#edit-profile-main-field-profile-research-brief .filter-help {
display: none !important;
}


/* jb: remove bullet marker from selected pesky profile2 fields */
.views-field-field-profile-publications .item-list > ul > li,
.views-field-field-profile-honors-awards .item-list > ul > li {
list-style-type: none;
}


/* jb: suppress primary-level account fields from appearing in the typical user edit mode (i.e. in-page cnr theme) */
/* jb: mask restricted fields from main user account level for cnr-theme users */
#edit-profile-main-field-profile-website,
#edit-profile-main-field-zzz09-profile-websites,
#edit-profile-main-field-zzz09a-profile-website1,
#edit-profile-main-field-zzz09c-profile-website2,
z#edit-profile-main-field-publications-files,
#edit-field-profile-first-name,
#edit-field-profile-last-name,
#edit-field-profile-display-email {
display: none !important;
}


/* jb: kill table row hovers */
tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
    background: none !important;
}


body.subtheme-ourenvironment #header .header-wrapper-nav .region-header #cnr-logo-nav {
float: right;
background: url("../images/childsites/are/cnr-nav-link-back.png") no-repeat top left;
text-indent: -999999px;
width: 110px;
height: 22px !important;
margin-top: 12px;
}

#block-views-events-upcoming-events-block .block-title {
 background: #ABAD23 !important;
}

#block-views-latest-news-block .block-title {
    background: #00B5E2 !important;
  color: white;
  text-align: left;
  padding: 10px;
  margin: 0;
  font-weight: 300;
  line-height: 120%;
  font-size: 24px;
  font-family: "freightsans_prolight", "Source Sans Pro", sans-serif;
}




#block-views-latest-news-block .field-content a {
 color: #131d58 !important;
    font-size: 18px !important;
    line-height: 1em;
}

#block-views-latest-news-block .view-content .views-row {
 padding: 17px 14px 19px !important;
    border-bottom: 2px dotted #cccccc;
}

#block-views-latest-news-block .view-content  {
 background-color: #eeeeee !important;
}

#block-views-latest-news-block .more-link {
text-align: left !important;

    font-size: 16px !important;
    background-color: #eeeeee !important;
     padding: 10px 14px 10px !important;
  }


#hp-news-events-section h2.pane-title {
 border-bottom: none !important;
    text-transform: uppercase !important;
    font-size: .9em;
    color: #545454;
    letter-spacing: 1.6px;
        margin-bottom: 5px !important;
}

#footer {
 font-family: "Open Sans",sans-serif !important;
    padding-top: 20px !important;
    color: #8b8b8b !important;
    font-size: 13px !important;
}

#footer p {
    color: #e0e0e0 !important;
}

#footer a {
color: #fff !important;
}

#footer a:hover {
color: #00B2A9 !important;
}

#footer hr {
 border-color: #00B5E2 !important;
     width: 50%;
    margin-left: 25%;

}

#footer .block-panels-mini {
 border-bottom: 1px solid #4F758B !important;
    border-bottom-width: 50% !important;
    padding-bottomg: 20x;
}

@media (min-width: 1180px) {
 body.subtheme-ourenvironment .view--homepage-slideshow .view-content .views-slideshow-cycle-main-frame .views-slideshow-cycle-main-frame-row .slide-overlay-content {
   background: transparent url("../images/childsites/ourenvironment/ourenvironment-wedge-espm.png") repeat scroll 0% 0%;

 }
}




.media-element-container .field-name-field-file-image-description .field-items p {
line-height: 1.3em;
}


/*jv: trying to get rid of too much space before paragraphs. IF this messed up other things, need to find a more specific rule for it.*/



.view--news-page-template p, article p {
  margin: 0 0 1.21429em 0 !important;

}


/*jv: trying to make contact addresses look ok with font awesome*/
.contact-box p {
    margin-bottom: 8px !important;

}

article .contact-box h2 {
 margin-bottom: 10px !important;
}

 .contact-box .fa {
color: #003A70;
 }




#footer .col {
 display: inline;
    float: right;
        margin-top: 0em;
    margin-left: 1.9em;
    margin-right: 0em;
}


#footer .col .fa {
 color: #00B5E2;
}

#footer .col .fa:hover {
 color: #00B2A9;
}

#footer .block-panels-mini .pane-menu-menu-footer-menu ul.menu li {
 border-right: 1px solid #00B5E2 !important;
}




#footer .media {
 margin-top: 0px;
    margin-bottom: 1em;
}

#footer .block-panels-mini .panel-col-last {
 font-size: .8em !important;
    float: left !important;
}




/* jv: CSS for mailchimp signup form in footer */
#mc_embed_signup {
 background-color: transparent !important;

}

#mc_embed_signup form {
 padding: 0px 0px 10px 3% !important;
}

#mc_embed_signup .button {
 background-color: #00B2A9 !important;
    font-weight: normal !important;


}

/* jv: attempting default CSS for "legacy" articles that got imported in*/
.media-image, .align-left {
 padding-right: 10px !important;
    image-align: left;
}


/* jv: trying to make "strong" from WYSIWYG actually appear bold */

b, strong {

    font-family: freightsans_prosemibold, 'Source Sans Pro', sans-serif
}


/* jv: css changes to make font awesome icons look right in left sidebar*/
#block-block-2 .content a {
    background: none !important;
    text-indent: 0px !important;
    color: #003262 !important;
    width: 30px !important;
}

#block-block-2 .content {
height: 60px !important;
    padding: 15px 15px !important;
}

#block-block-2 .content a:hover {
    background: none !important;
    text-indent: 0px !important;
    color: #00B5E2 !important;
    width: 30px !important;
}

#block-block-7  a:hover {

    color: #00B5E2 !important;

}

/* jv: css changes to bootstrap accordion look*/

.panel {
 box-shadow: none !important;
}
.panel-default{

    border-color: #fff !important;
}
.panel-default > .panel-heading {
    color: #003262 !important;
    background-color: #eeeeee !important;
    border-color: #fff !important;

}

.panel-group .panel {
 border-radius: 0px !important;
}

.panel-heading {
 border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;

}

.panel-title > a {
    font-size: 18px;
    font-weight:600;
}

.panel-title > a:hover {
    text-decoration: none;
}

.panel-title .fa {
  color: #00B2A9 !important;
    font-weight: 800 !important;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}


.faq-accordion .panel-default > .panel-heading {
    color: #003262 !important;
    background-color: transparent !important;
    border-color: transparent!important;
    padding: 0px !important;

}

.faq-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body  {
   border-top: 0px !important;

}




/* jv: css changes to bootstrap buttons*/

.btn-primary {
 color: #fff;
    background-color: #00B2A9 !important;
    border-color: transparent !important;
    border-radius: 0px !important;
}


.btn-primary a {
 color: #00B2A9;
    font-size: 1em;

}

.btn-primary:hover
{
  background-color: #00B5E2 !important;
}

.btn-apply {
 font-size: 1em !important;
    text-transform: capitalize !important;
}
.btn-espm-degrees-1{

    width: 100% !important;
        border-radius: 0px !important;
    line-height: 1em !important;
    font-size: 1.2em !important;
        padding: 20px 12px 10px 12px !important;
    white-space: pre-wrap!important;
    height: 4.4em;

}


.btn-espm-degrees-2{
 background-color: #ABAD23 !important;
    width: 100% !important;
        border-radius: 0px !important;
    line-height: 1em !important;
    font-size: 1.2em !important;
        padding: 20px 20px 10px 12px !important;
    white-space: pre-wrap!important;
    height: 4.4em;

    vertical-align: !important;

}

.btn-espm-degrees-3{
    background-color: #4F758B !important;
 width: 100% !important;
        border-radius: 0px !important;
    line-height: 1em !important;
    font-size: 1.2em !important;
        padding: 20px 12px 10px 12px !important;
    white-space: pre-wrap!important;
    height: 4.4em;

}


    .btn-read-more {
 color: #00B2A9;

    background-color: transparent!important;
    border-color: #00B2A9 !important;
    border-radius: 0px !important;
        margin: 14px 0 0 14px;
}

 .btn-read-more:hover {
     color: #fff !important;
    background-color: #00B2A9!important;
    border-color: #00B2A9 !important;
    border-radius: 0px !important;
        margin: 14px 0 0 14px;
}

 .btn-read-more a:hover {
color: #fff;
    text-decoration: none;
}


.btn-research-themes {
 width: 100% !important;
        border-radius: 0px !important;
    line-height: 1em !important;
    font-size: 1.2em !important;
        padding: 20px 12px 10px 12px !important;
    white-space: pre-wrap!important;
    height: 6.5em;
}


.btn-research-themes-blue {
    background-color: #00B5E2 !important;
}

.btn-research-themes-green {
    background-color: #ABAD23 !important;
}

.btn-research-themes-dark-blue {
    background-color: #003A70 !important;
}

.field-content .btn .btn-read-more a {

    border: 1px solid red !important;
}

/*jv: homepage more news button */

.view--homepage-featured-event .more-link a,
.view--homepage-featured-news-main .more-link a {
 border-radius: 0px !important;
    background-color: #00B2A9 !important;
    color: #fff !important;
}

.view--homepage-featured-news-main .more-link a:before {
  font-family: FontAwesome;
    content: "\f1ea" !important;
    color: #fff !important;
}

/* jv: homepage panels fix*/


#footer .block-panels-mini .pane-menu-menu-footer-menu {
 float: right !important;
    padding-top: 4px !important;
}

.panel-3col .panel-col-last  {
 width: 50% !important;
}

#footer .block-panels-mini .panel-col-last {
 width: auto !important;
}

.col-md-4 .btn-espm-people {
    background-color: #4F758B !important;
    width: 100% !important;
    padding-top: 2em;
      padding-bottom: 2em;
}


/* jv: homepage panels for mobile*/

@media only screen and (max-width: 737px)   {
     .panel-3col .panel-col-first {

         width: 100%;
      }

    .panel-3col .panel-col-last {
     width: 100% !important;
    }

}

/*jv logo/mobile menu fix for phone size */
@media only screen and (max-width: 525px)   {

 #header .header-wrapper-fixed #logo {
     margin: 60px 0 20px 5px !important;
     width: 90% !important;
 }
 #header .header-wrapper-fixed #logo img {
     width: 90% !important;
}

    #header .header-wrapper-fixed {
     background-color: #00B2A9 !important;
        height: 50px !important;
    }

#header #navigation #block-block-8 a {
   position: absolute !important;
    margin-top: 3px !important;
  }

 #mobileMenuWrapper #mobileMenu {
         top: 14px !important;
 }

}


@media only screen and (max-width: 1180px) {

 #header #navigation #block-block-8 a {
   position: absolute !important;
    margin-top: 3px !important;
  }

}


/*jv footer media queries */
@media only screen and (max-width: 1090px)   {
      #footer .block-panels-mini .panel-col-last {
        font-size: .7em !important;
        float: left !important;
        clear: both;
    padding-top: 5px;
    padding-bottom: 10px;
}

}
@media only screen and (max-width: 768px)   {

    #footer .panel-3col .panel-col {
     width: 100%;
    }


    #footer .block-panels-mini .panel-col-first {
    width: 100% !important;
        float: none !important;
    }

 #footer .block-panels-mini .pane-menu-menu-footer-menu {
clear: both;
     float: none !important;
     padding-bottom: 5px;
     font-size: .9em !important;
 }
    #footer .block-panels-mini .panel-col-last {

        font-size: .7em !important;
        clear: both;
        float: none !important;
    padding-top: 5px;
    padding-bottom: 10px;
}

    #block-system-main-menu {
     margin-top: 20px;
    }

}

/* jb: additional subnav for 3rd level people organzational stuff */

#block-menu-block-9 {
    margin-top: 30px;
}


/*jv people page */

.people .col-md-4 {
 padding: 5px !important;

}

.people .col-md-3 {
 padding: 5px !important;

}

.people .col-md-9 {
 padding: 5px !important;

}

.people .col-md-6 {
 padding: 5px !important;
    height: 161px !important;

}


.people .col-md-3 .img {
 display: none;
}

.people .col-md-8 {
 padding: 5px !important;

}


.col-md-3 .btn-espm-people {
    width: 100% !important;
 padding-top: 5em;
    height: 161px;
}

.col-md-3 .btn-espm-people-darkblue {
    background-color: #003A70 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-darkblue:hover  {
    background-color: #4F758B !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-lawrence {
    background-color: #00B5E2 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-lawrence:hover {
    background-color: #D19000 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-soybean {
    background-color: #ABAD23 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-soybean:hover {
    background-color: #00B5E2 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-medalist {
    background-color: #D19000   !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-medalist:hover {
    background-color: #F2A900 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-3 .btn-espm-people-foundersrock {
    background-color: #4F758B !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}


.col-md-3 .btn-espm-people-foundersrock:hover {
    background-color: #F2A900 !important;
    width: 100% !important;
    padding-top: 5em;
    height: 161px !important;
}

.col-md-4 .btn-espm-people-darkblue {
    background-color: #003A70 !important;
    width: 100% !important;
    padding-top: 2em;
    padding-bottom: 2em;
}


.col-md-4 .btn-espm-people-darkblue:hover {
    background-color: #00B2A9 !important;
    width: 100% !important;
    padding-top: 2em;
    padding-bottom: 2em;
}

.col-md-4 .btn-espm-people:hover {
    background-color: #D19000 !important;
    width: 100% !important;
    padding-top: 2em;
    padding-bottom: 2em;
}


.col-md-9 .btn-espm-people {
    width: 100% !important;
    padding: 20px 20px 20px 20px !important;
   background-color: red !important
}

.col-md-6 .btn-espm-people {
    width: 100% !important;
    padding-top: 5em;
     height: 161px !important;
}

.col-md-8 .btn-espm-people {
    width: 100% !important;
    padding: 20px 40px 10px 40px !important;
    height: auto !important;

}

.col .well{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    min-height: 223px;

}

.well p {
font-family:  freightsans_probook, 'Source Sans Pro', sans-serif;
    font-size: 2em !important;
}

/*jv: trying to get impact statement on homepage */
.homepage-impact-statement {
padding: 1% 5% 1% 5%;
    text-align: center;
    font-size: 1.2em;
    Color: #003A70;
  background-color: #E8E8EE;
    width: 70%;
    margin-left: 15%;
}

/*jv: removing yellow triangle on people rosters */


.view--people-contextually-filtered::before {
 background:  none !important;
}

.view--people-people-by-r-section .view-header h2,
.view--people-people-by-tag-c-extension .view-header h2,
.view--people-people-by-affiliation .view-header h2,
.view--people-people-by-persontype-v2 .view-header h2 {
    font-size: 210%;
    line-height: 1.25;
    margin-top: 0.80952em;
    margin-bottom: 0;
}

/*jv: stopping overlap/reducing width of research description on people rosters */
.view--people-people-by-persontype-v2 .views-field-views-conditional-7 {
   width: 80%;
}


/*jv: making links a different color on people profiles */

#page-people-profile .field-content a {
    color: #276bad;
}

/*jv: line height to make long names work better in contact box on people profiles */

#page-people-profile .contact-details h3.title {
    line-height: 1.4em;
    font-size: 27px !important;
}

#page-people-profile .contact-details h3.title-contact {
   font-size: 25px;
    padding-left: 15px;
    color: #999999;
    margin-top: .5em;
    margin-bottom: .2em;
}

/* jv: research group affiliation page*/
.view--terms-research-group-affiliations a {

    font-size: 1.4em;
}


.view--terms-research-group-affiliations table>tbody>tr>td  {

    border-top: none;
}



/*jv: homepage*/


.pane-homepage-featured-event-panel-pane-1 {

}


.view--homepage-featured-page img {
 border-bottom: none;
}

.view--homepage-featured-news-main img {
 border-bottom: none;
}

.view--homepage-featured-news-main {
 margin-bottom: 0px !important;
}


#mini-panel-x {
  margin-top: 2em;
    padding-top: 2px;
    margin-bottom: 2.7em;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

#mini-panel-x .fa {
 color: #4F758B;
    font-size: 6em;
}

/*jv: styling of events on homepage */

.view-id-_homepage_featured_event h4 {
    font-weight: bold;
    line-height: normal;
    margin-top: 0px;

}

.view-id-_homepage_featured_event  .date-display-single {

    font-size: 1em;
    color: #545454;
    letter-spacing: 2px;

}

/*jv: taxonomy term pages CSS */



.node-teaser .field-name-field-image {
 float: left !important;
    margin-right: 10px;
    width: 41.66667%;
}


.node-teaser {
border-bottom: 1px solid #eeeeee;
margin-bottom: 24px;
    padding-bottom: 20px;
}


.node-teaser .field-name-field-tags {
 display: none;
}

/* jb: fix, for pages without an assigned banner. Note from JULIE - this was set to 30px and was pushing the wedge in page titles down too far. This is a fix for now but it likely doesn't fix what Joe was fixing...but if there are no pages without assigned banners it might not matter.  */
#contextualheader :not(front) {
min-height: 3px !important;
}





/*jv: trying to change previous and next arrows on banner, and other stuff on banner */
.view--homepage-slideshow .view-content .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
  right: 36px;
  background: url('../images/childsites/ourenvironment/next-slide.png?1405019571') !important;
}

.view--homepage-slideshow .view-content .views-slideshow-controls-bottom .views-slideshow-controls-text-previous

{
  right: 36px;
  background: url('../images/childsites/ourenvironment/previous-slide.png?1405019571') !important;
}

.view--homepage-slideshow .views-field-field-link a {
    display: block;
    line-height: 1.2;
    color: white;
    text-shadow: 0px 0px rgba(0, 0, 0, 0.0) !important;
    background: rgba(000, 176, 218, 0.9) #f8f8f8 !important;
    padding: 11px 1em;
   margin-top: -10px !important;

  }

/*jv: add a folder image before categories on news page template */
.view--news-page-template  .views-field-field-categories .field-content:before {
 font-family: FontAwesome;
   content: "\f07c";
   display: inline-block;
   padding-right: 5px;
   vertical-align: middle;
    color: #00B2A9;

}

.view--news-page-template .views-field-field--news-wpcategories  .field-content:before {
 font-family: FontAwesome;
   content: "\f07c";
   display: inline-block;
   padding-right: 5px;
   vertical-align: middle;
    color: #00B2A9;

}

/*jv: working on date for events river wtih no image */


/*--- styles_150407-step0.css	2015-07-30 10:38:26.000000000 -0700*/
/*+++ styles_150630-step1-jvs.css	2015-07-30 10:38:30.000000000 -0700*/
/*-9068,9 +9068,7*/
#header,
.not-front #content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  -moz-box-sizing: border-box !important; /* jvs wants to remove this behavior in parent styles.css -jb note from jvs: I don't think that was something I did; it changed to content-box but then the sidebars weren't displaying right, so I changed it back...*/
  -webkit-box-sizing: border-box !important; /* jvs wants to remove this behavior in parent styles.css -jb */
  -ms-box-sizing: border-box !important; /* jvs wants to remove this behavior in parent styles.css -jb */
}

/*-10441,7 +10439,7*/
/*hoz navs */
/* line 24, ../sass/_general.scss */
body {
  font-family: "freightsans_probook", "Source Sans Pro", sans-serif !important;
}

/*-10533,11 +10531,9*/
/* line 105, ../sass/_general.scss */
#footer {
  -webkit-box-shadow: none !important; /* jvs wants to remove this behavior in parent styles.css -jb */
  -moz-box-shadow: none !important; /* jvs wants to remove this behavior in parent styles.css -jb */
  box-shadow: none !important; /* jvs wants to remove this behavior in parent styles.css -jb */
  color: #fff !important;
}

/*-10834,8 +10830,8*/
#block-system-main-menu ul.menu {
  text-transform: none !important;
  font-size: 1.25em !important;
}

/*-10894,8 +10890,8*/
/* line 441, ../sass/_general.scss */
#block-system-main-menu ul.menu li a {
  padding: 0px 15px 4px !important;
  font-weight: 400 !important;
}

/*-11900,7 +11896,7*/
/* line 1284, ../sass/_general.scss */
#block-block-8 > p > a {
  background: #00B2A9 !important;
}

/* line 1290, ../sass/_general.scss */
#block-block-8 > p > a:hover {
  background: #00B5E2 !important;
}

/*-12467,7 +12463,7*/
/* Social links */
/* line 112, ../sass/_sidebar.scss */
#block-block-2 .pane-title,
#block-block-2 .block-title {
  background: #00B2A9 !important;
}

/*-13522,7 +13518,7*/
/* line 16, ../sass/_responsive_header.scss */
#header .header-wrapper-bg {
height: 125px !important;
height: 97px !important;
}

@media only screen and (max-width: 525px)   {
#header .header-wrapper-bg {
height: 125px !important;
}
}

/*-13552,8 +13548,9*/
/* line 43, ../sass/_responsive_header.scss */
#header .header-wrapper-nav .region-header {
  right: -20px !important;
  top: 41px !important;
}
/* jv working with the main menu items for mobile*/
@media (max-width: 1180px) {
#header .header-wrapper-nav .region-header {
    right: 0px !important;
  top: 5px !important;
}
}

/*-13636,7 +13633,7*/
/* line 114, ../sass/_responsive_header.scss */
#header .header-wrapper-fixed #logo {
  max-width: 450px !important;
}











/* [taxonomy] term river */
/* cloned from style.css, altered for new taxonomy view -jb */
/* line 515, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row {
  clear: both;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  margin: 0 0 24px;
  padding: 0 0 2em;
  font-weight: 300;
}
/* line 523, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row.views-row-first {
  padding-top: 0px;
}
/* line 529, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row a:hover, .view--taxonomy-term-river .view-content .views-row a:focus {
  text-decoration: none;
}
/* line 534, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row .views-field-field-image {
  padding-left: 0;
}
@media all and (max-width: 1179px) {
  /* line 534, ../sass/_general.scss */
  .view--taxonomy-term-river .view-content .views-row .views-field-field-image {
    text-align: center;
  }
}
/* line 542, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row h2.views-field-title {
  font-size: 2.15em;
  margin-top: 0;
  line-height: 1.2em;
  margin-bottom: 0.37em;
  font-weight: 300;
}
/* line 550, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row .author-and-date {
  font-size: 1.15em;
  color: #868686;
}
/* line 554, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row .author-and-date > span:not(:first-child):before, .view--taxonomy-term-river .view-content .views-row .author-and-date > a:not(:first-child):before {
  content: ' | ';
}
/* line 560, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row .views-field-body {
  margin-top: 0.33em;
  padding-right: 3.5em;
  font-size: 1.29em;
  line-height: 1.2em;
  color: #666666;
}
/* line 567, ../sass/_general.scss */
.view--taxonomy-term-river .view-content .views-row .views-field-body p {
  margin-top: 0;
}


/* -- storefront aka News+Events page stylings -jb -- */

.page-news-and-events .col-lg-12.col-centered{
float: none;
    margin: 0 auto;
    padding: 0;
}

.page-news-and-events .view-content {
  clear: both;
  border-bottom: none;
  overflow: hidden;
  margin: 0 0 24px;
  padding: 0 0 2em;
  font-weight: 300;
}

.page-news-and-events .view--featured-items-3-all-remaining .view-content {
margin: 0 !important;
padding: 0 !important;
}

/* -- storefront aka News+Events page stylings -jlv -- */
.storefront  {
font-size: 17px;
}

.storefront h3.views-field-title  {
font-size: 24px;
font-weight: 500;
line-height: 24px;

}



.storefront .views-field-title  {
margin-top: 3px;

}

.storefront .views-field-field-image a >img {
width: 100%;
}

.storefront  .views-field-term-node-tid .field-content a {
text-transform: uppercase;
    font-size: 1em;
    color: #545454;
    letter-spacing: 2px;

}


.storefront  .views-field-term-node-tid .field-content a:hover {
text-transform: uppercase;
    font-size: 1em;

    color: #00B2A9;
    letter-spacing: 2px;
    text-decoration: none;

}

.storefront  .views-field-term-node-tid {
 margin-top: 20px;
}

.storefront .storefront-first {
 margin-top: 0px;
}

.view--featured-items-3-all-remaining .views-row-4  {
clear:left;
}
.view--featured-items-3-all-remaining .views-row-7  {
clear:left;
}

.view--featured-items-3-all-remaining .views-row-10  {
clear:left;
}

.view--featured-items-3-all-remaining .storefront h3.views-field-title {
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 12px;
}

/* THESe THINGS DONT WORK YET*/
.col-md-5 .storefront .views-field .views-field-term-node-tid  {
 margin-top: 0px;
}






/* ----------------- jb: branch css patches... removed many so we are mostly "nature.b.e" (c.f. this file vs. cnr_subtheme_are.css) -------------- */

/* jb: menu nav patches - suppress all dropdowns */
#block-system-main-menu .menu * ul {
display: none !important;
}


/* jb: no 3rd level menus in the main nav... */

#block-menu-menu-portal-menu .menu * ul,
#block-menu-menu-portal-menu .menu * ul *,
#block-system-main-menu .menu * ul * ul,
#block-system-main-menu .menu * ul * ul * {
display: none !important;
}

#block-system-main-menu ul.menu li a {
padding-top: 7px !important;
padding-bottom: 3px !important;
}

/* jb: sidebar menu-block patches ... "indented listy-ness", carrot > arrows, etc - are inherited from the parent CNR theme (styles.css) */

.sidebar .block-menu-block li,
.sidebar .block-menu-block .active-trail li {
  list-style-type: none !important;
  margin-top: 16px !important;
  margin-left: 12px !important;
  padding: 0px !important;
}


#block-menu-block-9 {
 background-color: #F5F5F5;

}

#block-menu-block-9 >  div > ul > li > a {

    font-family: "freightsans_probook", "Source Sans Pro", sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.1em !important;

}


#block-menu-block-9 ul >li {
 padding-bottom: 12px !important;
    padding-left: 5px !important;
}



#footer input {
color: #000 !important;
}

.page-user.not-logged-in * .tabs-primary {
display: block !important;
}


.header--logo-image {
  /* ESPM Logo image */
max-width: 442px !important;
}

/* 160316 jb: fix for cramped twitter bar */
/*
.page-news-and-events .region-social-footer {
display: block;
height: 100%;
line-height: 1.3em !important;
}
*/

/* 170207 JB: fix for moving the banner to fixed position, per JP's suggestion */
/* 170523 jb: adding media query, causes issue in responsive */

@media (min-width: 1180px) {
#header {
padding-bottom: 0 !important;
}
}
/* :jb */

@media (min-width: 800px) {

z.sidebar-first #content {
width: 74%;
}
}

z.media-element-container .field-name-field-file-image-description {
position: static !important;
}
.media-element-container .field-name-field-file-image-description .field-item {
padding-top: .4em !important;
}
.media-element-container .field-name-field-file-image-description .field-item p {
    font-family: "freightsans_probook","Source Sans Pro",sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
}

/* jb: 191114 - fix for absence of wrapper-wrapper '.field-items' on ourenvironment ... wtf? */
.subtheme-ourenvironment .media-element-container.caption-open .field-name-field-file-image-description .field-item {
display: block !important;
background: url(/sites/all/themes/cnr_0/images/caption-toggler-bg.png?1405327411) 0 0;
padding: 5px 30px 5px 12px !important;
min-height: 30px !important;
font-size: 12px !important;
position: relative;
bottom: -45px;
}

.subtheme-ourenvironment .media-element-container.caption-open .field-name-field-file-image-description .file-info-toggler i {
position: absolute !important;
}

.subtheme-ourenvironment .media-element-container.caption-open .field-name-field-file-image-description .file-info-toggler {
position: relative !important;
zbottom: 30px !important;
float: right;
}

#logo-rausser-reverse {
max-width: 320px;
}

#footer #logo-rausser-reverse {
width: 80% !important;
margin-bottom: 1em;
}

/* ### EOF ### */
/* jb:220120 - removed per JG..
article ul li,
.cke_editable ul li,
.view--news-page-template ul li {
  list-style: url("../images/bullet.png") inside;
  list-style: disc inside !important;
  padding-left: 1em !important;
}
article ul li li,
.cke_editable ul li li,
.view--news-page-template ul li li {
  list-style: url("../images/bullet.png") inside;
  list-style: circle inside !important;
  padding-left: 1em !important;
}

article ul li li li,
.cke_editable ul li li li,
.view--news-page-template ul li li li {
  list-style: url("../images/bullet.png") inside;
  list-style: square inside !important;
  padding-left: 1em !important;
}
*/

/*
.node-type-events .field-event-tags a:first-of-type:before,

.view--events-page-template .views-field-field-story-tags span:first-of-type a:before,

.node-type-cnr-story .field-story-tags a:first-of-type:before,
.view--news-page-template .views-field-field-story-tags span:first-of-type a:before,
.view--news-page-template .views-field-field-story-tags .field-content span._news_tags_387 + span + span a:before,
.view--news-page-template .views-field-views-conditional .field-content:before,
*/
.node-type-events .views-field-field-event-category a {
font-weight: bold !important;
}
.node-type-events .views-field-field-event-category a:first-of-type:before {
        font-family: FontAwesome;
        content: "\f07c";
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle;
        color: #276bad
}


.view--events-main-events-river .views-field-field-speaker-affiliation {
margin-bottom: 10px;
}
/* ### */