body {
    background: #fff;
}


#portaltab-about2, 
#portaltab-news2, 
#portaltab-library2, 
#portaltab-training2, 
#portaltab-groups2, 
#portaltab-projects2, 
#portaltab-communities2, 
#portaltab-members2, 
#portaltab-addcontent2, 
#portaltab-help2 {
  display:none !important;
}

/*  Hide RMP download when there is a DEC URL */
p.download.both {
display:none ;
}


/* 
.thumb-rating {
    display: none;

} */


.top-header {
    background: url(blank.png) repeat-x scroll 0 0 #fff;
    height: 60px;
    border-bottom: 1px solid #ccc;
}

.top-header ul {
    margin: 10px 240px 0 0;
}

.template-fab_home #portal-columns,.template-fab_home_dev #portal-columns {
   max-width: 100%;
    background: #E5E5DC;
    border-top: 12px solid #333;
}

@media only screen and (max-width: 979px) { body .navbar { top: 128px; padding: 0; } .template-fab_home #portal-columns { border-top: 0; } }
@media only screen and (max-width: 768px) {

#portal-header .form-search{ display: none; }

.top-header ul {
    margin: 0;
}
.top-header ul li {
    padding: 10px 10px 0 5px;
}
}

/* --
.top-header ul li:first-child a {
    display: none;
} -- */

.top-header ul li {
    float: left;
    margin-right: 0;
    margin-left: 0;
    padding-right: 15px;
    background: none;
}


.top-header ul li a {
    color: #9BAB49;
    font-weight: 600;
}

.topmenu .btn {
    float: right;
    margin-top: 0px !important;
    padding: 2px 10px;
    position: absolute;
    top: -243px;
    right: 500px;
}

.dropdown-menu {
    left: 592px;
    top: -220px;
}
.template-fab_home #plone-contentmenu-display,.template-fab_home_dev #plone-contentmenu-display  {
    display: none;
}
.template-fab_home #viewlet-above-content,.template-fab_home_dev #viewlet-above-content {
    display: none;
}

.section-resources .documentByLine,.section-what-we-do .documentByLine,.section-projects .documentByLine, .section-learning-networks .documentByLine, .section-about-the-gateway .documentByLine {
    display: none !important;
}

.template-fab_home #editing-bar,.template-fab_home_dev #editing-bar{
    width: 90%;
    margin: 0 auto 10px;
display:none;
}



.tileImage img, img.tileImage {
    margin: 0.5em 2em 0.5em 0;
  width: 200px;
}

#spotlight-on-mission-projects-collection .tileImage img {
    width: 240px;
}

#spotlight-on-mission-projects-collection .documentByLine {
    display: none!important;
}

.documentEditable #content {
    border: none;
}

#content #cyclist-wrapper {
 height: auto;
    margin-left: -1em;
    max-width: none;
    position: relative;
    top: -25px;
}


.slick-slider {
    margin-bottom: 60px;
}

#content .slick-dots {
    float: left;
    left: 47%;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    top: 10px;
    z-index: 1;
    width: 22em;
}
@media only screen and (max-width: 768px) {
#content .slick-dots {
    left: 33%;

}
}

/*
#content button.slick-next,
#content button.slick-prev{
    top: auto;
    bottom: 20px;
    width: 35px;
    height: 35px;
    background: url('arrows-for-slider.png') right bottom no-repeat;
    right: 10px;
    z-index: 10;
}
*/

#content button.slick-next, 
#content button.slick-prev {
    background: url("slider-arrows.png") no-repeat right bottom;
    bottom: 15px;
    height: 25px;
    right: 18px;
    top: 82%;
    width: 25px;
    z-index: 10;
}
@media only screen and (max-width: 768px) {

#content button.slick-next, 
#content button.slick-prev {
    top: 75%;
}
}


#content button.slick-prev{
    background-position: left bottom;
    left: 30px;
}

#content button.slick-next:hover{
    background-position: right 1px;
}

#content button.slick-prev:hover{
    background-position: left 1px;
}

#content button.slick-next:before,
#content button.slick-prev:before{
    display: none;
}

#cyclist-wrapper-simple .featured {
    background: none repeat scroll 0 0 #EBEBE5;
    border-top: 1px solid #d8d4cb;
    border-bottom: 1px solid #d8d4cb;
    margin: 1.5em 0;
    padding: .35em 0;
    line-height: 1.4em !important;
}


#content .featured-fullwidth {
    margin: 0;
   padding: 0;
   height: 62vh;
position: relative;
}


.featured-fullwidth img {
    object-fit: cover;
    width: 100%
}

