/* - ploneCustom.css - */
@media screen {
/* https://cepa.org.mw/portal_css/ploneCustom.css?original=1 */
/* */
body {
color: #666;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.5em;
margin: 0;
}
#portal-colophon {
background: #fff none repeat scroll 0 0;
border-top: 6px solid #382a27;
margin-bottom: 0em;
padding: 50px 15px;
text-align: center;
}
/* */
:root {
--darkgreen: #056839;
--litegreen: #8dc644;
}
#at4-share {
margin-top: 90px !important;
}
.space20 {
height: 20px;
}
#partners {
font-size: 14px;
}
#partners img:hover {
opacity:.8;
}
.partner-logos img {
margin: 20px;
}
.partner-logos img:hover {
opacity:.8;
}
.discover-library {
background: #fff url("discover-library.png") no-repeat scroll 0 0;
margin: 2em 0 0;
min-height: 110px;
padding-left: 100px;
}
.about-portlet {
background: #008083 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
margin: 1em 0;
padding: 10px 15px;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.about-portlet:hover {
background: #00646E none repeat scroll 0 0;
}
.sidebar .about-portlet > h3 {
color: #19eefb;
}
.dropdown-menu li > a:hover,.dropdown-submenu li > a:hover {
color:#000;
}
ul.submenu {
position: absolute;
width: 15em;
left: -999em;
background: var(--darkgreen);
border-color: White;
border-width: 1px;
border-style: none solid solid solid;
margin: 0 0 0 -1px;
text-transform: none;
font-size: 14px;
}
#navigation li ul ul {
z-index: 10;
top: 1px;
left: -999em;
left: 0;
margin: 0 0 0 15em;
}
.flexigrid {
font-family: inherit;
font-size: 14px;
}
.featurebox {
clear: both;
display: block;
margin: 1em 0;
padding: 20px 0;
}
.featurebox img {
border: 1px solid #ddd;
float: left;
margin-right: 2em;
padding: 4px;
width: 30%;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
background-color: #6fa43c;
border-color: #6fa43c;
border-style: solid;
color: #fff;
}
#content div.fc-event a:hover {
background-color: var(--darkgreen);
color: #FFFF73!important;
}
#content div.fc-event a {
color: #FFF;
padding: 4px 5px;
}
#content div.fc-event a:hover {
color: #FFFF73!important;
}
#content .documentDescription, #content #description {
color: #666;
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.5em;
margin-left: 0;
margin-bottom: 1em;
}
.template-cepa_home .breadcrumb, #portal-siteactions {
display: none;
}
.collapsible .collapse {
position: static;
height: auto;
}
#visual-portal-wrapper {
background: #ffffff url("none") repeat-x scroll 0 0;
margin: 0 auto;
max-width: 100%;
padding: 0px;
}
#portal-header-wrapper {
background: rgba(0, 0, 0, 0) url("nav-bar-bg.png") repeat-x scroll center bottom;
height: 205px;
}
#portal-header .form-search {
margin-top: 40px;
}
#portal-header .form-search #searchGadget {
background: rgba(0, 0, 0, 0) url("search-input-bg.png") repeat-x scroll left center;
border-radius: 0;
border-right: medium none;
box-shadow: none;
height: 28px;
margin-right: -5px;
}
.LSBox {
position: absolute;
top: 70px;
right: 0;
z-index: 110 !important;
}
.LSBox .searchSection {
display: none;
}
/* */
#cepa-banner {
background: #eee none repeat scroll 0 0;
border-top: 8px solid var(--litegreen);
display: block;
height: 0px;
margin: 0;
width: 100%;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.section-about-us #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/deforestation-banner.jpg") no-repeat scroll center 20% / cover;
height: 400px;
}
.section-programmes #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/banner-program.jpg") no-repeat scroll center 20% / cover;
height: 400px;
}
.template-cepa_library #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/resource-center.jpg") no-repeat scroll center 0 / cover;
height: 320px;
}
.section-climate-change #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/burning.jpg") no-repeat scroll center 20% / cover;
height: 400px;
}
.section-natural-resources #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/pink-hat.jpg") no-repeat scroll center 20% / cover;
height: 450px;
}
.section-biodiversity #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/hippos.jpg") no-repeat scroll center 20% / cover;
height: 400px;
}
.section-government-publications #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/boats-large.jpg") no-repeat scroll center 70% / cover;
height: 400px;
}
.section-news-and-events #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/sunset.jpg") no-repeat scroll center 70% / cover;
height: 300px;
}
.section-about-the-cepa-library #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/sunset.jpg") no-repeat scroll center 90% / cover;
height: 400px;
}
.section-about-the-library #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/fern-and-mushroom.jpg ") no-repeat scroll center 50% / cover;
height: 320px;
}
.section-resource-center #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/banner-resource-center.jpg") no-repeat scroll center 20% / cover;
height: 420px;
}
.section-multi-media #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/banner-multimedia.jpg") no-repeat scroll center 0 / cover;
height: 340px;
}
.section-links #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/fern-and-mushroom.jpg ") no-repeat scroll center 50% / cover;
height: 320px;
}
.template-contact-info #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/banner-contact.jpg") no-repeat scroll center 0 / cover;
height: 340px;
}
.section-contact-information #cepa-banner {
background: rgba(0, 0, 0, 0) url("cepa-images/banner-contact.jpg") no-repeat scroll center 0 / cover;
height: 340px;
}
#portal-header {
background-image: url("none") !important;
margin: 0 auto;
width: 1140px;
}
#portal-columns {
margin: 0 auto;
padding: 30px;
width: 1160px;
min-height: 780px;
}
#portal-logo {
display: inline-block;
height: 130px;
margin: 0 0 1.5em 0em;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#portal-logo img {
height: auto;
max-width: 570px;
position: absolute;
top: 20px;
}
.documentFirstHeading {
font-family: "raleway", helvetica, arial, sans-serif;
margin-bottom: 5px;
margin-top: 20px !important;
padding-bottom: 5px;
}
.page-header {
border-bottom: none;
}
h1, h2, h3, h4 {
color: #676767;
font-family: "Raleway", sans-serif;
font-weight: 300;
line-height: 1.3em;
}
h1 {
font-size: 2.3em;
}
h2 {
font-size: 1.8em;
color: #676767;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 40px;
}
h3 {
font-size: 1.3em;
line-height: 130%;
color: var(--darkgreen);
font-weight: 400;
}
.lead, .intro {
font-size: 20px !important;
font-weight: 200;
line-height: 140%;
margin: 20px 0;
text-shadow: 0 0 1px rgba(102, 102, 102, 0.5);
}
#content .projects ul li {
list-style: outside none none;
margin-bottom: 15px;
}
#content .projects ul li a {
color: #5f5f5f;
font-size: 18px;
}
#content li a {
border-bottom: medium none !important;
text-decoration: none !important;
}
.projects h3 {
border-top: 1px solid #d8d8d8;
color: #606060;
margin: 15px 0;
padding-top: 15px;
}
#content ul.topic {
margin-left: 0;
}
.topic>li {
background: #ebebeb none repeat scroll 0 0;
line-height: 1.3em !important;
margin-bottom: 0.5em !important;
padding: 1em !important;
}
.topic li a:hover {
background: #D8D4CB!important;
}
.topic>li:hover {
background: #D8D4CB!important;
}
/* */
.navbar {
margin: 0px !important;
overflow: visible;
}
.navbar-inner {
border-bottom: medium none;
border-left: medium none;
border-radius: 0;
border-right: medium none;
box-shadow: none;
min-height: 38px;
padding-left: 0;
padding-right: 0;
}
.navbar .nav {
display: block;
margin: 0 auto;
position: relative;
}
.navbar .container {
background: var(--darkgreen);
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
background-color: var(--litegreen) !important;
color: #fff;
}
.navbar .nav>li {
float: left;
font-size: 16px;
text-transform: uppercase;
}
.navbar .nav>li>a {
border-right: 1px solid #fff;
color: #ffffff;
float: none;
font-weight: 500;
padding: 12px 13px;
text-decoration: none;
text-shadow: none;
}
.navbar .nav li>a:hover {
background-color: #004f07;
color: #fff;
}
.navbar .LSBox {
display: none;
position: static;
}
@media only screen and (min-width: 770px) {
nav form.form-search {
display: none;
}
}
@media only screen and (max-width: 769px) {
#portal-header .form-search {
display: none;
}
}
dl.portlet ul.navTree .navTreeCurrentItem {
background-color: #f5f5f5;
padding: 10px 10px 10px 15px!important;
border-radius: 6px;
}
.portlet ul.navTree .navTreeCurrentItem li>a {
background-color: #fff;
border-left: 1em solid #ddd;
margin-left: 0em;
margin-right: 0em;
}
#portaltab-index_html>a {
background: url("menu_home.png") no-repeat scroll center center transparent;
height: 40px;
padding: 2px 11px;
text-indent: -999em;
width: 30px;
border-left: 1px solid var(--darkgreen);
}
#portaltab-index_html>a:hover, .site-society-and-conservations-community #portaltab-home>a:hover {
background: url("menu_home.png") no-repeat scroll center center #004f07;
height: 40px;
padding: 2px 11px;
text-indent: -999em;
width: 30px;
border-left: 1px solid #fff;
}
/* */
/* */
#portal-footer-wrapper {
background-color: #00646d;
background-image: url("cepa-images/footer-bg.jpg");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 20px solid #382a27;
border-top: 4px solid #444;
margin: 0 auto;
padding: 0;
width: 100%;
}
#portal-footer {
background: transparent none repeat scroll 0 0;
color: #fff;
font-size: 100%;
line-height: 1.4em;
margin: 0 auto;
padding: 1em;
width: 1140px;
}
#portal-footer h3 {
color: #fff;
font-size: 20px;
margin-top: 5px;
margin-bottom: 0;
}
#portal-footer h2 {
color: #e9e4db;
}
#portal-footer ul.menu {
font-size: 14px;
letter-spacing: 0;
text-transform: uppercase;
margin-left: 0;
}
#portal-footer .menu a {
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
line-height: 1.5em;
padding-bottom: 6px;
padding-top: 6px;
width: 90%;
}
#portal-footer a:link, #portal-footer a:visited {
color: #fff;
}
#portal-footer a:hover {
color: #72B300;
}
.sitecredit>a {
font-size: 12px;
letter-spacing: 0.075em;
text-transform: uppercase;
}
#content .sidebar>ul {
list-style: outside none none !important;
margin-left: 0.25em;
}
#content .sidebar a {
color: #d87900;
border-bottom: medium none;
}
.sidebar div {
font-size: 90%;
line-height: 1.4em;
}
.sidebar {
border: 1px solid #dddddd;
margin-bottom: 1.5em;
padding: 10px 20px;
}
.sidebar h3 {
border-bottom: 1px solid #dddddd;
color: var(--darkgreen);
font-size: 20px;
padding-bottom: 10px;
text-transform: uppercase;
}
.sidebar h3>span {
color: #444;
}
.sidebar .divider {
border-top: 1px solid #ddd;
margin-top: 30px;
}
.readmore {
font-size: 85%;
text-transform: uppercase;
}
.more-btn > a {
background: var(--darkgreen) none repeat scroll 0 0;
border-radius: 5px;
color: #fff !important;
font-size: 12px;
padding: 8px 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
.navbar {
padding: 0px;
}
.navbar-inner .container {
left: -20px;
position: relative;
}
#portal-footer {
margin: 1em;
padding: .5em 1em;
width: 95%;
}
}
/* */
ul.cal-sprite {
margin: 10px 0 20px 0px;
padding: 0px;
}
.cal-sprite li {
overflow: hidden;
text-indent: -9999px;
display: block;
}
.cal-sprite li a {
background: url(calendar-sprite.png) no-repeat;
width: 200px;
height: 45px;
display: block;
}
/* */
.cal-sprite li#grid {
width: 200px;
height: 40px;
}
.cal-sprite li#grid a {
background-position: 0px 0px;
}
.cal-sprite li#grid a:hover {
background-position: -200px 0px;
}
/* */
.cal-sprite li#add-event {
width: 200px;
height: 40px;
}
.cal-sprite li#add-event a {
background-position: 0px -42px;
}
.cal-sprite li#add-event a:hover {
background-position: -200px -42px;
}
/* */
.cal-sprite li#list-view {
width: 200px;
height: 40px;
}
.cal-sprite li#list-view a {
background-position: 0px -84px;
}
.cal-sprite li#list-view a:hover {
background-position: -200px -84px;
}
/* */
.cal-sprite li#upcoming {
width: 200px;
height: 40px;
}
.cal-sprite li#upcoming a {
background-position: 0px -126px;
}
.cal-sprite li#upcoming a:hover {
background-position: -200px -126px;
}
/* */
.cal-sprite li#past {
width: 200px;
height: 42px;
}
.cal-sprite li#past a {
background-position: 0px -168px;
}
.cal-sprite li#past a:hover {
background-position: -200px -168px;
}
/* */
.gridItem {
float: left;
height: 640px;
margin-right: 4%;
width: 28%;
}
.gridItem h2.tileHeadline {
font-size: 20px;
}
#portal-column-two .visualPadding {
padding-right: 25px;
padding-top: 0;
}
#portal-column-two {
background-image: url("none");
position: relative;
top: 3em;
}
/* */
font-size: 20px !important;
/* */
font-family: 'raleway';
} */
.portletHeader {
background: #fff none repeat scroll 0 0 !important;
font-size: 20px !important;
font-family: 'raleway';
}
.portletHeader>a {
padding: 10px;
}
dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover {
color: #00702c;
}
dl.portlet dt, div.portletAssignments {
background: none repeat scroll 0 0 #fff;
border-width: 0;
color: #006699;
font-size: 20px;
font-weight: 400;
letter-spacing: -0.015em !important;
line-height: 22px;
padding: 10px 0 0 10px;
text-align: left;
text-transform: none;
}
.managedPortlet .portletHeader {
font-size: 14px;
font-weight: normal;
line-height: 17px;
margin: 0;
}
#portal-siteactions {
float: none;
margin-top: 0;
padding-right: 2em;
text-align: right;
}
.gray {
background-color: #fff;
background-image: url("none");
}
table.gray {
background-color: #fff;
background-image: url("none");
color: #000000;
font-family: Arial, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
}
.photoblock {
border: 1px solid #ccc;
float: right;
margin-bottom: 2em;
margin-left: 2em;
padding: 4px;
max-width: 420px;
}
.photoblock img {
height: auto;
max-width: 100%;
}
.caption {
color: #777;
font-weight: bold !important;
padding: 10px 10px 5px;
text-align: center;
}
.caption span {
font-weight: normal !important;
}
.newsbox {
margin-bottom: 2em !important;
border: 1px solid #e9e9e9;
border-bottom-color: #d5d5d5;
border-bottom-width: 2px;
margin-bottom: 1.5em;
padding: 10px 20px;
}
.newsbox > ul {
list-style: outside none none !important;
margin-left: 0 !important;
}
.newsbox>img, .newsbox>a img {
max-width: 100%;
}
.newsbox img:hover {
opacity: .8;
}
.newsbox>p {
color: #666;
line-height: 1.4em !important;
padding-right: 1em;
}
.newsbox>a {
text-decoration: none !important;
}
.newsbox .readmore {
font-size: 12px;
font-weight: 600 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.newsbox .documentByLine {
border-top: 1px solid #ddd;
padding-top: 15px;
}
h3.heading {
color: #d08b3a;
font-family: 'raleway', san-serif !important;
font-size: 1.5em;
font-weight: 400;
line-height: 1.2em !important;
margin: 5px 0 0;
padding: 5px 0;
}
h3.heading:hover {
color: #E56A00;
}
.tileHeadline {
margin-bottom: 10px;
}
h2.tileHeadline a {
border-bottom: medium none !important;
font-weight: 400;
}
ul#nav li a {
background: none repeat scroll 0 0 #7c8590 !important;
color: #C7CBCE !important;
display: inline-block;
margin-right: 2px;
padding: 3px 7px;
}
#nav a.activeSlide {
background: var(--litegreen) !important;
color: #fff!important;
}
/* */
.hilitebox {
background: none repeat scroll 0 0 #fff;
border: 1px solid #bbbbbb;
border-radius: 6px;
min-height: 250px !important;
padding: 15px 15px;
margin: 1em 0em;
}
.hilitebox h2 {
font-size:26px;
color: #008CD1;
line-height:1.25em;
}
.hilitebox h4 {
color: #777;
font-size: 18px;
font-weight: 500;
line-height:1.3em;
}
.hilitebox li {
list-style: outside none none;
line-height:1.3em;
}
.hilitebox div {
margin: 1.25em 0;
}
.hilitebox .documentByLine {
color: #888 !important;
display: block;
font-size: 80% !important;
margin-bottom: 0em!important;
}
.hilitebox a {
font-weight: 600;
}
.large {
padding: 20px;
font-size: 18px;
}
/* */
.tabbedcontent ul.nav.nav-tabs {
list-style: outside none none !important;
margin: 1em 0 0em 0!important;
}
.tabbedcontent li {
margin-bottom: 0.0125em!important;
}
.tab-pane {
background: #ddd none repeat scroll 0 0;
padding: 10px 30px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
background-color: #ddd;
}
.nav .audio {
background: rgba(0, 0, 0, 0) url("audio.gif") no-repeat scroll 20px 9px;
text-indent: 35px;
}
.nav .video {
background: rgba(0, 0, 0, 0) url("Video.gif") no-repeat scroll 20px 9px;
text-indent: 35px;
}
/* */
.image-rt {
float: right;
margin-left: 20px;
}
/* */
.portlet ul {
margin-left: 1em;
}
.navTreeFolderish.contenttype-folder {
background: url("none") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.navTreeFolderish.contenttype-folder>span {
font-size: 15px;
font-weight: 400;
}
.navTreeItem a, dd.portletItem .navTreeItem a {
border: 1px solid White;
display: block;
padding-bottom: 10px;
padding-top: 7px;
text-decoration: none;
line-height: 1.3em;
font-size: 15px;
}
.navTree li {
margin-bottom: 5px;
padding-bottom: 5px;
}
.navTreeCurrentItem {
border: 1px solid #fff !important;
color: #007FFF!important;
}
dl.portlet ul.navTreeLevel1 .navTreeItem {
padding-left: 0em;
}
/* */
.icons-on .contenttype-file, .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-topic, .icons-on #plone-contentmenu-factories .contenttype-file, .icons-on #plone-contentmenu-factories .contenttype-image {
line-height: 2em;
padding-left: 0px !important;
background: url("none");
}
.template-contents_full .icons-on .contenttype-file {
background: transparent url("none") no-repeat scroll 0 0;
}
.share-button {
background: #008083 none repeat scroll 0 0;
border-radius: 6px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) inset;
font-size: 20px;
margin: 20px 0;
padding: 18px 20px 10px;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.share-button a {
color: #fff !important;
border: none !important;
}
.share-button:hover {
background: #00646E none repeat scroll 0 0;
}
.library-search-wrapper {
background: #6FA43C;
border-radius: 6px;
margin: 30px 0 0;
padding: 15px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
}
.search-button {
background: #6fa43c url("cepa-images/search-icon.png") no-repeat scroll 5px 5px / 70px auto;
border: 1px solid #a0c57d;
border-radius: 6px;
font-size: 19px;
line-height: 1.2em;
padding: 20px 15px 10px 40px;
text-align: center;
transition: all 0.3s ease-in 0s;
}
.search-button a {
color: #fff !important;
border: none !important;
}
#content .search-button a:hover {
color: #CCFF99 !important;
border: none !important;
}
#content .search-button:hover,.search-button:hover {
background: #40812D url("cepa-images/search-icon.png") no-repeat scroll 5px 5px / 70px auto;
border: 1px solid #fff;
}
#portal-column-one .library-search-wrapper,#portal-column-one .share-button {
margin-right: 15px;
}
.back-to-top a {
background: #222 none repeat scroll 0 0;
border-radius: 5px;
bottom: 0.75em;
color: #ccc !important;
display: block;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 10px;
position: fixed;
right: 0.75em;
text-align: center;
text-decoration: none;
z-index: 100;
}
.back-to-top:hover a {
background: #000 none repeat scroll 0 0;
color: #87a301!important;
text-decoration: none;
}
dl.portletEvents {
border: 1px solid #e8e8e8;
}
.tileItem {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 5px;
}
.tileBody {
line-height: 1.6em;
}
.tileImage {
float: left;
margin-bottom: 0.5em;
margin-right: 1.5em;
margin-top: 1.5em;
padding: 0px;
border: medium none;
}
.tileImage > img {
max-width: 160px;
border: 1px solid #ccc;
padding: 4px;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.tileImage > img:hover {
opacity:.8;
}
/* */
@media only screen and (max-width: 1100px) {
.navbar {
left: 30px;
top: 160px;
}
}
#portal-header {
background-image: url("none") !important;
height: 189px;
margin: 0 auto;
}
@media only screen and (max-width: 978px) {
.mobile-logo {
display: none;
}
#portal-header {
background-image: url("none") !important;
height: 196px;
margin: 0 auto;
width: 100%;
}
#portal-logo img {
left: 30px;
margin-top: 1em;
max-width: 90%;
position: absolute;
top: 30px;
}
.template-cepa_home #visual-portal-wrapper {
background: #fff url("none") no-repeat fixed 0 0 / cover;
}
.template-cepa_home #portal-header-wrapper {
background: #fff none repeat scroll 0 0;
box-shadow: none;
max-width: 100%;
}
.template-cepa_home #portal-columns {
max-width: 90%;
margin: 0 auto;
}
#portal-header {
max-width: 100%;
}
#portal-columns {
margin: 0 auto;
padding: 30px;
width: auto;
}
.navbar .nav>li>a {
border-bottom: 1px dotted white;
border-right: 0 none;
font-weight: 600;
padding: 8px 10px;
text-align: center;
}
#portaltab-home>a {
background: transparent url("none") no-repeat scroll center center;
text-indent: -10px;
width: 100%;
}
#portaltab-index_html>a {
background: transparent url("none") no-repeat scroll center center;
text-indent: -10px;
width: 100%;
}
.gridItem {
float: left;
height: 600px;
margin-right: 4%;
width: 46%;
}
.navbar {
padding: 0px 20px;
}
.LSBox {
right: 20px;
top: 90px;
}
}
@media only screen and (max-width: 767px) {
.mobile-logo {
display: none;
}
.template-cepa_resources #cepa-banner {
height: 200px;
}
.section-climate-change #cepa-banner {
height: 200px;
}
.section-natural-resources #cepa-banner {
height: 200px;
}
.section-biodiversity #cepa-banner {
height: 200px;
}
.section-government-publications #cepa-banner {
height: 200px;
}
.section-news-and-events #cepa-banner {
height: 200px;
}
.section-about-the-cepa-library #cepa-banner {
height: 200px;
}
.navbar {
left: 30px;
top: 160px;
padding: 0px 20px;
}
.navbar .nav>li {
float: none;
font-size: 16pt;
text-align: center;
font-weight: 600;
padding: 5px 0;
}
.gridItem {
float: none;
height: auto;
width: 100%;
}
}
@media only screen and (max-width: 1055px) {
#content #cyclist-wrapper {
height: 500px;
}
}
#content #cyclist-wrapper .feature {
width: 100% !important;
height: 100% !important;
}
.featured img {
width: 1170px;
}
@media only screen and (max-width: 979px) {
.featured img {
max-width: 100% !important;
}
}
#content #cyclist-wrapper .featureimage {
background-size: cover !important;
background-position: center center;
position: relative;
display: block;
}
#cyclist .description {
margin: 0;
padding: 0;
position: relative;
bottom: 84px;
background: rgba(255, 255, 255, .9);
padding: 15px;
width: 45%;
font-size: 13px;
line-height: 1.4em;
left: 30px;
}
@media only screen and (max-width: 767px) {
#cyclist .description {
bottom: 0px;
width: 100%;
left: 0;
}
#cyclist-nav {
top: 200px !important;
}
}
#content #cyclist-arrows {
position: absolute;
top: 40%;
width: 100%;
}
#content #cyclist-arrows a {
display: block;
width: 30px;
height: 30px;
background: url("slider-arrows.png") left top;
background-size: 60px;
text-indent: -9999px;
border: none;
}
#content #cyclist-arrows a:hover {
background-position: left bottom;
}
#content #cyclist-arrows .prev {
float: left;
margin-left: 15px;
}
#content #cyclist-arrows .next {
float: right;
margin-right: 15px;
background: url("slideshow-arrows-solid.png") right top;
background-size: 60px;
}
#content #cyclist-arrows .next:hover {
background-position: right bottom;
}
@media only screen and (max-width: 767px) {
#content #cyclist-arrows {
display: block;
}
}
@media only screen and (max-width: 767px) {
#portal-column-content #content #cyclist-wrapper {
height: 300px;
}
}
.mobile-logo {
display: none;
}
@media only screen and (max-width: 978px) {
.mobile-logo {
display: none;
}
.mobile-sharebar {
display: none;
}
}
@media only screen and (max-width: 979px) {
.navbar {
margin: 0 !important;
position: absolute;
top: 158px;
left: 0;
background-color: transparent;
z-index: 100;
width: 100%;
}
.navbar .nav {
margin: 0;
}
.navbar .nav>li>a {
border-right: 0;
font-weight: normal;
border-bottom: 1px dotted white;
padding: 8px 10px;
color: #fff;
}
.navbar .nav>li:first-child>a {
border-top: 1px dotted white;
}
.navbar .nav>li:last-child>a {
border-bottom: none;
}
.navbar .navbar-inner {
background: none transparent !important;
border: none;
box-shadow: none;
}
.navbar .hidden-desktop {
display: none !important;
}
.navbar .nav-collapse {
background-color: var(--darkgreen);
}
ul.submenu{ display: none; }
.navbar .container:before {
content: "menu";
color: white;
text-transform: uppercase;
display: inline;
position: absolute;
top: 16px;
font-size: 18px;
font-weight: bold;
padding-left: 60px;
background: url("hamburger_new.png") 17px center no-repeat;
height: 21px;
line-height: 21px;
}
.navbar .btn-navbar {
opacity: 0;
margin-bottom: 2px;
width: 100%;
height: 29px;
}
#portal-header .navbar .navbar-inner .form-search {
display: block;
}
#portal-header .navbar .navbar-inner .form-search.pull-right {
margin: 0;
width: 192px;
margin-top: 13px;
}
#portal-header .navbar .navbar-inner .form-search.pull-right .searchSection {
margin: 0 0 5px 0;
}
#portal-header .navbar .navbar-inner .form-search.pull-right .searchSection label {
color: white;
font-size: 12px;
margin: 0;
}
#portal-header .navbar .navbar-inner .btn-navbar {
float: left;
width: 95px;
}
#portal-header .navbar .navbar-inner .form-search .LSBox {
margin-top: 0;
}
#portal-header .navbar .navbar-inner .form-search .search-open {
display: block;
width: 28px;
height: 28px;
background: url('mobile-search-open.png');
position: absolute;
top: 13px;
right: 7px;
}
#portal-header .navbar .navbar-inner .form-search.pull-right #searchGadget {
width: 183px !important;
box-sizing: border-box;
border: none;
border-radius: 3px;
}
#portal-header .navbar .navbar-inner .form-search.pull-right #searchbtn {
position: absolute;
right: 7px;
}
#portal-header .form-search.pull-right {
margin-right: 0px;
margin-top: 70px;
margin-bottom: 0px;
}
.tagline {
margin: 0.5em 1.5em 3em;
font-size: 0.8em;
}
.LSBox {
margin-top: -35px;
}
#portal-personaltools-wrapper {
position: static;
padding: 0;
background-color: transparent !important;
border: none;
}
#portal-header {
padding: 0;
background-image: none !important;
position: static;
}
#portal-logo {
margin-top: 80px;
margin-bottom: 30px;
}
.topmenu {
float: left;
width: 60%;
}
.topmenu ul {
margin: 0 0 10px 8px;
}
.topmenu ul li a {
font-size: 70%;
}
#nav .navimg img {
width: 94px;
}
}
@media only screen and (max-width: 767px) {
body {
padding: 0;
}
#portal-columns {
margin-top: 0;
}
div.reply {
overflow: hidden;
}
.mobile-sharebar {
display: block;
}
.desktop-sharebar {
display: none;
}
ul#navigation {
margin-left: 0;
}
#visual-portal-wrapper {
box-sizing: border-box;
}
#content #more-videos {
overflow: hidden;
}
#content #more-videos a {
float: left;
width: 240px !important;
height: 195px !important;
background-repeat: no-repeat;
background-color: transparent;
background-size: auto 125px;
background-position: left top;
margin-right: 30px;
}
#content .span3>img[width="75"] {
display: none;
}
#content #cyclist {
margin-top: -8px;
}
#sharebar {
display: block;
position: static;
overflow: hidden;
}
#sharebar #lang-actions {
left: 95px;
}
#sharebar #addThis {
width: 100%;
position: static;
}
#sharebar {
margin-bottom: 25px;
}
#sharebar .language-switcher {
width: 61px;
height: 46px;
border-right: 1px solid white;
background-position: -3px -1px;
}
#sharebar .sharetogroup {
width: 61px;
background-position: -3px -230px;
border-right: 1px solid white;
}
#sharebar #addThis .at300b {
height: 46px !important;
width: 61px;
border-right: 1px solid white;
}
#sharebar #addThis .addthis_button_twitter {
background-position: -3px -47px;
}
#sharebar #addThis .addthis_button_facebook {
background-position: -3px -93px;
}
#sharebar #addThis .addthis_button_linkedin {
background-position: -3px -139px;
}
#sharebar #addThis .addthis_button_email {
background-position: -3px -185px;
}
#sharebar #addThis .discussgroup {
width: 61px;
background-position: -3px -276px;
border-right: 1px solid white;
}
#login-form {
-moz-placeholder-text-align: center;
-ms-input-placeholder-text-align: center;
}
#login-form input {
font-size: 80%;
width: 200px;
}
#login-form .field {
margin: 0;
}
#login-form label {
text-align: center;
display: none;
}
#login-form ::-webkit-input-placeholder {
text-align: center;
}
#login-form ::-moz-placeholder {
text-align: center;
}
}
.searchForm form.searchPage input[type="text"], .template-search_new form.searchPage input[type="text"], .template-search form.searchPage input[type="text"] {
height: 32px;
line-height: 32px;
font-size: 18px;
color: black;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background: url('search.png');
padding: 0;
border-radius: 0;
}
.searchForm form.searchPage input[type="submit"], .template-search_new form.searchPage input[type="submit"], .template-search form.searchPage input[type="submit"] {
width: 119px;
height: 36px;
font-size: 22px;
text-align: center;
border: 1px solid #8cacbb;
background: url('search-icon-2.png') 8px 8px no-repeat;
float: none;
border-radius: 0;
margin-bottom: 10px;
padding: 0 0 0 15px;
}
.searchForm .documentFirstHeading, .template-search_new .documentFirstHeading, .template-search .documentFirstHeading {
padding-bottom: 9px;
border-bottom: 1px solid #cccccc;
font-weight: normal;
}
.searchForm .documentFirstHeading span, .template-search_new .documentFirstHeading span, .template-search .documentFirstHeading span {
font-family: 'Helvetica', Arial, sans-serif;
color: #e36a14;
font-size: 19px !important;
}
.searchForm .documentFirstHeading .discreet span, .template-search_new .documentFirstHeading .discreet span, .template-search .documentFirstHeading .discreet span {
color: #83797c;
font-size: 15px !important;
}
.searchForm .searchResults dt a, .template-search_new .searchResults dt a, .template-search .searchResults dt a {
color: #436976;
font-weight: normal;
font-size: 18px;
border-bottom: 1px solid #436976 !important;
}
.searchForm .searchResults dt a:hover, .template-search_new .searchResults dt a:hover, .template-search .searchResults dt a:hover {
text-decoration: none
}
.searchForm dl.searchResults .highlightedSearchTerm .template-search_new dl.searchResults .highlightedSearchTerm .template-search dl.searchResults .highlightedSearchTerm {
background-color: #ffffaa;
font-style: italic;
font-weight: normal;
}
.searchForm.esSearchForm #esSearchSummaryBox {
color: #333;
border: none;
}
.searchForm.esSearchForm #esSearchSummaryBox strong, .searchForm.esSearchForm #esSearchSummaryBox span {
font-size: 13px;
}
.searchForm dd {
color: #333333;
}
.searchForm .esOrderBy, .template-search_new .filters, .template-search .filters {
clear: both;
overflow: hidden;
padding: 3px 15px;
background: whitesmoke;
margin-bottom: 35px;
height: 25px;
line-height: 25px;
}
.searchForm .esOrderBy .title, .template-search_new .filters .label, .template-search .filters .label {
color: #393939;
font-weight: normal;
text-transform: uppercase;
float: left;
background: transparent url(search-filter-arrow.png) right center no-repeat;
padding-right: 15px;
}
.searchForm .esOrderBy .title {
padding-right: 10px;
margin-right: 15px;
font-size: 13px;
}
.searchForm .esOrderBy ul, .template-search_new .filters ul, .template-search .filters ul {
float: left;
margin-bottom: 0;
}
.searchForm .esOrderBy a, .template-search_new .filters ul li, .template-search .filters ul li {
float: left;
list-style: none;
padding-left: 8px;
margin-left: 8px;
background: url("democracy-filter-border.png") left 4px no-repeat;
line-height: 14px !important;
}
.searchForm .esOrderBy a {
margin-top: 5px;
background-position: left 0;
}
#content .searchForm .esOrderBy a:hover, .searchForm .esOrderBy a.selected {
color: #1d88fe !important;
font-weight: normal;
text-decoration: none;
}
.searchForm .esOrderBy a:first-of-type, .template-search_new .filters ul li:first-child, .template-search .filters ul li:first-child {
padding-left: 0;
margin-left: 0;
background: none;
}
.searchForm .esOrderBy a, .template-search_new .filters ul li a, .template-search .filters ul li a {
font-size: 13px;
color: #525252 !important;
}
.searchForm .esSearchOptions h1 {
background: url('advanced-button-bg.png');
height: 30px;
font-size: 13px;
text-transform: uppercase;
padding: 0;
border-radius: 5px;
line-height: 39px;
text-align: center;
color: white;
text-shadow: none;
font-family: Helvetica;
border: none;
}
.searchForm .esSearchOptions>div:nth-last-child(2), .searchForm .esSearchOptions .formControls {
display: none;
}
.searchForm .esSearchOptions, .template-search_new .advanced, .template-search .advanced {
overflow: hidden;
}
.searchForm .esSearchOptions .toggle, .template-search_new .advanced .toggle, .template-search .advanced .toggle {
float: left;
display: block;
background: url('advanced-button.png');
height: 34px;
line-height: 34px;
padding: 0 10px;
color: white !important;
font-weight: bold;
border-radius: 3px;
border: none !important;
}
.searchForm .esSearchOptions .content, .template-search_new .advanced .content, .template-search .advanced .content {
clear: both;
border: 1px solid #c9c9c9;
padding: 0 10px;
}
.searchForm .esSearchOptions input[type="radio"], .searchForm .esSearchOptions input[type="checkbox"], .template-search_new .advanced input[type="checkbox"], .template-search .advanced input[type="checkbox"] {
float: left;
margin-top: 4px;
margin-left: 1px;
clear: left;
}
.searchForm .esSearchOptions .form-item, .template-search_new .advanced .form-item, .template-search .advanced .form-item {
overflow: hidden;
}
.searchForm .esSearchOptions .left, .template-search_new .advanced .left, .template-search .advanced .left {
float: left;
margin-right: 35px;
min-width: 200px;
}
.searchForm #Published {
width: 50px;
}
.searchForm #Contribs {
width: 170px;
}
.searchForm #Contribs, .searchForm #Published {
float: left;
clear: both;
background: url('search.png');
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
height: 18px;
}
.searchForm .esSearchOptions .collapse label {
font-weight: normal;
font-size: 12px;
color: black;
float: left;
margin: 0;
}
.searchForm .esSearchOptions label[for^="topic_"], .searchForm .esSearchOptions label[for*=" topic_"], .searchForm .esSearchOptions label[for^="portal_type"], .searchForm .esSearchOptions label[for*=" portal_type"] {
width: 100%;
}
.searchForm .esSearchOptions .optionsToggle {
border: none;
}
.searchForm .esSearchOptions select {
float: left;
font-size: 12px;
padding: 2px;
border-radius: 0;
}
.searchForm .esSearchOptions .help-block {
color: #767999;
font-size: 12px;
line-height: 15px;
}
.searchForm .esSearchOptions .collapsible .collapser {
display: inline;
}
.searchForm .esSearchOptions .field br {
display: none;
}
.searchForm form.searchPage h1 {
padding-left: 15px;
}
.searchForm form.searchPage #search-tabs {
height: 38px;
margin-bottom: 46px;
border-bottom: 1px solid #878a8d;
padding-left: 14px;
margin-top: 15px;
}
.searchForm form.searchPage #search-tabs a {
display: block;
height: 37px;
background: url('search-tab.png') left top;
border: 1px solid #6c7178;
color: #e4e5e9;
font-size: 20px;
line-height: 37px;
padding: 0 21px 0 28px;
float: left;
text-transform: uppercase;
font-family: "myriad-pro-condensed";
}
.searchForm form.searchPage #search-tabs a:hover {
color: #e4e5e9 !important;
text-decoration: none;
}
.searchForm form.searchPage #search-tabs a.selected:hover {
color: #828282 !important;
}
.searchForm form.searchPage #search-tabs a.selected {
background: url('search-tab-selected.png');
color: #828282;
padding-top: 5px;
padding-left: 21px;
margin-top: -4px;
border-bottom: none;
}
.smaller { font-size:90%; }
#sidemenu {
background: #FEE8C9;
padding: 15px 20px;
margin: 2em 15px 2em 0;
border-radius: 6px;
}
#sidemenu ul.menu {
margin: 0 0 20px 15px;
}
#sidemenu .menu {
list-style: outside none square;
margin-bottom: 1.5em;
}
#sidemenu .menu > li {
border-bottom: 1px solid #ddd;
margin-right: 1em;
padding: 7px 0;
}
#sidemenu h3 {
color: #F89B24;
font-weight: 600;
}
#sidemenu h4 {
font-weight: 500;
}
/* */
.template-folder_full_view h2.headline {
font-size: 1.4em;
font-weight: 600;
line-height: 1.3em;
margin-bottom: 5px;
margin-top: 1.5em;
}
#content h2.headline a:link {
border-bottom: medium none;
margin-bottom: 0;
padding: 0 !important;
}
#content div.documentByLine {
margin-bottom: 0.5em;
}
.template-folder_full_view .description {
margin-bottom: 0.75em;
}
@media only screen and (max-width: 768px) {
.hide-mobile {
display: none;
}
#navigation>li {
float: none;
text-transform: uppercase;
}
}
@media only screen and (max-width: 520px) {
.LSBox {
display: none;
}
}
/* */
.green-bar {
background: #008040;
background: -moz-linear-gradient(top, #008040 0%, #006727 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008040), color-stop(100%,#056839));
background: -webkit-linear-gradient(top, #008040 0%,#056839 100%);
background: -o-linear-gradient(top, #008040 0%,#056839 100%);
background: -ms-linear-gradient(top, #008040 0%,#056839 100%);
background: linear-gradient(top, #008040 0%,#056839 100%);
margin: 0px 0 30px 0;
}
.green-bar p {
color: #FFFFFF;
text-align: center;
padding: 15px 30px;
font-size: 1.1em;
line-height: 160%;
}
.module-box {
border: solid 1px #E8E8E8;
padding: 10px 22px;
background: #FFFFFF;
min-height: 205px!important;
}
.quote-box {
background: var(--darkgreen);
color: #fff;
margin: 10px 0 40px;
}
.quote-box img {
float: left;
margin-right: 10px;
}
.custom_quote_text {
font-style: italic;
font-size: 14px;
}
.cust_quote_text_wrap {
padding: 2%;
width: 75%;
float: left;
}
.cust_quote_name {
background: url(cust_quote.png) no-repeat top left;
padding-left: 46px;
font-size: 1.8em;
text-transform: none !important;
margin-bottom: 12px;
color: #fff;
}
h3.green-header {
text-transform: uppercase;
font-size: 20px;
color: var(--darkgreen);
}
.floatleft {
float: left;
margin-right: 10px;
}
.image-left {
width: 15%;
float: left;
margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
.image-left {
width: 30%;
margin-bottom: 1em;
}
}
.staff-title {
font-size: 60%;
color: #666666;
}
.divider-line {
margin: 25px 0;
clear: both;
border-bottom: 1px solid #ddd;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
padding: 0;
border-bottom: 1px solid #ddd;
/* */
margin-right: 3em;
margin-left: 10px;
}
.objectDetails {
width: 40%;
float: right;
margin-left: 2em;
}
.objectDetails table {
border: 1px solid #ccc;
}
.objectDetails th {
padding: 5px 10px;
width: 40%;
background: var(--litegreen);
text-align: left;
color: #fff;
font-size: 15px;
font-weight: bold!important;
border-bottom: 1px solid #ccc;
}
.clear {
clear: both;
height: 1px;
}
#content a:hover, dl.portlet a:hover {
color: var(--litegreen) !important;
}

}