/* CSS Document */
/*
Theme Name: Glowfish Hybrid Theme
Theme URI: https://www.glowfish-creative.co.uk/
Author: Glowfish
Author URI: https://www.glowfish-creative.co.uk/
Description: A custom theme by Glowfish for FIMRO.
Version: 4.0.2
Tested up to: 6.4.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gf

This theme, like WordPress, is licensed under the GPL.
*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500&family=Roboto:ital,wght@1,500;1,700&display=swap");
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

body { overflow-x: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

b, strong { font-weight: bold; }

small { font-size: 100%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { padding: 0; margin: 0; border: none; }

legend { padding: 0; border: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

div, span, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, .accessibility hr { position: absolute; top: -9999em; left: -9999em; background: none; clear: both; display: none; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; border: none; }

.clr { width: 100%; clear: both; height: 0; }

.clrr { width: 100%; clear: right; height: 0; }

.flt { float: left; }

.frt { float: right; }

.inline { vertical-align: middle; }

.alignfull { margin: 32px calc(50% - 50vw); max-width: 100vw; width: 100vw; overflow-x: hidden; }

.lime { color: var(--wp--custom--colors--lime); text-transform: uppercase; }

.orange { color: var(--wp--custom--colors--orange); }

strong { font-weight: 600; }

h1, H2, H3, H4, H5, H6 { font-weight: 500; }

H1 { font-size: var(--wp--custom--heading-sizes--1); }

H2 { font-size: var(--wp--custom--heading-sizes--2); }

H3 { font-size: var(--wp--custom--heading-sizes--3); }

H4 { font-size: var(--wp--custom--heading-sizes--4); }

H5 { font-size: var(--wp--custom--heading-sizes--5); }

H6 { font-size: var(--wp--custom--heading-sizes--6); }

.center { text-align: center; }

div, span, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clr { width: 100%; clear: both; height: 0; }

body { background-color: var(--wp--custom--colors--white); color: var(--wp--custom--colors--grey-3); font-family: var(--wp--custom--font-families--sans-serif); font-weight: 300; }

nav ul { margin: 0; padding: 0; list-style: none; }
nav li { display: inline-block; }
nav a { display: block; padding: 6px var(--wp--custom--sizes--gutter); text-decoration: none; }

.site { width: 100%; }

.site-content, .wrapper { margin: 0 auto 0 auto; width: var(--wp--custom--layout--extra-wide); }
.site-content p, .wrapper p { margin: var(--wp--custom--sizes--gutter) 0; font-size: var(--wp--custom--font-sizes--reg); }
.site-content .kb-button .kt-btn-inner-text, .wrapper .kb-button .kt-btn-inner-text { font-size: var(--wp--custom--font-sizes--reg); }
.site-content .entry-content .kt-blocks-post-readmore:hover, .wrapper .entry-content .kt-blocks-post-readmore:hover { color: var(--wp--custom--colors--lime) !important; border-color: #fff !important; background-color: #fff !important; font-weight: 500; }
.site-content .w3eden .form-control, .wrapper .w3eden .form-control { height: auto; }
.site-content ul, .site-content ol, .wrapper ul, .wrapper ol { margin: 10px var(--wp--custom--sizes--gutter); }
.site-content ul li, .site-content ol li, .wrapper ul li, .wrapper ol li { margin: 8px 0; }

.site-header { width: 100%; z-index: 2; min-height: 200px; top: 0; left: 0; position: absolute; }
.site-header .logo { width: 200px; height: 104px; }
.site-header .mega-stuck { background-color: var(--wp--custom--colors--darkbk) !important; height: auto !important; }
.site-header #mega-menu-wrap-primary.mega-stuck { background: var(--wp--custom--colors--darkbk); transition: background 0.5s, transform 0.25s ease-in-out; }
.site-header #mega-menu-wrap-primary.mega-stuck #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { background: var(--wp--custom--colors--darkbk) !important; }
.site-header #mega-menu-wrap-primary.mega-stuck #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu { background: var(--wp--custom--colors--darkbk); }

.headpad { -webkit-transition: all .3s ease-in-out; /* For Safari 3.1 to 6.0 */ transition: all .3s ease-in-out; }