.blue-bg { background-color: #05427c; }

.attribution {
    background: #444;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 6px;
}

@media screen and (max-width : 767px) {
.attribution {
    background: none;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 10px;
   top: 10px;
   padding: 0px;
}
}

.slide-overlay {
    position: absolute;
    z-index: 5;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px 25px 35px;
    width: 62%;
    left: 18%;
    color: #fff;
    border-radius: 6px 6px 0 0;
    text-align: center;
}

.slide-overlay-top {
    position: absolute;
    z-index: 5;
    top: 10%;
    background: rgba(0, 0, 0, 0.0);
    padding: 0 25px;
    width: 50%;
    left: 25%;
    color: #fff;
    border-radius: 6px 6px 0 0;
    text-align: center;
}

.slide-overlay-center {
    position: relative;
    z-index: 5;
    top: 10%;
    background: rgba(0, 0, 0, 0.0);
    width: 60%;
    color: #fff;
    margin: 0 auto;
}

.slide-overlay-top-left {
    position: absolute;
    z-index: 5;
    top: 25%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px 25px 35px;
    width: 35%;
    left: 10%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}
/* --- biodiversity slide --- */

.slide-overlay-biodiversity {
    position: absolute;
    z-index: 5;
    top: 10%;
    background: rgba(32, 92, 144, 0.85);
    padding: 25px 25px 10px;
    width: 50%;
    left: 23%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}
.slide-overlay-biodiversity h2 {
    margin: 18px auto;
    font-size: 1.8em;
   line-height: 1.3em;
}
.slide-overlay-biodiversity a.button {
    padding: 10px 15px;
    color: #fff !important;
    font-size: 32px;
    font-weight: 600;
    border-bottom: none !important;
}

.icons {
    width: 90%;
    margin: 10px auto;
}

img.fit {
    object-fit: contain;
    float: left;
    margin-right: 10px;
}
@media screen and (max-width : 767px) {

.slide-overlay-biodiversity {
    padding: 10px 30px 15px 0;
    width: 100%;
    left: 0;
    top: 130px;
    border-radius: 0;
    height: auto;
}

.slide-overlay-biodiversity a.button {
    padding: 5px 15px;
    font-size: 26px;
}

.slide-overlay-biodiversity h2 {
    font-size: 18px !important;
    padding: 0 30px;
}

.icons {
    width: 70%;
}
}


.slide-overlay-mid-left {
    position: absolute;
    z-index: 5;
    top: 40%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 25px 35px;
    width: 35%;
    left: 10%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}

.slide-overlay-top-right {
    position: absolute;
    z-index: 5;
    top: 15%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 25px 35px;
    width: 35%;
    left: 50%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}

.slide-overlay-top-center {
    position: absolute;
    z-index: 5;
    top: 10%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px 25px 35px;
    width: 46%;
    left: 25%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}

.slide-overlay-btm-center {
    position: absolute;
    z-index: 5;
    bottom: 15px;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 25px 35px;
    width: 40%;
    left: 30%;
    color: #fff;
    border-radius: 6px;
    text-align: center;
}

.slide-overlay-bottom{
    position: absolute;
    z-index: 5;
    bottom: 5px;
    background: rgba(0, 0, 0, 0.0);
    padding: 20px 25px 35px;
    width: 80%;
    left: 10%;
    color: #fff;
    text-align: center;
}

.slide-overlay h2,.slide-overlay-top h2,.slide-overlay-top-left h2, .slide-overlay-mid-left h2, .slide-overlay-top-center h2,.slide-overlay-btm-center h2,.slide-overlay-top-right h2,.slide-overlay-bottom h2 {
    margin-bottom: 20px;
    font-size: 2.3em;
   line-height: 1.3em;
}

.slide-overlay a.button, .slide-overlay-top a.button,.slide-overlay-top-left a.button,.slide-overlay-mid-left a.button,.slide-overlay-top-center a.button,.slide-overlay-btm-center a.button,.slide-overlay-top-right a.button,.slide-overlay-bottom a.button {
    background: #fff;
    padding: 10px 15px;
    margin: 20px;
    color: #F26925 !important;
    letter-spacing: 3px;
    font-size: 16px;
    border-bottom: none !important;
}
@media screen and (max-width : 767px) {

.slide-overlay,.slide-overlay-top,.slide-overlay-top-left,.slide-overlay-mid-left,.slide-overlay-top-center,.slide-overlay-btm-center,.slide-overlay-top-right,.slide-overlay-bottom {
    padding: 10px 30px 15px 0;
    width: 100%;
    left: 0;
    top: 160px;
    border-radius: 0;
    height: auto;
}
.slide-overlay-top {
    background: rgba(0, 0, 0, 0.4);
}

.slide-overlay h2,.slide-overlay-top h2,.slide-overlay-top-left h2,.slide-overlay-mid-left h2, .slide-overlay-top-center h2,.slide-overlay-btm-center h2,.slide-overlay-top-right h2,.slide-overlay-bottom h2 {
    padding: 0 30px;
    line-height: 1.2em;
    font-size: 1.2em;
}

.slide-overlay a.button, .slide-overlay-top a.button,.slide-overlay-top-left a.button,.slide-overlay-mid-left a.button,.slide-overlay-top-center a.button,.slide-overlay-btm-center a.button,.slide-overlay-top-right a.button,.slide-overlay-bottom a.button {
    background: #fff;
    padding: 5px 10px;
    margin: 10px;
    color: #F26925 !important;
    letter-spacing: 1px;
    font-size: 13px;
    border-bottom: none !important;
}

}

#content .documentDescription, #content #description {
    color: #666;
    font-family: "myriad-pro","Helvetica Neue",Arial,FreeSans,sans-serif;
    font-size: 17pt !important;
    font-weight: 200;
    line-height: 140% !important;
    margin: 1em 0;
}

#content p {
    font-size: 13pt;
    line-height: 150%;
}

#content li {
    font-size: 13pt;
}


.lead, .intro {
    font-size: 17pt !important;
    font-weight: 200;
    line-height: 140% !important;
    margin: 15px 0px;

}

.lead > a, .intro > a {
    border-bottom: medium none !important;

}


#content #cyclist-wrapper.nest-slider {
    display: none !important;
    
}

