/* - ploneCustom.css - */
@media all {
/* https://southeastaquatics.net/portal_css/ploneCustom.css?original=1 */
body {
color: #333;
font-family: "proxima-nova", helvetica, arial, sans-serif;
text-rendering: optimizelegibility;
}
body.template-portal_home #edit-bar {
display: none
}
#lineageSelectionForm {
display: none;
}
.ac-nav-bar,.act-nav-bar,.act-members-nav-bar { display: none; }
#top-bar {
position: absolute;
top: 0;
left: 0;
height: 75px;
background: #0c456b;
width: 100%;
}
#page { margin-top: 20px; }
p {
font-size: 16px;
line-height: 1.5em;
}
a {
text-decoration: none !important
}
.searchSection {
display: none
}
#partnerSiteSelection {
position: absolute;
top: 110px;
left: 650px;
}
#visual-portal-wrapper {
margin: 0 auto;
max-width: 1170px;
box-shadow: none;
}
@media screen and (max-width: 767px){
#visual-portal-wrapper {
width: 100%;
margin:0 auto;
box-shadow: none;
}
}
#portal-header {
background: url(logo.png) no-repeat 0 -28px;
position: relative;
z-index: 2;
height: 370px;
}
#introblock {
height: 400px;
}
@media screen and (max-width: 767px){
#introblock {
height: 500px;
}
}
.template-portal_home #portal-header {
height: 300px;
}
@media screen and (max-width: 767px){
.template-portal_home #portal-header {
height: 200px;
}
}
.subsection-style-guide #portal-header {
/* */
}
#portal-logo {
display: inline-block;
margin: 0.75em 0;
}
.main-logo { /* */
position: absolute;
top: 0;
width: 285px;
height: 185px;
z-index: 3;
}
.main-logo img {
width: 285px;
}
#content div.fc-event a,
#content div.fc-event a:hover {
color: #fff
}
#portlet-add-to-events a,
#portlet-how-to-participate a,
#portlet-add-to-library a,
#portlet-add-to-links a,
#portlet-add-to-funding a,
#portlet-add-to-news a,
#portlet-social a {
border: 0 none
}
#portlet-social {
text-align: center
}
/* */
#portal-globalnav {
position: absolute;
left: 33%;
top: 24px;
background: transparent;
}
#portal-globalnav li a {
background: transparent;
border: none;
min-width: 1em;
padding: 1em 0 1em 2em;
color: #fff;
font-size: 1.4em;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
.site-aquatic-connectivity-program-act #portal-globalnav {
left: 45%;
}
.site-act-members #portal-globalnav li a,.site-aquatic-connectivity-program-act #portal-globalnav li a{
text-transform: none;
letter-spacing: 0;
}
#portal-globalnav a:link, a:visited {
color: #fff
}
#portal-globalnav li a:hover {
background: transparent;
color: #78cdf9;
}
#portal-globalnav .selected a {
background: transparent;
color: #78cdf9;
}
#portal-globalnav .selected a:hover {
background: transparent;
color: #78cdf9;
}
#portaltab-home > a {
background: url("../menu-home-white.png") no-repeat  center 17px !important;
text-indent: -999em;
}
#portaltab-home > a:hover {
background: url("../menu-home-blue.png") no-repeat  center 17px !important;
text-indent: -999em;
text-indent: -999em;
}
#portal-globalnav ul.submenu {
background: #78cdf9!important;
z-index: 10;
-webkit-box-shadow: 0px 4px 9px rgba(50, 50, 50, 0.7);
-moz-box-shadow: 0px 4px 9px rgba(50, 50, 50, 0.7);
box-shadow: 0px 4px 9px rgba(50, 50, 50, 0.7);
z-index: 100;
}
#portal-globalnav ul.submenu a {
color: #FFFFFF!important;
background: #78cdf9!important;
width: 10em;
z-index: 10;
display: block;
margin: 0;
position: static !important;
white-space: normal;
font-size: 14px;
border-top: 1px solid #FFF;
border-right: none!important;
text-transform: none;
letter-spacing: 0;
}
#portal-globalnav ul.submenu a:hover {
background: none repeat scroll 0 0 #45a9e5!important;
color: #333333!important;
}
/* */
#document-action-kml_download {
display: none !important
}
/* */
#portal-footer-wrapper {
width: 1170px;
margin: 25px auto;
}
@media screen and (max-width: 767px){
#portal-footer-wrapper { width: 100%;}
.first,.second,.third,.fourth { text-align: center;}
}
#portal-footer {
background: #0D456B;
background-image: url(body_bg-cropped.jpg);
background-size: cover;
background-position: right top;
}
#portal-footer {
font-size: 85%;
line-height: 1.6em;
}
#portal-footer h4 {
font-size: 1.4em;
color: #afe4f9;
margin-bottom: 1em;
}
#portal-footer p {
color: #AFE4F9;
font-size: .95em;
}
#portal-footer a {
color: #AFE4F9
}
#portal-footer a:hover {
color: #30A7DE
}
a.footer-logo {
position: relative;
top: -10px;
}
/* */
.tileItem {
border-top: 1px dotted #e1e1de;
margin-top: 5px;
padding-top: 10px;
}
.tileImage {
border: 1px solid #ccc;
float: left;
margin: .5em 1.5em 1em 0;
padding: 4px;
}
.tileImage img {
width: 300px;
height: 200px;
object-fit: cover;
}
.tileFooter > a {
background: transparent url("arrow-orange.png") no-repeat scroll 0 3px;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
margin-top: -10px;
padding-left: 12px;
text-transform: uppercase;
}
.section-partnership .tileImage img {
width: 180px;
height: 150px;
object-fit: contain;
}
.section-partnership .tileImage {
border: none;
}
.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 {
display: block;
line-height: 1.6em;
padding-left: 0px !important;
}
.icons-on .contenttype-link {
background: url("none") no-repeat scroll 0 -1076px transparent
}
.tileHeadline {
font-size: 1.4em;
letter-spacing: -0.025em;
padding-top: 5px;
}
.documentByLine {
margin-bottom: 10px
}
div.row {
background: none repeat scroll 0 0 #FFFFFF;
}
#portal-column-two {
background: #ffffff;
}
.columnone {
width: 460px;
margin-right: 20px;
padding: 0px;
color: #444;
}
.columnlast {
float: right;
width: 210px;
margin-right: 0px;
color: #444;
line-height: 1.3em;
}
.columnone > h2,
.columnlast > h2 {
background: #2F94DD url("blue-texture.jpg") repeat-x 0 0;
color: white;
font-size: 16px;
margin-bottom: 10px;
padding: 5px 10px;
line-height: 1.1em;
}
.columnone ul,
.columnlast ul {
list-style-image: url("bullet.png");
list-style-type: square;
}
.columnone li,
.columnlast li {
line-height: 1.3em!important;
margin-bottom: 8px;
}
.columnone li a,
.columnlast li a {
border-bottom: 1px solid #FFFFFF;
text-decoration: none!important;
font: 600 1.1em/1.2em;
font-family: "proxima-nova", helvetica, arial, sans-serif;
}
dl.portlet dt, div.portletAssignments div.portletHeader {
border-radius: 6px;
font-size: 16px;
text-transform: uppercase;
}
#content {
clear: both;
font-size: 95%;
line-height: 1.6em;
margin: 1em 1.5em 2em;
}
#content h1.documentFirstHeading {
color: #096fac;
font-size: 2.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #096fac;
margin-bottom: 10px;
line-height: 115%;
font-family: "proxima-nova", helvetica, arial, sans-serif;
font-weight:600;
}
h1 { font-size: 2.5em }
h2 { font-size: 2em }
h3 { font-size: 1.35em }
h1,h2 {
letter-spacing: -0.0125em
}
dl.portlet {
margin-bottom: 0px
}
.last {
margin-right: 0px
}
dl.actionMenu a,
dl.actionMenu div {
color: #205C90
}
table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
padding: 0.5em 0.35em
}
table.listing {
font-size: 91%
}
#portal-siteactions li a {
color: #333
}
/* */
.clear {
clear: both;
height: 1px;
}
.floatright {
float: right;
margin-bottom: 10px;
margin-left: 20px;
}
.floatleft {
float: left;
margin-bottom: 10px;
margin-right: 20px;
}
.photoborder {
padding: 3px;
border: 1px solid #CCC;
}
.userrole-anonymous #portal-personaltools {
display: none;
}
#portal-personaltools-wrapper {
position: absolute;
top: 0;
right: 20px;
}
#portal-personaltools {
background-color: #efefea;
padding: 5px;
z-index: 900;
}
#portal-personaltools li {
// display: inline
}
#portal-personaltools li {
margin-right: 1.2em
}
#portal-personaltools dd a {
color: #205C90
}
a:link,
a:visited {
color: #096fac
}
.space { height: 20px }
.space10 {
display: block;
height: 10px;
}
.pad10 { padding: 10px }
.pad15 { padding: 15px }
.pad20 { padding: 20px }
.pad30 { padding: 30px }
.managedPortletActions a { color: #DAC393 }
.portletAssignments a { color: #DAC393 }
#content .documentDescription,
#content #description {
font-family: "proxima-nova";
font-size: 20px;
font-weight: 400;
margin-bottom: 25px;
line-height: 1.3em;
color:#444;
}
.eventDetails {
clear: left;
float: left;
margin: 0px 1.5em 0.5em 0em;
}
.loginbutton a,
.logoutbutton a,
.registerbutton a {
display: inline-block;
height: 18px;
margin-top: 0;
vertical-align: bottom;
width: 60px;
}
.loginbutton a {
background-image: url("login-btn.svg");
background-repeat: no-repeat;
}
.logoutbutton a {
background-image: url("logout-tools.jpg");
background-repeat: no-repeat;
}
.registerbutton a {
background-image: url("register-btn.svg");
height: 16px;
background-repeat: no-repeat;
}
#content a:link,
dl.portlet a:link {
border-bottom: none
}
#content a:link,
#content a:visited {
color: #2e8ac9
}
#content li,
dl.portlet li {
margin-bottom: 1em
}
.more-link {
background: url("arrow-orange.png") no-repeat scroll right center transparent;
font-size: 14px!important;
font-weight: bold;
margin-bottom: 0.75em;
margin-right: 6px;
padding: 3px 12px 3px 3px;
text-align: right;
text-transform: uppercase;
}
.person_caption {
float: left;
height: 100px;
margin: 0 0 15px;
padding: 0 5px 0 0;
position: relative;
width: 280px;
}
.imageFloatLeft {
float: left;
margin-right: 1em;
}
.classybutton {
-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
box-shadow: inset 0px 1px 0px 0px #bbdaf7;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color: #79bbff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #84bbf3;
display: inline-block;
color: #ffffff !important;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 1px 1px 0px #528ecc;
margin-top: 5px;
}
.classybutton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
background: -moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
background-color: #378de5;
}
.classybutton:active {
position: relative;
top: 1px;
}
#content a.classybutton:hover {
color: #fff !important
}
table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
padding: 0.5em 0.35em
}
table.listing {
font-size: 90%
}
.objectDetails {
float: right;
line-height: 1.2em;
padding-left: 20px;
width: 300px;
}
.field {
clear: left;
font-size:16px;
}
#cyclist .feature .featureimage a {
border-bottom: none !important
}
#cyclist-nav li a {
border: 1px solid #ccc !important
}
h4.documentFirstHeading {
margin-bottom: 1.4em
}
table.metadata th {
background: none repeat scroll 0 0 #A9CC66;
padding: 4px 8px;
width: 40%;
}
table.metadata tr {
border-bottom: 1px solid #fff
}
table.metadata td {
background: none repeat scroll 0 0 #CBE0A3;
border-top: none !important;
}
table.metadata tr.first th,
table.metadata tr:first-child th {
border-top-left-radius: 5px
}
table.metadata tr.first td,
table.metadata tr:first-child td {
border-top-right-radius: 5px
}
table.metadata tr.last th,
table.metadata tr:last-child th {
border-bottom-left-radius: 5px
}
table.metadata tr.last td,
table.metadata tr:last-child td {
border-bottom-right-radius: 5px
}
table.metadata tr:hover th,
table.metadata tr:hover td {
background-color: #DDEBC2
}
#content table.metadata ul {
list-style-type: none !important;
margin-left: 0 !important;
}
#sidebar {
color: #FFFFFF;
left: -40px;
margin-bottom: -100px;
padding-top: 10px;
position: relative;
float: left;
z-index: 200;
}
#sidebar h1 a {
height: 210px
}
/* */
.home-search {
background: url("home_search.jpg") no-repeat scroll 0 0 transparent;
height: 35px;
left: 310px;
margin-bottom: 30px;
position: relative;
width: 690px;
}
.home-search form.search-form {
left: 80px;
line-height: 19px;
margin: 0;
padding: 0;
position: relative;
right: 0;
top: 0;
}
#edit-bar { margin: 12px 15px 30px; }
#site-info {
color: #FFFFFF;
height: 30px;
margin-top: -70px;
position: relative;
top: 50px;
width: 100%;
}
#site-info a {
background: none;
margin: 0px;
padding: 0px;
}
/* */
#site-info .copyright {
color: #78CDF9;
font-size: 13px;
left: -60px;
position: relative;
top: 0;
}
/* */
#content dd {
margin: 0em
}
dd.image-caption {
color: #666666;
font-size: 12px;
line-height: 120%;
padding: 5px 0;
font-weight: 600;
}
/* */
#portal-searchbox form {
position: relative;
z-index: 100;
}
/* */
#featured_articles {
min-height: 420px;
}
.clearfix { clear: both; }
#partnerSearch {
float: right;
right: 0;
top: -65px;
position: relative;
}
.partner-carousel {
height: 150px;
width: 830px;
margin: 10px auto;
}
.partner-carousel div {
height: 75px
}
.featureimage2 img {
padding: 0 35px
}
.ploneCalendar .weekdays th {
background-color: transparent
}
div.managePortletsLink,
a.managePortletsFallback {
background-color: transparent;
border: 1px #cdcdcd solid;
}
/* */
#mission {
color: #afe4f9;
line-height: 1.3em;
margin-left: 10px;
margin-right: 10px;
margin-top: 35px;
}
#mission h4 {
color: #9db62f;
font-size: 14px;
text-transform: uppercase;
}
#mission > p {
line-height: 1.3em;
}
#portal-breadcrumbs {
margin-left: 2em;
margin-right: 2em;
margin-top: 20px;
}
#portal-breadcrumbs a {
color: #5D848D
}
#edit-bar {
background-color: #235B7C;
border-color: #235B7C !important;
}
#contentActionMenus {
background-color: #235B7C
}
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
background-color: #235B7C
}
#content-views {
background-color: #235B7C;
float: left;
}
#contentActionMenus dl.actionMenu.activated dd {
border-bottom: 0.5em solid #235B7C
}
.ploneCalendar .todaynoevent {
border: 2px solid #74C5EA
}
div.row {
background-color: transparent !important
}
.partner-carousel table td {
padding: 6px;
vertical-align: top;
}
.firstcol {
float: left;
width: 31%;
margin-right: 25px;
}
.midcol {
float: left;
width: 31%;
margin-right: 15px;
}
.lastcol {
float: right;
width: 31%;
}
.lastcol h3 a {
background: url("orange-square.png") no-repeat scroll 0px 2px transparent;
display: block;
font-size: 12px;
line-height: 1.2em;
margin-left: 0px;
padding-left: 15px;
}
.firstcol > h2,
.midcol > h2,
.lastcol > h2 {
background: #2F94DD url("blue-texture.jpg") repeat-x 0 0;
color: white;
font-size: 16px;
margin-bottom: 10px;
padding: 6px 12px 4px;
line-height: 1.1em;
margin-top: 10px;
border-radius: 6px 6px 6px 6px;
}
.firstcol div,
.midcol div,
.lastcol div {
font-size: 110%;
line-height: 1.3em;
}
.firstcol a,
.midcol a,
.lastcol a {
font-weight: bold
}
.firstcol ul,
.midcol ul,
.lastcol ul {
list-style-image: url("orange-square.png");
margin-left: 1.5em;
}
.firstcol li,
.midcol li,
.lastcol li {
margin-top: 8px
}
#sidebar #map,
#sidebar #quicklinks {
margin-right: 0;
width: auto;
margin-top: 40px;
}
#sidebar .odd a {
color: #333333 !important
}
.intro {
font-size: 1.4em;
margin-bottom: 20px;
}
.intro-2 {
font-size: 1.35em;
line-height: 1.6em;
}
@media screen and (max-width: 767px){
.intro-2 { font-size: 1.6em;}
.inner > p {
font-size: 1.5em;
}
}
.portlets-manager {
padding-top: 100px
}
div.portletAssignments {
margin-top: 15px
}
#videogallery ul {
list-style-type: none;
margin-left: 2em;
}
#videogallery li {
list-style-image: url("video-play-icon.png");
margin-left: 6px;
font-size: 100%;
}
#at-expanding-share-button {
bottom: 100px;
right: 15px;
}
ul#contentActionMenus li,
ul#content-views li {
display: inline
}
.featured-partners {
background: #2e8ac9;
border-radius: 6px;
height: 40px;
margin-bottom: 20px;
position: relative;
width: 100%;
margin-top: 40px;
}
.featured-partners h3 {
color: #fff;
padding: 9px;
text-align: center;
}
table#peoplesearch td {
padding: 7px; /* */
vertical-align: top;
}
.todayevent a {
color: #D96D00 !important
}
#archetypes-fieldname-locationSubregion {
display: none
}
body.portaltype-topic #relatedItemBox {
display: none
}
#portal-footer .sitecredit {
background: transparent url(fergusonlynch.png) no-repeat scroll 0 7px;
color: #9adff1;
font-size: 10px;
letter-spacing: 0.055em;
line-height: 40px;
padding-left: 30px;
position: relative;
text-transform: uppercase;
top: 20px;
}
#portal-footer .sitecredit a,
#portal-footer .sitecredit a:visited {
color: #9adff1 !important
}
#portal-footer .sitecredit a:hover {
color: #ffffff!important
}
.left-sidebar > a {
color: #afe4f9 !important;
display: block;
font-size: 15px !important;
font-weight: normal !important;
padding-left: 7px;
}
.template-project_view.section-projects label {
float: left;
margin-right: 5px;
font-size: 16px;
}
.caption {
display: block;
margin-top: 4px;
padding-bottom: 10px;
width: 100%;
}
.link-category {
line-height: 2em
}
#viewlet-below-content #category {
font-size: 80%;
margin: 1em 2em;
text-align: left;
}
hr {
margin: 10px 0px;
color: #888;
}
#leftcolumn200 {
float: left;
margin-right:30px;
margin-bottom:10px;
}
#rightcolumn {
font-size: 16px;
margin-top: 1em;
padding-right: 2em;
}
.small {
line-height: 1.3em;
margin: 1em 0.5em !important;
}
a.back-to-top {
background: #222!important;
border-radius: 5px;
color: #ffffff;
display: none;
width: 60px;
height: 40px;
line-height: 1.2em;
margin: 0;
padding: 8px 10px 3px!important;
position: fixed;
bottom: 0.75em;
right: 0.75em;
text-align: center;
text-decoration: none;
z-index: 100;
}
a.back-to-top:hover {
background: #507129 none repeat scroll 0 0;
color: #fec433;
text-decoration: none;
}
#footer #action-button {
margin-bottom: 10px;
margin-left: -46.87%!important;
}
.image-right {
float: right;
margin-left: 20px;
}
.img-fit {
display: block;
height: auto;
width: 100%;
}
/* */
.spotlight {
width: 220px;
padding:10px;
color:#fff;
}
.spotlight a {
color: #92F2FF!important;
}
.spotlight h2 {
color: #fff;
font-size: 19px;
margin: 10px 0 3px;
padding: 0;
}
.spotlight h2 span {
font-size: 80%;
font-weight: 100;
letter-spacing: 0;}
.spotlight p {
line-height:1.3em;
font-size:13px;
}
img.species {
border: 1px solid #fff;
border-radius: 8px;
margin: 7px 0 2px;
}
.spotlight .caption {
font-size: 0.8em;
color:#fff;
}
.bluearrow {
background: url(blue-arrow.png) no-repeat 0 5px;
padding-left: 35px;
}
.fullwidth-section {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
padding: 0;
overflow-x: hidden;
}
.fullwidth-section-viewer {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-top: 30px;
}
.narrow-width {
margin: 0 auto;
width: 1170px;
}
@media screen and (max-width: 767px){
.narrow-width {
width: 100%;
}
}
.overlay-block {
background-color: rgba(0,0,0, 0.5);
padding: 30px;
color: #fff;
min-height: 400px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
@media screen and (max-width: 767px){
.overlay-block {
background-color: rgba(0,0,0, 0.5);
min-height: 400px;
align-items: flex-end;
justify-content: flex-end;
}
}
#fostering-collaborations {
background: url(banner-photos/Roaring_River_dam_removal_All_the_Partners.jpg) no-repeat center / cover;
min-height: 400px;
}
#project-block {
background: url(banner-photos/NGA-Training-photo-of-attendees-2.jpg) no-repeat center center / cover;
min-height: 400px;
}
/* */
#portal-banner {
display: none;
height: 300px;
top: 75px;
background-position: center;
background-size: cover;
background-color: #efefef;
width: 100vw;
position: absolute;
margin-left: -50vw;
left: 50%;
z-index: -1;
}
.template-portal_home #portal-banner {
display: block;
height: 75vh;
background-image: url(banner-photos/marsh-heron.jpg);
background-color: #2584c5;
}
.template-portal_home #portal-breadcrumbs { display: none; }
.section-about #portal-banner {
display: block;
background-image: url(banner-photos/hero-photo.jpg);
}
.section-partnership #portal-banner {
display: block;
background-image: url(banner-photos/coldwater-river.jpg);
}
.section-sarps-programs #portal-banner {
display: block;
background-image: url(banner-photos/canoe.jpg);
}
.section-projects #portal-banner {
display: block;
background-image: url(banner-photos/marsh_credit_Jeff_rester.jpg);
}
.section-resources #portal-banner {
display: block;
background-image: url(banner-photos/canoe.jpg);
}
/* */
.site-aquatic-connectivity-program-act #portaltab-home ul.submenu {
display: none!important;
}
/* */
.main-logo-ac,.main-logo-ac-members { display: none; }
.site-aquatic-connectivity-program-act .main-logo-ac {
display: block;
}
.site-act-members .main-logo-ac-members {
display: block;
}
.site-aquatic-connectivity-program-act .main-logo-ac img  {
display: block;
width: 425px;
position: absolute;
top: 100px;
height: 100px;
z-index: 20;
}
.site-act-members .main-logo-ac-members img  {
display: block;
width: 425px;
position: absolute;
top: 100px;
height: 100px;
z-index: 20;
}
.site-aquatic-connectivity-program-act .ac-nav-bar, .site-act-members .ac-nav-bar {
display: block;
position: absolute;
top: 25px;
z-index: 10;
}
.site-aquatic-connectivity-program-act .ac-nav-bar a, .site-act-members .ac-nav-bar a {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
}
}
.site-aquatic-connectivity-program-act .ac-nav-bar a:hover, .site-act-members .ac-nav-bar a:hover {
color: #78cdf9;
}
.subsection-prioritization .ac-nav-bar,.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 .ac-nav-bar,.subsection-aquatic-barrier-prioritization-tool-southeast-region .ac-nav-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal .ac-nav-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam .ac-nav-bar {
display: none;
}
/* */
.subsection-prioritization .act-nav-bar,.subsection-aquatic-barrier-prioritization-tool-southeast-region .act-nav-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam .act-nav-bar{
display: block;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.subsection-prioritization .act-nav-bar a,.subsection-aquatic-barrier-prioritization-tool-southeast-region .act-nav-bar a,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam .act-nav-bar a {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
}
.subsection-prioritization .act-nav-bar a:hover,.subsection-aquatic-barrier-prioritization-tool-southeast-region .act-nav-bar a:hover,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam .act-nav-bar a:hover{
color: #78cdf9;
}
/* */
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 .act-members-nav-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal .act-members-nav-bar {
display: block;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 .act-members-nav-bar a,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal .act-members-nav-bar a{
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
}
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 .act-members-nav-bar a:hover,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal .act-members-nav-bar a:hover {
color: #78cdf9;
}
.site-aquatic-connectivity-program-act #portal-banner {
display: block;
background: url(/banner-photos/iStock-waterfall.jpg) no-repeat center -80px / cover;
height: 380px;
}
.section-act-teams #portal-banner {
background: url(banner-photos/Moffits-Mill-team-shocking.jpg) no-repeat center center / cover;
}
.section-inventory #portal-banner {
background: url(banner-photos/Mulberry-Falls-23.jpg) no-repeat center center / cover;
}
.section-prioritization #portal-banner {
background: url(banner-photos/Group-Fishing-Flat-Shoals-4.jpg) no-repeat center center / cover;
}
.section-people #portal-banner {
background: url(banner-photos/Tagging-SHB-FSC-6.jpg) no-repeat center center / cover;
display: block;
}
.subsection-help #portal-banner {
background: url(banner-photos/sunset-egret.jpg) no-repeat center center / cover;
}
.subsection-about #portal-banner {
background: url(banner-photos/greysen-johnson-cZVzzFadTMc-unsplash.jpg) no-repeat center center / cover !important;
height: 380px !important;
}
/* */
.site-act-members #portal-header {
background: url(ac-team-logo.png ) no-repeat 0 100px;
height: 475px;
background-size: 390px;
}
/* */
.site-act-members #portal-banner {
display: block;
height: 400px;
}
.section-act-members #portal-banner,.section-aquatic-connectivity-home #portal-banner,.section-act-members-collection #portal-banner{
background: url(banner-photos/Team-Photo.jpg) no-repeat right -40px / cover;
}
.site-act-members.section-inventory #portal-banner {
background: url(banner-photos/May-2-Training-Crew_Colvin.jpg) no-repeat center -80px / cover;
}
.site-act-members.section-prioritization #portal-banner {
background: url(banner-photos/NGA-Training-photo-of-attendees.jpg) no-repeat center center / cover;
}
.section-team-resources #portal-banner {
background: url(banner-photos/iStock-689507910.jpg) no-repeat center center / cover;
}
/* */
.flex-block {
display: flex;
gap: 20px;
flex: 1 1 100%;
justify-content: space-around;
}
.flex-box-column {
display: flex;
flex-direction: column;
align-items: center;
}
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10px;
}
@media screen and (max-width: 767px){
.flex-container { flex-direction: column; }
}
.gap15 { gap:15px; }
.gap25 { gap:25px; }
.grid-container-4col {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.grid-container-3col {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.grid-container-2col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.grid-container-2col-no-gap {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.grid-container-2third {
display: grid;
grid-template-columns: 1fr 33%;
gap: 30px;
}
@media screen and (max-width: 767px){
.grid-container-2col,.grid-container-3col,.grid-container-4col,.grid-container-2col-no-gap,.grid-container-2third {
display: grid;
grid-template-columns: auto;
}
}
.card-white {
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 1px 5px 0 rgba(75,75,75,0.25);
color: #666;
margin: 0 10px 10px;
}
.card-white img {
width: 100%;
border-radius: 6px 6px 0 0;
height: 220px;
object-fit: cover;
}
.card-transparent {
background-color: rgba(0,0,0, 0);
color: #c1ebf7;
margin: 10px;
}
.card-transparent img {
width: 100%;
border-radius: 6px;
height: 350px;
object-fit: cover;
}
.article-card { /* */
background: #fff;
display: flex;
justify-content: space-between;
flex: 1;
flex-wrap: wrap;
box-shadow: 0 2px 4px -3px rgb(0 0 0 / 50%);
margin: 2em;
padding: 10px;
}
.article-card-content {
display: flex;
flex: 1;
align-content: center;
align-items: center;
gap: 20px;
margin: 1em;
}
.article-card-content .item {
flex: 1 100%;
}
.article-card-blue {
background: #2e8ac9;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
box-shadow: 0 2px 10px -3px rgb(0 0 0 / 50%);
margin: 2em 3em;
padding: 10px 30px;
color: #fff;
}
@media screen and (max-width: 767px){
.article-card { margin: 1em 2em; }
.article-card-content { flex-wrap: wrap; }
.article-card-blue { margin: 2em -1em; }
}
.box-plain {
padding: 4px;
border: 1px solid #ededed;
}
.box {
padding: 15px;
border: 1px solid #ededed;
box-shadow: 0px 0px 0px 0px #ededed;
-webkit-transition: box-shadow 0.6s linear;
transition: box-shadow 0.3s linear;
}
.box:hover {
box-shadow: 0px 5px 10px 0px #ddd;
}
.heading {
font-size: 24px;
text-align: center;
text-transform: uppercase;
margin-top: 15px;
letter-spacing: 0.075em;
}
.white { color: #fff; }
.center {text-align: center;}
.rounded { border-radius: 8px; }
.heading-blue {
text-align: center;
color: #c1ebf7;
margin-top: 0.75em
}
.heading-blue a {
color: #7cd5ef!important;
}
.heading-orange {
color: #fec433;
}
/* */
#portal-searchbox {
background: transparent;
position: relative;
top: 85px;
right: 0;
}
@media screen and (max-width: 767px){
#portal-searchbox {
position: absolute;
top: 90px;
right: 20px;
}
}
.LSBox {
border: 1px solid #ddd;
padding: 6px;
background: #ffffff;
clear: both;
border-radius: 8px;
width: 200px;
}
.searchSection { color: #FFFFFF; }
#portal-searchbox [type="submit"] {
border: none;
color: transparent;
background: no-repeat transparent url(magnifier.png) center center;
height: 25px;
width: 25px;
}
#searchGadget {
width: 13em;
padding: 3px;
border-radius: 0px;
border: none;
font-size: 13px;
}
.searchSection {
color: #888;
padding-top: 9px;
letter-spacing: 0.05em;
border-top: 1px solid #888;
}
/* */
#content .button {
background-color: #2584c5;
box-sizing: border-box;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 1em 1.75em;
display: inline-block;
line-height: 1em;
margin: 10px auto;
border-radius: 30px;
color: #fff;
transition: all 0.3s ease-in-out 0s;
}
#content a.button {
color: #fff!important;
}
#content a.button:hover {
background-color: #38a7eb;
color: #fff!important;
}
#content .button-small {
background-color: rgb(0 0 0 / 40%);
box-sizing: border-box;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
padding: 1em 2em;
display: inline-block;
line-height: 1em;
margin: 10px auto;
border-radius: 27px;
color: #fff;
transition: all 0.3s ease-in-out 0s;
border: 1px solid #fff;
border-bottom: 1px solid #fff!important;
}
#content a.button-small {
color: #fff!important;
}
#content a.button-small:hover {
background-color: rgb(0 0 0 / 90%);
color: #fec433!important;
}
.bg-grey { background: #e5e5dc; }
.bg-light-grey { background-color: #f0f0f0; }
.bg-blue { background: #136398; color: #fff; }
.bg-bright-blue { background: #2e8ac9; }
.bg-light-blue { background: #afe4f9; }
.bg-orange { background: #fec433; }
.bg-green { background: #75ad0a; }
.bg-blue-fish {
background: #0c456b;
background-image: url(body_bg.jpg);
background-size: cover;
background-position: right center;
}
.circle {
border: 3px solid #fff;
border-radius: 50%;
padding: 10px;
margin: 10px;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
}
@media screen and (max-width: 767px){
.featured-partners-carousel,.featured-partners {display: none }
}
/* */
.grid_layout {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
place-content: flex-start;
}
.grid_layout .tileItem {
padding-top: 0;
width: calc((90% - (3 - 1) * 25px) / 3 - 1px);
margin: 0 30px 30px 0;
/* */
border: 1px solid #ededed;
box-shadow: 0px 0px 0px 0px #ededed;
-webkit-transition: box-shadow 0.6s linear;
transition: box-shadow 0.3s linear;
}
.grid_layout .tileItem:hover {
box-shadow: 0px 5px 10px 0px #ddd;
}
.gridImage img {
width: 100%;
height: 180px;
object-fit: cover;
margin-bottom: 10px;
}
.section-team-resources .gridImage img {
object-fit: contain;
}
.grid_layout .tileHeadline {
padding: 15px 15px 5px;
}
.grid_layout .tileBody {
padding: 0 15px;
overflow-wrap: break-word;
}
.grid_layout .tileFooter {
padding: 0 15px;
}
#content .grid_layout a:link {
border-bottom: none;
}
@media only screen and (max-width: 770px) {
.grid_layout .tileItem {
flex: 0 100%;
}
}
.section-partners .grid_layout {
}
.section-people .gridImage img {
width: 100%;
height: auto;
object-fit: contain;
margin-bottom: 10px;
padding: 10px;
}
#content .grid_layout a:link {
border-bottom: none;
}
@media only screen and (max-width: 768px) {
.grid_layout .tileItem {
flex: 0 100%;
}
}
/* */
/* */
@media screen and (max-width: 1090px) {
.main-logo.hiddenStructure { display: none; }
#portal-globalnav { top: 30px; text-align: right; margin-bottom: 0; width: 100%; z-index: 900; }
#portal-globalnav:before {
content: "MENU";
clear: both;
display: block;
position: relative;
right: 20px;
color: #fff;
font-size: 22px;
font-weight: bold;
cursor: pointer;
}
#portal-globalnav > li { display: none; float: none;}
#portal-globalnav.openMenu > li { display: block; background: #205c90 !important; text-align: center; font-size: 20px; }
#portal-globalnav.openMenu > li a { background: #205c90 !important; }
#portal-globalnav.openMenu .submenu { display: none !important; }
}
/* */
/* */
.site-act-members #portal-header {
height: 470px;
}
.site-aquatic-connectivity-program-act #portal-header {
background: url(ac-logo.png) no-repeat 0 100px;
height: 475px;
}
.site-aquatic-connectivity-program-act.section-about #portal-banner {
display: block;
background-image: url(banner-photos/about.jpg);
height: 350px;
}
/* */
.site-aquatic-connectivity-program-act .featured-partners-carousel,.site-act-members .featured-partners-carousel {
display: none;
}
.site-aquatic-connectivity-program-act .featured-partners,.site-act-members .featured-partners{
display: none;
}
/* */
.arrow {
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* */
/* */
.act-login {
display: none; /* */
position: absolute;
top: 106px;
width: 480px;
padding: 10px;
right: 0px;
border-radius: 0 15px 0 15px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 1px 5px 0 rgb(75 75 75 / 65%);
}
.site-aquatic-connectivity-program-act .act-login {
display: block; /* */
}
#portal-searchbox {
top: 109px;
right: 20px;
}
.act-login .loginbutton a,
.site-aquatic-connectivity-program-act .loginbutton a {
background-image: url("login-btn.svg");
background-repeat: no-repeat;
height: 30px;
width: 100px;
display: inline-block;
}
.act-login .registerbutton a,
.site-aquatic-connectivity-program-act .registerbutton a {
background-image: url("register-btn.svg");
background-repeat: no-repeat;
height: 30px;
width: 100px;
display: inline-block;
}
.act-teams-btn a {
background: #668935;
display: inline-block;
padding: 5px;
color: #fff;
margin: 10px 10px 5px;
border: 1px solid #777;
width: 202px;
text-align: center;
}
.act-teams-btn a:hover {
background: #506b2b;
text-decoration: underline;
}
.banner-overlay { /* */
position: absolute;
top: -150px;
color: #fff!important;
font-size: 30px;
}
.subhead {
display: block;
font-size: 75%;
color: #a46629;
}
.number-circle {
display: inline-block;
font-size: 28px;
background: #4472c4;
color: #ffffff;
padding: 8px;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
line-height: 22px;
}
.responsive-img,.responsive {
display: block;
height: auto;
max-width: 100%;
}
/* */
.subsection-prioritization #portal-globalnav,.subsection-prioritization #portal-breadcrumbs,.subsection-prioritization #edit-bar,.subsection-prioritization #portal-header {
display: none;
}
.subsection-prioritization #content h1.documentFirstHeading { display: none; }
.subsection-prioritization #portal-banner { display: none; }
.subsection-prioritization #content div.documentByLine { display: none; }
.subsection-prioritization #top-bar,.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #top-bar,.subsection-aquatic-barrier-prioritization-tool-southeast-region #top-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #top-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #top-bar{
height: 50px;
background: #253b6d;
}
.subsection-aquatic-barrier-prioritization-tool-southeast-region portal-globalnav,.subsection-aquatic-barrier-prioritization-tool-southeast-region #portal-breadcrumbs,.subsection-aquatic-barrier-prioritization-tool-southeast-region #edit-bar,.subsection-aquatic-barrier-prioritization-tool-southeast-region #portal-header,.subsection-aquatic-barrier-prioritization-tool-southeast-region #content h1.documentFirstHeading,.subsection-aquatic-barrier-prioritization-tool-southeast-region #portal-banner,.subsection-aquatic-barrier-prioritization-tool-southeast-region #content div.documentByLine {
display: none;
}
.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal portal-globalnav,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #portal-breadcrumbs,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #edit-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #portal-header,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #content h1.documentFirstHeading,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #portal-banner,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam-for-removal #content div.documentByLine {
display: none;
}
.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam portal-globalnav,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #portal-breadcrumbs,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #edit-bar,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #portal-header,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #content h1.documentFirstHeading,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #portal-banner,.subsection-aquatic-barrier-prioritization-tool-prioritizing-a-failing-dam #content div.documentByLine {
display: none;
}
/* */
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #portal-globalnav,.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #portal-breadcrumbs,.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #edit-bar,.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #portal-header {
display: none;
}
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #content h1.documentFirstHeading { display: none; }
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #portal-banner { display: none; }
.subsection-aquatic-barrier-prioritization-tool-prioritize-barriers-for-removal-1 #content div.documentByLine { display: none; }
/* */

}