.titlebox { height: 400px; color: #fff; margin-top: 0px !important; }
.titlebox .title_h1_container, .titlebox .kt-inside-inner-col { height: 400px !important; }
.titlebox H1 { color: #fff; }
.titlebox .titlecredit { display: block; position: absolute; bottom: 10px; width: 100%; font-size: var(--wp--custom--font-sizes--sm); margin: 0; }

.fixed-title { background-image: url(https://www.fair-isle-marine.org.uk/wp-content/uploads/waves-title.webp); background-size: cover; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; }
.fixed-title .kt-row-column-wrap { max-width: var(--wp--style--global--content-size); padding-top: 0px; padding-bottom: 0px; display: grid; grid-template-columns: minmax(0, 1fr); margin-left: auto; margin-right: auto; align-content: center; grid-auto-rows: minmax(0, 1fr); padding-left: var(--global-content-edge-padding, 15px); padding-right: var(--global-content-edge-padding, 15px); }
.fixed-title .kt-row-column-wrap .wp-block-kadence-column { text-align: center; justify-content: center; display: flex; flex-direction: column; z-index: 1; min-width: 0; min-height: 0; }
.fixed-title .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col { display: flex; flex-direction: column; justify-content: center; column-gap: var(--global-kb-gap-sm, 1rem); height: 380px !important; position: relative; }
.fixed-title .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col .titlecredit { text-align: right; }

.wp-block-kadence-singlebtn:hover { color: #fff; background-color: var(--wp--custom--colors--lime); }

.wpdmpro-template-default .site-content { padding: 0 15px 0 15px; max-width: 960px; margin: auto; }
.wpdmpro-template-default .content-entry__header h1 { text-align: center; }
.wpdmpro-template-default .content-entry__header { margin: 0 0 20px 0; }
.wpdmpro-template-default .list-group li[class*="download_count"], .wpdmpro-template-default .list-group li[class*="file_count"], .wpdmpro-template-default .list-group li[class*="create_date"] { display: none !important; }

.site .__wpdm_gb_package { margin-bottom: 30px; }

#mc-embedded-subscribe-form .content__gdprLegal p { font-size: var(--wp--custom--font-sizes--sm); }

.kt-blocks-post-grid-item-inner .entry-content { font-size: var(--wp--custom--font-sizes--reg); }

.loop-archive__content { display: grid; width: 100%; grid-auto-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 30px 30px; grid-template-areas: ". . ."; }
.loop-archive__content .tag-thumbnail img { width: 100%; height: auto; }
.loop-archive__content h3.content-excerpt__title { font-size: 24px; line-height: 30px; padding-top: 10px; padding-right: 0px; padding-bottom: 5px; }
.loop-archive__content h3.content-excerpt__title a { text-decoration: none; color: var(--wp--custom--colors--grey-3); }
.loop-archive__content .content-excerpt__meta { color: #777777; font-size: 14px; }
.loop-archive__content .content-excerpt-readmore-wrap a { text-decoration: none; color: var(--wp--custom--colors--grey-3); font-size: var(--wp--custom--font-sizes--reg); }

.content-entry__footer { margin-bottom: var(--global-kb-gap-sm, 1rem); }

.site-footer { width: 100%; background: var(--wp--custom--colors--white); color: var(--wp--custom--colors--grey-3); padding: 0 0 2rem 0; line-height: 1.4rem; margin: 6rem 0 0 0; }
.site-footer a { text-decoration: none; font-weight: 500; color: var(--wp--custom--colors--grey-3); }
.site-footer .wrapper p { margin: 0; }
.site-footer .footerend { text-align: center; }
.site-footer .logofooter { text-align: center; }
.site-footer .credit { margin-top: 5rem; font-size: var(--wp--custom--font-sizes--sm); }
.site-footer .credit a { color: var(--wp--custom--colors--grey-3); text-decoration: none; }

#back-top-wrapper { position: fixed; right: 20px; bottom: 20px; overflow: hidden; z-index: 999; display: none; width: 50px; height: 50px; }

#back-top-wrapper span { display: block; color: #00a0e0; text-align: center; text-decoration: none; text-indent: -500px; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 7px; width: 50px; height: 50px; background: #fff url(/wp-content/themes/gf/assets/images/up-arrow.svg) no-repeat center center; background-size: 30px 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

#back-top-wrapper span:hover { background: #CCC url(/wp-content/themes/gf/assets/images/up-arrow.svg) no-repeat center center; background-size: 35px 35px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 */
.cookie-message { position: fixed; bottom: 0; left: 0; right: 0; padding: 0 85px 0 20px; background: #000; border-bottom: 1px solid #2a2a2a; box-shadow: 0 0 3px #ccc; z-index: 99; width: 100%; }

.cookie-message a.cookiebar-close { position: absolute; bottom: 0; bottom: -2px; right: 20px; cursor: pointer; }

.cookie-message p, .cookie-message a { color: #fff; font: 700 11px/18px Arial; margin: .6em 0; }

.prblue { border-bottom: 1px solid #2a2a2a; background-color: #000; }

.blue a { color: #00a3b4; }

@media (max-width: 1410px) { /* Laptop large */
  .site-content, .wrapper { margin: 0 auto; width: var(--wp--custom--layout--extra-wide); } }
@media (max-width: 1200px) { /* Small desktop */
  .site-content, .wrapper { margin: 0 auto; width: var(--wp--custom--layout--wide); }
  H1 { font-size: var(--wp--custom--heading-sizes--2); }
  H2 { font-size: var(--wp--custom--heading-sizes--3); }
  H3 { font-size: var(--wp--custom--heading-sizes--4); }
  H4 { font-size: var(--wp--custom--heading-sizes--5); }
  H5 { font-size: var(--wp--custom--heading-sizes--5); }
  H6 { font-size: var(--wp--custom--heading-sizes--6); }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 100px; height: 100px; padding: 0px 8px 0px 8px; font-size: 16px; }
  #mega-menu-wrap-primary.mega-stuck #mega-menu-primary > li.mega-menu-item > a.mega-menu-logo > img.mega-menu-logo { max-height: 80%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-logo > img.mega-menu-logo { max-height: 80%; } }
@media (max-width: 1023px) { /* * Tablet */
  .site-content, .wrapper { margin: 0 auto; width: var(--wp--custom--layout--narrow); }
  .site-header .wrapper { width: 100%; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 40px; height: 40px; padding: 0px 10px; }
  H1 { font-size: var(--wp--custom--heading-sizes--3); }
  H2 { font-size: var(--wp--custom--heading-sizes--4); }
  H3 { font-size: var(--wp--custom--heading-sizes--5); }
  H4 { font-size: var(--wp--custom--heading-sizes--5); }
  H5 { font-size: var(--wp--custom--heading-sizes--6); }
  H6 { font-size: var(--wp--custom--heading-sizes--6); }
  .site-content .kt-inner-column-height-full.kt-mobile-layout-row > .wp-block-kadence-column > .kt-inside-inner-col { height: 100%; }
  .titlebox .titlecredit { width: 95%; } }
@media (max-width: 960px) { .loop-archive__content { grid-template-columns: 1fr 1fr; gap: 20px 20px; grid-template-areas: ". ."; } }
@media (max-width: 767px) { /* Smart Phone */
  .site-content, .wrapper { margin: 0 auto; width: 90%; }
  .site-header .wrapper { width: 100%; }
  .headpad { padding: 0; }
  .kt-has-1-columns .kt-inside-inner-col { padding: var(--wp--custom--padding--tablet); }
  .loop-archive__content { grid-template-columns: 1fr; gap: 20px 20px; grid-template-areas: "."; } }
@media (max-width: 480px) { /*  Phone */ }
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; } }