#subtypes {
}



#visual-portal-wrapper {
    background: #E5E5DC;
    margin: 135px auto 0px;
    max-width: 100%;
    box-shadow: none;
    border-top: 45px solid #3d3d3d;
   padding: 0;
}

.template-fab_home #visual-portal-wrapper,.template-fab_home_dev #visual-portal-wrapper {
  padding:0;
}

#portal-header-wrapper {  /* --- remove gap between slideshow and menu -- */
    height: 0;
}

#portal-header {
    width: 1170px;
    margin: 0 auto;
}

@media screen and (max-width : 1169px) {
#portal-header {
    width: 100%;
}
}


#portal-header .form-search {
    position: absolute;
    top: -283px;
    right: 20px;
}


#portal-header .form-search #searchGadget {
    border-radius: 8px 0 0 8px;
    background: none;
    box-shadow: none;
    width: 11em;
}


#portal-columns {
    max-width: 1170px;
    margin: 0 auto;
    background: #fff;
    padding: 0 30px;
}

.template-fab_home #portal-columns,.template-fab_home_dev #portal-columns {
   max-width: 100%;
    background: #E5E5DC;
}

#content-inner {
    background: #fff;
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 30px 30px;
    position: relative;
    top: -49px;
    z-index: 0;
}
@media only screen and (max-width: 767px) {

#visual-portal-wrapper {
    background: #fff;
    border-top: none;
  padding: 0 1em;
}

.template-fab_home #visual-portal-wrapper {
    margin: 195px -5px 0px;
}


#portal-columns  {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}
.template-fab_home #portal-columns {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px;
}

#content-inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
}


.narrow {
    max-width: 1170px;
    margin: 0 auto;

}


#portal-footer {
    background: none repeat scroll 0 0 #00689D;
    color: #fff;
    margin: 0 -30px;
    padding: 0em 3em 1em;
    border-top: none;
}

.footerlogo a {
    display: none;
}

.rule2 {
    display: none;
}

#portal-footer h2 {
    font-size: 2.4em;
    font-weight: 100;
    font-family: "myriad-pro";
}
@media only screen and (max-width: 768px) {
#portal-footer h2 {
    font-size: 2em;

}
}


#portal-footer li a {
    color: #fff;
}

#sharebar {
display: none;

}


#portal-siteactions {
   background: url("https://rmportal.net/biodiversityconservation-gateway/none") repeat scroll 0 0 transparent;
    float: right;
    margin-right: 0;
    margin-top: -63px;
    padding-right: 1.5em;
}

a {
    color: #0F71B9;
}

#portal-siteactions li a {
    color: #777 !important;
    text-transform: uppercase;
}

#portal-siteactions li a:hover {
    color: #BECC39 !important;
}

#partnerSiteSelection > option {
    padding: 0.25em;
}



#portal-header #usaid-logo img {
    height: 70px;
    position: absolute;
    right: 10px;
    top: -150px;
    width: 220px;
    background-image: url(fab-images/usaid-logo-top.png) !important;
    background-repeat: no-repeat;
}

#portal-logo {
    position: absolute;
    top: -158px;
    left: 0px;
}

.topmenu {
    margin-right: 1.5em;
}


/* NAVIGATION MENU
------------------ */


.navbar {
    position: absolute;
    top: -44px;
   width: 100%;
   padding: 0 30px; 
background-color: #3d3d3d !important;
}

.navbar .container {
background-color: #3d3d3d !important;    
  
}
.navbar-inner {
    border-top: none;
    border-bottom: none;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
   background-color:#9BAB49!important;
}

.navbar .nav > li > a {
    border-right: none;
    float: none;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    padding: 12px 20px;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.navbar .nav > li > a:hover {
    background:#71892D;
    color: #FFFFFF;
}

ul#navigation {
    margin-left: 0px;
}


/* NAV TABS
------------------ */

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-size: 13pt;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 15px;

}


li#portaltab-group-workspace > a {
       border-right: none !important;
}

li#portaltab-group-workspace.selected > a {
    border-right: 1px solid #fff !important;
}

/* PORTLET HEADERS
---------------------- */


dl.portlet dt, div.portletAssignments div.portletHeader {
    background: #fff;
    border-radius: 0;
    padding: 15px 0 0;
    border-top: solid 6px #e4e6e6;
}

.portletHeader {
    background: url("https://rmportal.net/biodiversityconservation-gateway/none") repeat-y scroll 0 0 #4490b0;
    border-radius: 4px;
    font-size: 12px;
    padding: 10px 15px 8px;
}

dt.portletHeader a {
    background: rgba(0, 0, 0, 0) url(fab-images/arrow-circle-grey.png) no-repeat scroll 0 3px;
    padding-left: 25px;
    color: #237C9A!important;
}

.portletHeader {
    font-family: 'myriad-pro';
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #464d4f;
}

.portletHeader a.tile {
    color: #237C9A !important;
    font-weight: 400;
    font-size: 18px;
}

.portletHeader a.tile:hover {
   color:#353D1D!important;
   text-decoration: none;
   border-bottom:none;

}

.portletHeader:first-child {
    color: #237C9A;
    border-top-style: solid;
    margin-top: -6px !important;
    -webkit-font-smoothing: antialiased;
   font-size: 18px;
}

