/* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position:fixed; height:30px; width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:100; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font-size:11px; line-height:14px; min-width:956px; max-width:1400px; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; } #nav > li:first-child { margin:0; border-left: 1px solid rgba(0, 0 ,0, 0); } #nav > li.hover:first-child{ border-left: 1px solid #c8c8c8; } #nav > li:last-child { margin:0; border-right: 1px solid rgba(0, 0 ,0, 0); } #nav > li.hover:last-child{ border-right: 1px solid #c8c8c8; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background:#fff; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; } #nav > li.navRightBorder { border-right-color: #c8c8c8; } .navLeftBorder .nav-drop-menu { margin-left: -1px; } #nav li:hover { position:relative; } #nav > li > a { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; } #nav.scaling-active > li > a { padding:4px 0; } #nav.scaling-active > li.hover > a { color:#2E4A80; } #nav a:hover{ text-decoration:none; } #nav .drop { position:absolute; left:0; top:auto; width:100%; border: solid #c8c8c8; border-width:0 1px 1px; background:#FFFFFF; display:none; z-index:100; padding-left:0px; overflow-x:hidden; max-height:85vh; } /*#nav .drop li:hover > .drop,*/ #nav > li.hover > .drop{ display:block; } #nav .drop .drop { left:6px; position:relative; width:100%; border:none; clear:both; } #nav .drop .drop .drop { top:0; left:6px; width:100%; } div.columncontainer { display:block; overflow:hidden; } div.columncontainer .column { margin-bottom:-2000px; padding-bottom:2000px; } .submenu-open > a { font-weight:bold; } #nav .submenu-open > div { display:block; } #nav .columns-1 { min-width:218px; max-width:242px; } #nav .columns-2, #nav .columns-2 .columncontainer { width:441px; } #nav .columns-3, #nav .columns-3 .columncontainer { width:662px; } #nav .columns-3, #nav .columns-2, #nav .columns-1 { padding-bottom: 10px; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }

We have updated our Privacy Notice, you can read the updated document here

How to - a user's guide to the new version of Boards

Mods please check the Moderators Group for an important update on Mod tools. If you do not have access to the group, please PM Niamh. Thanks!

Surfing

Surfing in Ireland and off our Atlantic shores.

Thread title / Started by	Last Post	Replies	Views
Irish Surfing Websites	24-08-06 04:18 68 lost souls	3	1.2K
First post - surfboards	23-08-06 09:58 Cloud	10	1.2K
Perfect day surfing strandhill	23-08-06 11:43 lightening	4	1.3K

Surfing

Categories