@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Teko:wght@400;600;700&display=swap');

body {
font-family: 'Open Sans', sans-serif;
 overflow-x: hidden !important;
}
body, .page {
background:#fff !important;

}
.entry-content p, .entry-content li {
font-size:18px !important;
}
.entry-content {
margin-top:0 !important;
}
.entry-content ul { 
margin-left:0 !important;
} 
.entry-content h1,.entry-content h2,.entry-content h3{ 
margin-top:0;
}
#masthead {
display:none !important;
}
.fixed {
position:fixed;
left:0;
top:0;
}
#c-header {
    width: 559px;
    height: 281px;
position:absolute;
background:rgba(0,7,24,0.85);
    margin-left: 42px;
    margin-top: 0px;
transition:background 0.2s;
cursor:pointer;
display: flex;
  justify-content: center;
  align-items: center;
}
#c-header:hover {
background:rgba(0,0,0,0.3);
}
#c-header:hover #freshwater,#c-header:hover #saltwater,#c-header:hover #c-title{ 
text-shadow:#000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
}
.page-id-6 #freshwater a ,.page-id-61 #saltwater a{
color:#bfc1bd !important;
}
#freshwater:hover a {
color:#ccc !important;
}
#saltwater:hover a {
color:#ccc !important;
}
#c-wrap {
position:relative;
max-width:1200px;
margin:0 auto;
width:100%;
z-index:1000;
}
#c-title {
font-size:60px;
text-align:center;
padding:40px 0;
font-weight:600;
color:#79ea0b;
margin:0;
transition:text-shadow 0.2s !important;
position:absolute;
width:100%;
font-family: 'Teko', sans-serif !important;
font-family: 'Open Sans', sans-serif !important;

font-weight:400;
}
#saltwater,#freshwater {
position:absolute;
margin:0 !important;
}
#saltwater a,#freshwater a {
color:#eee;
font-family: 'Teko', sans-serif !important;
font-family: 'Open Sans', sans-serif !important;
font-weight:400;
font-size:31px;
} 
#saltwater {
    left: 121px;
    top: 211px;
}
#freshwater {
    top: 211px;
    right: 100px;
}
.fg-caption-title,.fg-caption {
display:none !important;
}

@media only screen and (max-width: 1216px) {
#c-header {
left:50%;
transform: translateX(-50%);
margin-left:0;
width: 839px;
}
}
@media only screen and (max-width: 936px) {
#c-header {
left:50%;
transform: translateX(-50%);
margin-left:0;
width: 555px;
}
}
@media only screen and (max-width: 656px) { 
#c-header {
position:relative;
width:100%;
background:rgba(0,7,24,1);
pointer-events: none !important;
}
#saltwater,#freshwater { 
pointer-events: auto !important;
}

#c-title {
margin-top:0;
}
#c-header:hover {
background:rgba(0,7,24,1);
}
}
@media only screen and (max-width: 550px) { 
#saltwater {
    left: 40px;
}
#freshwater {
right:40px;
}
} 
#menu-footer {
text-align:center;
}

#menu-footer .current-menu-item a {
font-weight:bold;
}
.footer-fullwidth-widget {
padding-bottom:0 !important;
}
.left-right-wrap {
padding:10px 0 !important;
}
@media only screen and (max-width: 500px) {
#c-title {
font-size:50px !important;
}
.entry-content p, .entry-content li {
font-size:18px !important;
}

.entry-content h1 {
font-size:30px;
}
.entry-content h2 {
font-size:25px;
}
.entry-content h3 {
font-size:20px;
}
#menu-footer li {
display:block;
width:100%;
margin:5px 0 !important;
font-size:18px !important;
}
.left {
margin-top:20px !important;
}
}

#masthead {
background:rgba(0,7,24,1);
}
.menu-main-container {
background:rgba(0,7,24,1);
}
#primary-menu .menu-item a {
color:#fff !important;
}
#primary-menu #menu-item-131 a{
color:#79ea0b !important;
}
#primary-menu .menu-item:not(#menu-item-86) a:hover { 
color:#ccc !important;
}
.hline {
background:#fff;
}

.main-navigation li {
border-bottom-color:rgba(255,255,255,0.2) !important;
}
#primary-menu {
border-color:rgba(255,255,255,0.2) !important;
}
#site-navigation {
float:left;
}
@media only screen and (min-width: 768px) {
#menu-footer .menu-item a::before {
content:"|";
position:absolute;
color:#000;
top: 0px;
left: -20px;
}
#menu-footer .menu-item:first-child a::before {
content:none !important;
}
}
.grecaptcha-badge { 
visibility: hidden; 
}
#menu-footer .menu-item a:hover,#menu-footer .menu-item a:focus {
color:#999 !important;
}
.fbx-modal  {
background:#fff !important;
}
.entry-content a {
color:#00f !important;
}
.fbx-caption-title a  {
color:#e36c0a !important;
}