.portletHeader:first-child:before {
    content: "";
    border-top: solid 6px #9BAB49;
    display: block;
    width: 25%;
    padding-top: 10px;
    margin-top: -21px;
}

#portlet-group-services .portletHeader, #portlet-group-email .portletHeader, #portlet-group-members .portletHeader, #portlet-my-groups .portletHeader, .portletNews .portletHeader {
    background: url("https://rmportal.net/biodiversityconservation-gateway/none") repeat-y scroll 0 0 #D46E19;
}

.state-published {
    color: #237C9A !important;
}

/* SIDEBAR NAV
------------------ */

dl.portlet ul.navTree li a {
    font-size: 12pt;
    padding-left: 5px !important;

}

.state-published.navTreeCurrentItem {
    color: #000 !important;
    font-weight: 600 !important;
}


dl.portlet ul.navTreeLevel0 > .navTreeItem {
    border-bottom: 0.1em dotted #ddd;
    font-weight: 600;
    line-height: 2em;
    margin-left: -15px;
    padding: 0.25em 0;
}

.navTreeLevel1 a {
    font-weight: 400 !important;
    text-transform: none !important;
}


ul.navTree.navTreeLevel1 li {
    border-bottom: 1px dotted #ccc;
    font-size: 12pt;
    list-style: outside none none !important;
    margin-left: -25px !important;
    padding: 6px 0 10px !important;
}

ul.navTree.navTreeLevel2 {
    margin-left: 3em;
}

.navTreeItem:last-child {
    border-bottom: medium none !important;
}



/* END SIDEBAR NAV
------------------ */

#portal-personaltools {
    margin: 0 0 0.6em;
    padding: 1em 2em 5px;
}

#portal-personaltools a {
    color: #0F71B9 !important;
}

#portal-languageselector {
    margin: 0 1.6em 1.25em;

}

#portal-languageselector li {
    display: inline;
    padding-right: 5px;
}

.breadcrumb {
    position: relative;
    top: 0px;
  background: transparent!important;
}


.template-fab_home #breadcrumbs-home {
    display: none;
}


@media only screen and (max-width: 767px)
#portal-columns {
    margin-top: 2em;
}

#portal-column-content {
    padding: 1em 0;
}

#portal-column-two {
    padding-top: 4em;
    padding-right: 1em;
}

#portal-column-two .visualPadding {
    padding-right: 1px;
    padding-top: 0;
}


h1, h1.documentFirstHeading, .documentFirstHeading {
    font-size: 2.8em;

}
@media only screen and (max-width: 767px) {
h1, h1.documentFirstHeading, .documentFirstHeading {
    font-size: 2em;

}
}


/* HIDE footer contents
------------------------- */
#portal-footer p {
   display:none;
}

#portal-colophon {
    background: transparent;
    color: #666;
    float: none;
    text-align: center;
}

#portal-colophon li {
    letter-spacing: 0.05em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}


.gray {
    background-color: transparent;
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/none");
}
table.gray {
    background-color: transparent;
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/none");
}

.documentActions {
    border-top: 1px solid #ddd;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0F71B9 !important;
    text-decoration: none;
}

h2.alt-heading {
font-family: "myriad-pro";
font-size: 2.2em;
color: #237C9A;
}
@media only screen and (max-width: 768px) {
h2.alt-heading {
   font-size: 1.4em;
}
}

.photo {
    border: 1px solid #DDDDDD!important;
    margin-bottom: 15px;
    padding: 4px;
}


.photoright {
    float: right;
    margin-bottom: 15px;
    margin-left: 20px;
    border: 1px solid #DDDDDD!important;
}

.photoleft {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    border: 4px solid #DDDDDD;
}

/* ----- Faked captions 5-29-18 ----- */

.photo-container-left {
    width: 400px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
   float: left;
   margin-right: 25px;
   padding-right: 10px;
}

.photo-container-right {
    width: 400px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
   float: right;
   margin-left: 25px;
   padding-left: 10px;
}

.photo-container-right img, .photo-container-left img {
    padding: 5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.45);
}

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

 .photo-container-left,.photo-container-right {
    width: 100%;
   float: none;
}
}

.shadow-border {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    padding: 5px;
}

.img-rt-border {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.45);
    float: right;
    margin: 1em 0 0.5em 1.5em;
    padding: 5px;
}

.caption-rt {
    color: #777;
    display: block;
    font-size: 80%;
    text-align: right;
    text-transform: uppercase;
}

#content dd.image-caption {
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 90%;
    margin: 0;
    padding: 5px 0 12px;
    text-align: left;
}


/* --- Display news in blocks --- */


.fabnews > ul {
    margin-left: 0 !important;

}


.fabnews li {
    border-top: 1px solid #d8d4cb;
    display: block;
    float: left;
    height: auto;
    line-height: 1.3em !important;
    list-style: outside none none;
    margin-bottom: 2.5em !important;
    overflow: hidden;
    padding: 10px 15px;
    width: 22%;
}

.fabnews li:nth-child(1) {
   padding:10px 15px 10px 0;

}

.fabnews li:nth-child(4) {
   padding:10px 0px 10px 15px;

}

.fabnews li a {
    color: #616161 !important;
    font-family: "myriad-pro-condensed";
    font-size: 1.2em;
    font-weight:600;
}



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

.fabnews li {
    display: block;
    float: none;
    width: 98%;
    margin-bottom:1em;
    height:auto;
}

