.section-wrapper.susy-grid {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
.section-wrapper.susy-grid .section {
width: 94%;
padding: 0px 3%;
margin: 0px auto;
overflow: hidden;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.section-wrapper.susy-grid .section:after {
content: " ";
display: block;
clear: both
}
.section-wrapper.susy-grid .section.no-padding {
padding: 0px 0px !important;
width: 100%
}
.section-wrapper.susy-grid .section .s:first-child {
margin-left: 0px
}
.section-wrapper.susy-grid .section .s.centered {
float: none !important;
margin: 0px auto !important
}
.section-wrapper.susy-grid .section .s.right {
float: right !important
}
.section-wrapper.susy-grid .section .s1 {
width: 6.2015503876%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s2 {
width: 14.7286821705%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s3 {
width: 23.2558139535%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s4 {
width: 31.7829457364%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s5 {
width: 40.3100775194%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s6 {
width: 48.8372093023%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s7 {
width: 57.3643410853%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s8 {
width: 65.8914728682%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s9 {
width: 74.4186046512%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s10 {
width: 82.9457364341%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s11 {
width: 91.4728682171%;
float: left;
margin-left: 2.3255813953%
}
.section-wrapper.susy-grid .section .s12 {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
@media(max-width: 1090px) {
.section-wrapper.susy-grid .section .maptablet-12 {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-1 {
width: 6.2015503876%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-2 {
width: 14.7286821705%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-3 {
width: 23.2558139535%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-4 {
width: 31.7829457364%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-5 {
width: 40.3100775194%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-6 {
width: 48.8372093023%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-7 {
width: 57.3643410853%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-8 {
width: 65.8914728682%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-9 {
width: 74.4186046512%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-10 {
width: 82.9457364341%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-11 {
width: 91.4728682171%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 768px) {
.section-wrapper.susy-grid .section .tablet-12 {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-1 {
width: 6.2015503876%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-2 {
width: 14.7286821705%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-3 {
width: 23.2558139535%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-4 {
width: 31.7829457364%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-5 {
width: 40.3100775194%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-6 {
width: 48.8372093023%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-7 {
width: 57.3643410853%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-8 {
width: 65.8914728682%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-9 {
width: 74.4186046512%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-10 {
width: 82.9457364341%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-11 {
width: 91.4728682171%;
float: left;
margin-left: 2.3255813953%
}
}
@media(max-width: 600px) {
.section-wrapper.susy-grid .section .smalltablet-12 {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
}
.facilities-map-wrapper {
background-color: #ddece2;
width: 100%
}
.facilities-map-wrapper .facilities-map {
background: #ddece2
}
@media(max-width: 1090px) {
.facilities-map-wrapper .facilities-map {
height: auto
}
}
.facilities-map-wrapper .facilities-map>.section {
height: 100%
}
.facilities-map-wrapper .facilities-map>.section .map-wrapper {
height: 100%
}
.facilities-map-wrapper .facilities-map .specific-area {
height: 100%;
position: relative;
overflow: visible
}
.facilities-map-wrapper .facilities-map .specific-area .map {
width: 100%;
height: 874px;
position: absolute;
z-index: 1
}
@media(max-width: 1090px) {
.facilities-map-wrapper .facilities-map .specific-area .map {
position: relative;
margin-left: -15%
}
}
@media(max-width: 869px) {
.facilities-map-wrapper .facilities-map .specific-area .map {
margin-left: 0%
}
}
@media(max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area .map {
height: auto
}
}
.facilities-map-wrapper .facilities-map .specific-area .map .mobile {
display: none
}
@media(max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area .map .mobile {
display: block
}
}
.facilities-map-wrapper .facilities-map .specific-area .map .mobile.map-fineprint {
background: #004919;
color: #fff;
width: 100%;
display: block
}
.facilities-map-wrapper .facilities-map .specific-area .map .desktop {
position: relative;
right: -62px
}
@media(max-width: 1280px) {
.facilities-map-wrapper .facilities-map .specific-area .map .desktop {
display: none
}
}
.facilities-map-wrapper .facilities-map .specific-area.conn-deer .map {
background: transparent url(//www.greatriverhydro.com/wp-content/plugins/conservation-recreation-map//src/images/map-larger_v3-v2.jpg) no-repeat top right scroll;
background-size: cover;
right: -62px
}
@media(max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area.conn-deer .map {
background: none;
right: 0
}
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations {
padding-top: 48px;
position: relative;
margin-left: 0px;
min-height: 763px;
padding-bottom: 48px;
z-index: 4
}
@media(max-width: 1090px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations {
display: flex;
justify-content: start;
min-height: auto;
padding-top: 0px
}
}
@media(max-width: 1090px)and (max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations {
display: block;
padding-top: 48px
}
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations .state-list {
clear: left;
padding-top: 36px
}
@media(max-width: 1090px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations .state-list {
width: 350px;
margin-right: 30px;
padding-top: 0px
}
}
@media(max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations .state-list {
width: 100%;
margin-right: 0px;
float: none;
padding-top: 36px
}
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations .state-list:first-child {
padding-top: 0px
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul {
padding-left: 15px;
margin-top: 0px
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li {
list-style: none;
padding-bottom: 10px;
position: relative;
display: inline-block;
width: auto;
float: left;
clear: left
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li:hover .facilitis-map-listing-icon,
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li.hover .facilitis-map-listing-icon {
display: block;
color: #004919
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li:hover a,
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li.hover a {
font-weight: bold;
text-decoration: none;
border: 0px !important
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li a {
color: #3f485d;
cursor: pointer;
font-weight: lighter;
font-size: 20px;
text-decoration: none
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li a:hover,
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li a.hover {
font-weight: bold;
text-decoration: none;
border: 0px !important
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li a.active {
color: #3f485d;
font-weight: bold
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li .facilitis-map-listing-icon {
display: none;
position: absolute;
left: -25px;
font-size: .85rem;
top: 15%;
color: #3f485d
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-locations ul li .facilitis-map-listing-icon.icon-grh-Hydropower-Station-icon {
font-size: 1.25rem
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons {
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}
@media(max-width: 1090px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons {
margin-left: -15%
}
}
@media(max-width: 869px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons {
margin-left: 0%
}
}
@media(max-width: 723px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons {
display: none
}
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button {
position: absolute;
top: 0;
right: 0
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button:hover .button,
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button.hover .button {
transform: scale(1.75);
z-index: 5;
background-color: #ade8ba;
border: solid 2px #fff;
box-shadow: 0 0 0 2px #ade8ba
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button:hover .tooltip .tooltiptext,
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button.hover .tooltip .tooltiptext {
visibility: visible;
opacity: 1
}
@media(max-width: 768px) {
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button:hover .tooltip .tooltip-bottom:after,
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button.hover .tooltip .tooltip-bottom:after {
left: 50% !important;
border-width: 10px !important
}
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button.active .button {
transform: scale(1.75);
z-index: 5;
background-color: #ade8ba;
border: solid 2px #fff;
box-shadow: 0 0 0 2px #ade8ba
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button .button {
position: relative;
width: 12px;
height: 12px;
display: block;
background-color: #004919;
border-radius: 50%;
cursor: pointer;
border: none;
transition: transform .25s, border .25s, box-shadow .25s;
border: solid 0px #fff;
padding: 0px !important
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button.selected {
background-color: #ade8ba
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button .tooltip .tooltip-bottom {
top: 20px;
left: -119px
}
.facilities-map-wrapper .facilities-map .specific-area .facilities-buttons .facility-button#facility-button-346 {
top: 140px;
right: 494px
}
.facilities-map-wrapper .facilities-map .tooltip {
position: relative;
overflow: visible
}
.facilities-map-wrapper .facilities-map .tooltip .tooltiptext {
visibility: hidden;
position: absolute;
width: 250px;
background-color: #004919;
color: #fff;
text-align: center;
padding: 8px 16px 12px;
z-index: 1;
opacity: 0;
transition: opacity .6s;
font-size: 1rem
}
.facilities-map-wrapper .facilities-map .tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1
}
.facilities-map-wrapper .facilities-map .tooltip .tooltip-bottom {
top: 135%;
left: 50%
}
@media(max-width: 768px) {
.facilities-map-wrapper .facilities-map .tooltip .tooltip-bottom {
left: initial;
right: 20%
}
}
.facilities-map-wrapper .facilities-map .tooltip .tooltip-bottom:after {
width: 0px;
height: 0px;
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #004919 transparent
}
@media(max-width: 768px) {
.facilities-map-wrapper .facilities-map .tooltip .tooltip-bottom:after {
left: 100%;
border-width: 0 0 10px 10px
}
}
.heading-area-wrapper {
text-align: center;
}
h2.map-area-heading {
padding: 1.8rem 0 .2rem 0;
font-weight: 600;
}
.mass.state-list.recreation-area {
clear: left;
padding-top: 10px!important;
}
.mass.state-list.recreation-area h3 {
font-weight: bold;
font-size: 28px;
}
.recreation-location-wrapper{
padding-top: 15px;
position: relative;
margin-left: 0px;
min-height: 763px;
padding-bottom: 48px;
z-index: 4;
}
ul.recreation-sites-list li a {
font-size: 16px!important;
color: #404040!important;
font-weight: 600!important;
}
ul.recreation-sites-list li a:hover {
text-decoration: underline!important;
}
ul.recreation-sites-list li {
padding-bottom: 4px!important;
}
span.tooltip-title {
font-weight: 600;
font-family: inherit;
font-size: 14px;
text-align: center;
}
span.tooltip-subheading {
font-weight: 400;
font-family: inherit;
font-size: 12px;
display: block;
text-align: center;
margin-top: 4px;
}
span.tooltip-link {
font-weight: 400;
font-family: inherit;
font-size: 12px;
display: block;
margin-top: 13px;
text-decoration: underline;
text-align: center;
}
span.tooltip-link a,
span.tooltip-link a:hover,
span.tooltip-link a:active{
color: #ffffff!important;
}