.fabnews img {
    width: 150px;
}
}
@media screen and (max-width : 767px) {
 
.fabnews img {
    width: 90px;
}
.fabnews li:nth-child(1) {
   padding:10px 15px;

}
}


.fabnews .item-description {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

.span4.fabnews > h2 {
    background-color: #4b97b7;
    clear: both;
    color: #fff;
    display: block;
    font-family: "myriad-pro",san-serif !important;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.4em 0.6em;
    text-transform: uppercase;
}


.fabnews > h2 {
    color: #ed9700;
    font-size: 25px;
    text-transform: uppercase;
}



.eventbox.featuredimg {
    margin: 0 1.5em 2em 0.25em!important;
}

#video-section {
margin-top:18px;
}

#content #more-videos a {
   display:inline-block;
   width:140px;
   height:90px;
   border: 1px solid #bbb;
   border-radius: 8px 8px 8px 8px;
   background-color:#ddd;
   margin-right:9px;
}

#content #more-videos a {
    background-position: center top;
    width: 140px !important;
}

#more-videos,
#video-section .more-link {
   margin-top:14px;
   float: left;
}

.more-link a {
    border-top: 2px solid #D8D4CC;
    border-bottom: 2px solid #D8D4CC;
    color: #DE6B1B;
    float: right;
    font-weight: bold;
    margin-top: 10px;
    padding: 4px 0;
    text-decoration: none;
    text-transform: uppercase;
}

#portlet-csa {
    background: none repeat scroll 0 0 #9BAB49;
    border-bottom: 1px solid #FFFFFF;
}

#portlet-fab-conservation img {
    margin-left: 0.75em;
}

.flush {
    margin: -10px -10px 5px;

}
.portletItem.flush img:hover {
   opacity:.9;
}

.green-portlet > p {
    margin: 0;
    padding: 0px;
}

.arrow-white {
    background: url("arrow-white.png") no-repeat scroll 0 4px transparent;
    padding-left: 12px !important;
}

.green-portlet a {
    color: #FFFFFF !important;
    font-size: 1.4em;
    text-transform: uppercase;
}

.green-portlet a:hover {
    color: #4C5D19 !important;

}

#video-section > iframe {
    background: url("csa-video-shadow.png") repeat scroll 0 bottom transparent;
    padding-bottom: 14px;
}

.vid-switch h4 {
   margin-bottom:10px;
}

.vid-switch p {
  margin-top:10px;
  height:135px;
}


table.listing, .stx table {
    border-bottom: medium none;
    border-collapse: collapse;
    border-left: medium none;
    border-spacing: 0;
    font-size: 90%;
    margin: 1em 0;
}

table.listing td, .stx table td {
    border-right: medium none;
    padding: 0.25em 0.5em;
}

.even {
    background-image: url(https://rmportal.net/biodiversityconservation-gateway/none);
     background-color: #EEF3F5;
}

#portlet-group-email {
    margin-top: -15px;
}

.videospot {
    background: none repeat scroll 0 0 #4B97B7;
    border-bottom: medium none;
    color: #FFFFFF;
    margin-right: 10px;
    margin-top: 25px;
    padding: 0.4em 0.6em;
    text-transform: uppercase;
}

#edit-bar {
    margin: 0 1.5em;
}


.blueprint {
    background: none repeat scroll 0 0 #afd8f4;
    margin-top: -3px;
    padding: 5px 15px 15px;
}

.blueprint > h2 {
    background: none repeat scroll 0 0 #afd8f4 !important;
    color: #444 !important;
    font-size:130%;
    padding: 0 !important;
    text-transform: none !important;
}

#csa-triad .blueprint ul {
    list-style: outside square;
    margin: 0.5em 1em 0;
}

#csa-triad .blueprint li {
      margin-top: 0.25em;
}

.blueprint2 {
  background: none repeat scroll 0 0 #88a8d2;
  padding: 10px;
  font-size: 15px;
  color: #222;
}


.blueprint2 h2 {
    font-family: "myriad-pro";
    font-size: 18px;
    color: #024281;
}

.blueprint2 h3 {
    font-family: "myriad-pro";
    font-size: 16px;
}

.blueprint2 ul {
    list-style: outside square;
    margin: 0.5em 1em 0.5em;
}
.hilite-box {
   position: relative;  
   background: #fff none repeat scroll 0 0;
   border: 1px solid #ddd;
   margin-bottom: 20px;
   padding: 15px 20px 0px;
   max-width: 100%; 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.hilite-box:hover {
   background: #E8E7E3 none repeat scroll 0 0;
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hilite-box h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 10px 0 10px;
}

.hilite-box h4 a {
    border-bottom: medium none !important;
    text-decoration: none;
}

.hilite-box.flush {
    padding: 0;
}
.hilite-box.flush h4 {
    padding: 10px 15px;
}

.card {
    padding: 20px;
    margin-bottom: 20px;
}


.info-box {
    background: #e8e7e3 none repeat scroll 0 0;
    border-radius: 8px;
    margin: 1em 0;
    padding: 15px 20px 10px;
}

.pad {
    margin: 2em 0;
    padding: 15px 20px;
}



.box {
    border: 1px solid #ddd;
    padding: 20px;
}

.box > h3 {
    font-size: 22pt;
    padding: 5px 12px;
    text-align: center;
}

.box h3 > a {
    border: medium none !important;
    text-decoration: none;
}

.box p {
    font-weight:100;
}

.text-light {
    font-weight:100;
}

.box-2 {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    margin: 1em 0;
}

.rounded {
    border-radius: 6px;
}

.info-link {
    background: #e8e7e3 url("fab-images/info.png") no-repeat scroll 15px 12px;
    border-radius: 8px;
    margin: 1.5em 0;
    padding: 15px 20px 15px 65px;
    min-height: 36px;
}

.plus {
    background: rgba(0, 0, 0, 0) url("fab-images/plus-grey.png") no-repeat scroll 0 0;
    font-size: 14px !important;
    font-weight: 600;
    height: 30px;
    margin-top: 10px;
    padding-left: 40px;
}

.plus:hover {
    background: rgba(0, 0, 0, 0) url("fab-images/plus-grey.png") no-repeat scroll 0 -31px;
}

.plus a, .info-link a {
    border-bottom: medium none !important;
}

.logo-col {
    float: left;
    padding: 20px 0 0;
    width: 200px;
}

.logo-col > a {
    border-bottom: medium none !important;
    display: block;
    text-align: center;
}

.logo-col > img {
    margin: 10px auto;
    max-width: 90%;
}
.logo-col img:hover {
    opacity:.75;
}

.logo-col a {
    border-bottom: medium none !important;
}

.content-col {
    margin-left: 230px;
    margin-top: -43px;
}

.card > ul {
    list-style: outside none none !important;
    margin-left: 0 !important;
}

.card li {
    font-weight: 600;
    line-height: 1.3em !important;
    margin-bottom: 12px !important;
}

.card li {
    font-family: "myriad-pro-condensed";
    font-size: 1.2em;
    line-height: 1.3em !important;
    margin-bottom: 15px !important;
    padding-right: 1em;
}

.contenttype-video > img {
    display: none;
}


a.orange {
    color: #ed9700 !important;
    font-size: 14pt;
    font-weight: 500;
    text-transform: uppercase;
}

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

.image-left {
    float: left;
    margin: 0.5em 2em 0.5em 0 !important;
}

.image-right {
    float: right;
    margin: 0.5em 0em 0.5em 2em !important;
}

.space20 {
    clear: both;
    height: 20px;
    margin: 10px;
}

/* --- Project Search Results --- */

#project-search-results {
   vertical-align:top;
   padding-left:20px;
}

#project-search-results h3 a {
    border-bottom: medium none !important;
}

#project-search-results img {
    margin-right: 10px;
    width: 150px;
} 


/* --- MEDIA QUERIES -- */

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

#portaltab-home > a,#portaltab-home > a:hover {
    background: transparent url(https://rmportal.net/biodiversityconservation-gateway/none) no-repeat scroll center center;
    height: 35px;
    padding: 10px 10px 0px;
    text-indent: 0em;
    width: auto;
}}


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


.mobile-logo { display:none; }

.hide-mobile { display: none; }


#editing-bar {
    display: none;
}

.navbar { top:160px; }

.navbar .nav > li a{
    float: none;
    font-size: 16pt;
    text-align: center;
    font-weight:600;
    padding:15px 0;
}

#portal-logo {
    display: block;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 70px!important;
}

#portal-logo img{
    width: 95%;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 

}

.newsbox{
    border: none;
    padding: 0;
    overflow: hidden;
}


h2.tileHeadline,h2 {
    font-size: 24pt;
    line-height: 26pt;
}


.documentEditable {
    margin-top: 10em;
    padding: 0 !important;
}


.lead {
    font-size: 18pt!important;
    line-height: 150%;
    margin-top:20pt;
}

p {
    font-size: 14pt!important;

}


.breadcrumb {
    position: relative;
    top: 30px;
    font-size:13px;
}

.icons-on .contenttype-document, .icons-on .contenttype-event, .icons-on .contenttype-folder, .icons-on .contenttype-link, .icons-on .contenttype-news-item, .icons-on .contenttype-plone-site, .icons-on .contenttype-collection, .icons-on .contenttype-topic, .icons-on .contenttype-file, .icons-on .contenttype-image {
    line-height: 2em;
    padding-left: 0 !important;
}

#content #more-videos {
    margin-top: 40px;

}

#content #more-videos::before {
    content: "Select other videos below:";
    font-size: 16pt;
    margin: 20px 0 5px;
    display:block;
}

#content #more-videos a {
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 125px;
    float: left;
    height: 88px !important;
    margin-right: 10px;
    margin-top: 10px;
    width: 88px !important;
}

.vid-switch p {
    line-height: 1.4em !important;
}

}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : portrait) { 

.tileImage > img {
    float: none;
    width: 100%;
    margin: 0.5em 0;
} 

.documentEditable {
    margin-top: 10em;
    padding: 0 !important;
}


}


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


.mobile-logo { display:none; }

#portal-logo {
    display: block;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 70px;
}

#portal-logo img{
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}


.logo-col {
    float: none;
    padding: 0;
    width: 100%;
}

.logo-col > a {
    display: inline;
    float: left;
}
.logo-col img {
    max-width: 120px;
}

.content-col {
    clear: both;
    margin-left: 0;
    margin-top: 30px;
  
}
}

/* -----
   Hide filed under on news items 
--------------------------------- */

.template-newsitem_view #category.documentByLine
 { display:none; }

#viewlet-below-content {
    clear: both;
}

div.listingBar {
    font-size: 14px;
    margin: 1em 0;
    padding: 15px 0;
}

div.listingBar a {
    border: 0.1em solid #ccc;
    border-radius:4px;
    display: inline-block;
    padding: 0.35em 0.75em;
}

/* -----
   Hide content type icons from showing on sidebar - Tracy 7-25-16
-------------------------------------------------- */

.icons-on .contenttype-folder,.icons-on .contenttype-link,.icons-on .contenttype-document  {
    background: transparent url("https://rmportal.net/biodiversityconservation-gateway/none") no-repeat scroll 0 -644px;
}

/* --------------------------
   Display grid in styleguide 
----------------------------- */

.gridrow { margin: 20px 0; }

.gridbox {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

/* ----------------------
    captioned images 
------------------------- */


.image-right.captioned {
    border-bottom: 1px solid #ccc;
    float: right;
    margin-left: 25px;
}

.image-left.captioned {
    border-bottom: 1px solid #ccc;
    float: left;
    margin-right: 25px;
}

#content dd.image-caption {
    font-weight: 600;
    margin: 0;
    padding: 5px 0 10px;
}

.hilite {
    background: #e0e0e0 none repeat scroll 0 0;
    border: 2px solid #c3c3c3;
    padding: 1.75em;
}
.hilite-inner {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 2em;
}

.caption {
    font-size: 14px !important;
    padding: 0.5em 0;
}

/* ---------------
   accordion style
------------------- */

ul#accordion1 {
    list-style: outside none none;
}


.accordion-group {
    background: #d4d5c6 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 2px;
    margin-right: 2em;
    margin-top: 0px;
    min-height: 90px;
    padding: 10px;
}

#content a.accordion-toggle {
    color: #444;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3em;
}

 .accordion-caret .accordion-toggle:hover {
        text-decoration: none;
    }
    .accordion-caret .accordion-toggle:hover span,
    .accordion-caret .accordion-toggle:hover strong {
        text-decoration: underline;
    }
    .accordion-caret .accordion-toggle:before {
        font-size: 25px;
        vertical-align: -3px;
    }
    .accordion-caret .accordion-toggle:not(.collapsed):before {
        content: "▾";
        margin-right: 0px;
    }
    .accordion-caret .accordion-toggle.collapsed:before {
        content: "▸";
        margin-right: 0px;
    }

  .featured-resource {  color: #ed9700;
    text-transform: uppercase;
   margin-top: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.fullwidth-banner {
    margin: 0 0 2em;
}

.grey-box {
    background: #cdcdcd none repeat scroll 0 0;
    margin-bottom: 1em;
    padding: 20px;
    text-align: center;
}
/* Footer Partner logos */

#foot-top-wrap {
    background-color: #27262c;
    padding-bottom: 2em;
    padding-top: 2em;
    font-size: 14px;
    line-height: 1.4286;
    margin: 0 -30px;
    text-align: left;
}
@media only screen and (max-width: 768px) {
#foot-top-wrap {
    padding: 10px 30px;
    font-size: 11px !important;
}
#foot-top-wrap .footer_logo h2 a {
   margin-top:20px;
}
}

#foot-top-wrap, #foot-top-wrap a, #foot-top-wrap a:link {
    color: #989898;
}

#foot-top-wrap .footer_logo h2 a {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 33px;
}

#foot-top-wrap .footer_logo h2.logo_agrilinks a {
    background-image: url(../fab-images/partner-logos/agrilinks-logo-dark.png);
}

#foot-top-wrap .footer_logo h2.logo_marketlinks a {
    background-image: url(../fab-images/partner-logos/marketlinks-logo-dark.png);
}

#foot-top-wrap .footer_logo h2.logo_climatelinks a {
    background-image: url(../fab-images/partner-logos/climatelinks-logo-dark.png);
}
#foot-top-wrap .footer_logo h2.logo_landlinks a {
    background-image: url(../fab-images/partner-logos/landlinks-logo-dark.png);
}

#foot-top-wrap .footer_logo h2.logo_urbanlinks a {
    background-image: url(../fab-images/partner-logos/urbanlinks-logo-dark.png);
}

#foot-top-wrap .footer_logo h2.logo_learninglab a {
    background-image: url(../fab-images/partner-logos/learninglab-logo-dark.png);
}


a.readmore {
    color: #fff!important;
    background: #FBB03B;
    text-transform: uppercase;
    padding: 7px 15px;
}

#content a.readmore:hover {
    background: #ab5f5f;
    color: #fff!important;
}


.hdg-wrap {
    border-top: solid 6px #e4e6e6;
   margin-top: 30px;

}

.hdg-wrap a {
    border-bottom: none!important;
}


.hdg-wrap > h2:first-child {
    text-transform: uppercase;
font-family: 'myriad-pro';
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #237C9A;
    border-top-style: solid;
    margin-top: -6px !important;
    border-width: 0;
    -webkit-font-smoothing: antialiased;
}

.hdg-wrap > h2:first-child:before {
    content: "";
    border-top: solid 6px #9BAB49;
    display: block;
    width: 25%;
    padding-top: 10px;
}

.hdg-wrap > h3:first-child {
    text-transform: uppercase;
font-family: 'myriad-pro';
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #464d4f;
    border-top-style: solid;
    margin-top: -6px !important;
    border-width: 0;
    -webkit-font-smoothing: antialiased;
text-shadow:1px 1px 1px 1px rgba(0,0,0,0.005);

}

.hdg-wrap > h3:first-child:before {
    content: "";
    border-top: solid 6px #9BAB49;
    display: block;
    width: 70px;
    padding-top: 9px;
}

.template-story_view .description {
    font-family: "myriad-pro";
    font-size: 17pt;
    font-weight: 300;
    line-height: 140%;
    width: 100%;
}

h2.hdg-bold {
    font-size: 20px;
    line-height: 1.2em;
    font-family: 'myriad-pro';
    margin-bottom: 10px;
}
#content h2.hdg-bold a:link {
    border-bottom: none;
}

.grid-container-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    grid-column-gap: 30px;
}


.grid-container-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    grid-column-gap: 30px;
}

.grid-container-4col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    grid-column-gap: 30px;
}

.grid-item {
    padding: 0;
   position: relative;
}

.grid-item img.border {
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: 6px;
}

.grid-item img.bordertall {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 6px;
  border: 1px solid #ddd;
}

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

.grid-container-3col {
  display: grid;
  grid-template-columns: auto;
  padding: 0px;
}

.grid-container-4col {
  display: grid;
  grid-template-columns: auto;
  padding: 0px;
}
}

.related-overlay {
    position: absolute;
    top: 0;
    right: 0;
    font: 13px/15px "myriad-pro-condensed";
    padding: 4px 8px;
    background-color: rgba(255,153,0,0.8);
    color: #ffffff;
    border-radius: 0 6px 0 0;
    text-transform: uppercase;
}

.site-biodiversityconservation-gateway #navigation li{ background-color:#3d3d3d; }
.site-biodiversityconservation-gateway #navigation ul li a{ text-transform: uppercase; font-weight: 600; }
.site-biodiversityconservation-gateway #navigation ul li.selected,
.site-biodiversityconservation-gateway #navigation ul li:hover { background: #71892D; }

.site-biodiversityconservation-gateway #navigation ul li.level-2 a {
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
}

#portal-footer-wrapper { padding: 0; }
#portal-footer { margin: 0; }
#foot-top-wrap { margin: 0; }


#portlet-frame {
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 1em 0;
}

a.contenttype-blog-post img {
    display: none;
}

.managedPortlet .portletHeader {
    background: #ccc!important;
}

@media only screen and (min-width: 980px) {
  .site-biodiversityconservation-gateway ul.globalSectionsLevel1{ opacity: 1; visibility: visible; }
}

/* calendar arrows */
.portletCalendar dt a#calendar-next {
    float: right;
    padding: 0 10px;
    margin: 0 0 10px;
    background: #ddd;
}

.portletCalendar dt a#calendar-previous {
    float: left;
    padding: 0 10px;
    margin: 0;
    background: #dedede;
}

/* Slideshow on home page - TEST  */

#slideshow .slick-slide{
    background-size: cover;
    background-position: center;
    height: 450px;
    color: white;

}

#slideshow .slick-dots {
    bottom: 0;
}

#slideshow .slick-dots li button:before{
    font-size: 15px;
    color: white;
    opacity: 0.75;
}

#slideshow .slick-dots li.slick-active button:before{
    opacity: 1;
}

#slideshow .slick-prev,
#slideshow .slick-next{
    height: 26px;
    width: 30px;
}

#slideshow .slick-prev:before,
#slideshow .slick-next:before{
    font-size: 30px;
}

#slideshow .slick-prev{
    left: 20px;
}

#slideshow .slick-next{
    right: 20px;
}

#slideshow .span8{
    margin-right: auto;
    margin-left: 4em;
    float: none;
    margin-top: 115px;
}

#slideshow .description {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    margin-left: 3em;
    padding: 30px;
    width: 50%;
}

#slideshow.description h3 {
    margin: 0 0 10px 0;
    font-size: 30px;
}

#slideshow.description a {
    color: #fff;
}
#slideshow.description a:hover {
    color: #36A9CB;
    text-decoration:none;
}

.slick-slider {
    margin-bottom: 0px!important;
}

#slideshow.description > p {
    font-size: 16px;
    line-height: 1.5em;
}
@media screen and (max-width: 960px) {
#slideshow .slick-slide {
        padding: 0 80px;
    }
}

@media screen and (max-width: 768px) {
 
#slideshow .description {
    margin-left: -5em;
    width: 100%;
    text-align:center;
}

#slideshow .description > p {
    font-size: 18px;
}
}


.portlet-rounded img {
    border-radius: 6px;
    margin: .5em 0 2em;
}

li.twitter a {
    text-indent: -9999px;
    background: url(fab-images/twitter.png) no-repeat;
    background-size: 40px;
    height: 50px;
    float: left;
    width: 50px;
}

li.flickr a {
    text-indent: -9999px;
    background: url(fab-images/flickr.png) no-repeat;
    background-size: 40px;
    height: 50px;
    float: left;
    width: 100px;
}


.featured > h4 {
    margin-right: 2em;
    color: #427597;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -0.015em;
}
.featuredimg {
    margin: 0 2em 1.5em 1.5em;
}

.template-fab_resources #content button.slick-next, 
.template-fab_resources #content button.slick-prev {
    display: none !important;
}

#content .pullquote {
    margin: 0 1em 0.5em 0.5em;
    font-weight: 700;
    line-height: 1.25em;
    float: right;
    width: 33%;
    clear: right;
    color: #444;
    font-size: 1.6em;
    letter-spacing: -0.04em !important;
    font-family: 'myriad-pro';
}