/* ----------------------------------------------- 'flac.ie' Master Styles Author: Tom Duke & Fran O'Rafferty http://www.revolutionaries.ie/ Version: 10th March 2014 ----------------------------------------------- */ /* Libraries ----------------------------------------------- */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}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{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{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-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* Font Awesome 4.0.3 - http://fontawesome.io */@font-face{font-family:'FontAwesome';src:url('/assets/fonts/fontawesome/4.0.3/fontawesome-webfont.eot?v=4.0.3');src:url('/assets/fonts/fontawesome/4.0.3/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('/assets/fonts/fontawesome/4.0.3/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('/assets/fonts/fontawesome/4.0.3/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('/assets/fonts/fontawesome/4.0.3/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /* Page Structure & Colours ----------------------------------------------- */ body { background-color: #F9F6E5; border-top: 5px solid #007567; } header { background-color: #FFFBF2; border-bottom: 1px solid #005248; } .main { background-color: #FFF; padding: 30px 0; } .index .main { padding-top: 0 } footer { padding: 25px 0 35px; /* background: url(/site/main/img/css_footer_back.png) left top repeat-x;*/ background: rgb(232,226,192); background: -moz-linear-gradient(top, rgba(232,226,192,1) 0%, rgba(234,228,196,1) 12%, rgba(248,245,227,1) 61%, rgba(249,246,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,226,192,1)), color-stop(12%,rgba(234,228,196,1)), color-stop(61%,rgba(248,245,227,1)), color-stop(100%,rgba(249,246,229,1))); background: -webkit-linear-gradient(top, rgba(232,226,192,1) 0%,rgba(234,228,196,1) 12%,rgba(248,245,227,1) 61%,rgba(249,246,229,1) 100%); background: -o-linear-gradient(top, rgba(232,226,192,1) 0%,rgba(234,228,196,1) 12%,rgba(248,245,227,1) 61%,rgba(249,246,229,1) 100%); background: -ms-linear-gradient(top, rgba(232,226,192,1) 0%,rgba(234,228,196,1) 12%,rgba(248,245,227,1) 61%,rgba(249,246,229,1) 100%); background: linear-gradient(to bottom, rgba(232,226,192,1) 0%,rgba(234,228,196,1) 12%,rgba(248,245,227,1) 61%,rgba(249,246,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e2c0', endColorstr='#f9f6e5',GradientType=0 ); } .full-width { padding: 0 10px; max-width: 500px; margin: 0 auto; } header .full-width { padding: 0; max-width: 100%; } #content, #sidebar { clear: both; width: 100%; } @media screen and (min-width: 760px) { /* Tablet portrait 768x1024 and up */ } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .full-width, header .full-width { padding: 0; max-width: 960px; } .main .full-width { background: #FFF url(/site/main/img/css_main_back.gif) 730px 0 repeat-y; } .index .main .full-width { background: #FFF; } #content { clear: none; width: 664px; min-height: 400px; float: left; } .index #content { width: 100%; float: none; min-height: 200px; } #sidebar { clear: none; width: 229px; float: right; } } /* Typography ----------------------------------------------- */ body { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.6; color: #000; } a { outline: none; color: #000; text-decoration: underline; } a:hover { color: #666; outline: none; } a:active, a:focus { outline: none; } h1, h2, h3, h4 { font-weight: normal; line-height: 1.2em; } h1 { font-size: 2em; margin: 0 0 .7em 0; } h2 { font-size: 1.563em; margin: 1.5em 0 .5em 0; } h3 { font-size: 1.313em; margin: 1.3em 0 .5em 0; } h4 { font-size: 1.2em; margin: 0 0 .5em 0; } abbr.tel { border: 0; } @media screen and (min-width: 760px) { /* Tablet portrait 768x1024 and up */ #content, #sidebar { font-size: 0.875em; /* knock the font size down to 14px; */ } } /* Images ----------------------------------------------- */ .photo { font-size: .846em; padding: 0 0 3px 0; border: 1px solid #ccc; border-width: 0 0 1px; line-height: 1.2; margin: 0 0 12px 0; font-weight: normal !important; } .photo img { display: block; padding: 3px; border: 1px solid #ccc; margin-bottom: 2px; } .photo.nocaption { padding: 0; border-width: 0; } span.photo { display: block; margin: 0 auto; } @media screen and (min-width: 760px) { /* Tablet portrait 768x1024 and up */ img.left, span.left, div.left, object.left { float: left; margin: 0 12px 8px 0; } img.right, span.right, div.right, object.right { float: right; margin: 0 0 8px 12px; } img.left, img.right { display: block; padding: 3px; border: 1px solid #ccc; } } /* Utility Classes ----------------------------------------------- */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .group:before, .group:after { content: " "; display: table; } .group:after { clear: both; } .group { *zoom: 1; /* for IE 6/7 only */ } .browsehappy { margin: 0; border-bottom: 2px solid #BBB; background: #CCC; color: #000; padding: 0.3em 0; text-align: center; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Form Defaults ----------------------------------------------- */ form, fieldset { margin: 0; padding: 0; border: 0; } form ol { margin: 0; padding: 0; list-style: none; } form li, form label { display: block; } .inline li, .inline label { display: inline-block; } /* Header Elements ----------------------------------------------- */ /* skip links */ .skip-links { margin: 0; padding: 0; list-style: none; } .skip-links a:focus { display: block; text-align: center; background-color: #007567; color: #FFF; } /* logo and nav button wrapper */ .logo-wrapper { position: relative; padding: 0 10px; max-width: 500px; margin: 0 auto; } /* logo */ .logo { margin: 0; padding: 0; width: 125px; height: 70px; position: relative; float: left; overflow: hidden; } .logo a { display: block; width: 125px; height: 70px; } .logo span { position: absolute; width: 100%; height: 100%; background: transparent url(/site/main/img/css_flac_logo_mb.png) left top no-repeat; } /* nav buttons */ .search-button, .nav-button { display: inline-block; font-size: 1.625em; padding: 10px; position: absolute; right: 10px; bottom: 0; line-height: 1; color: #007567; -webkit-tap-highlight-color: rgba(0,0,0,0); } .search-button { right: 64px; } .active, .active:hover { color: #FFF; background-color: #005248; } /* Search form */ .search-form { display: none; width: 100%; background-color: #005248; padding: 8px 0; } .search-form.expanded { display: block; } .search-form fieldset { width: 300px; margin: 0 auto; position: relative; } .search-form input { -webkit-appearance: none; /* Remove default IOS shadow */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; padding: 3px 30px 3px 15px; border: 1px solid #CCE3E1; outline: 0; height: auto; background: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: Arial,"Liberation Sans",FreeSans,sans-serif; line-height: 1; } .search-form button { border: 0; background: transparent; cursor: pointer; position: absolute; top: 4px; right: 0; line-height: 1; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .logo-wrapper { float: left; padding: 0; } .logo, .logo a { width: 169px; height: 98px; } .logo span { background: transparent url(/site/main/img/css_flac_logo.png) left top no-repeat; } .search-button, .nav-button { display: none; } .search-form { display: block; width: 250px; background-color: transparent; padding: 0; margin: 35px 0 0 0; float: right; text-align: right; } .search-form fieldset { width: 250px; margin: 0; } .search-form input { width: 200px; font-size: 0.875em; background: #E5F1F0; -webkit-transition: background 0.3s ease, width 1s ease; -moz-transition: background 0.3s ease, width 1s ease; -o-transition: background 0.3s ease, width 1s ease; transition: background 0.3s ease, width 1s ease; } .search-form input:focus { background: #FFF; width: 250px; } .search-form button { top: 3px; right: 5px; } } /* Primary Navigation ----------------------------------------------- */ .nav-primary { background-color: #005248; display: none; } .nav-primary.expanded { display: block; } #primaryNav, #primaryNav ul { margin: 0; padding: 0; list-style: none; } #primaryNav { max-width: 500px; margin: 0 auto; } #primaryNav ul { display: none; } #primaryNav > li { line-height: 1; } #primaryNav > li > a { display: block; text-decoration: none; color: #FFF; border: 1px solid #006156; border-width: 0 0 1px 0; } #primaryNav > li > a i { float: right; } #primaryNav > li.last > a { border: 0; } #primaryNav > li > a span { display: block; padding: .5em .8em; font-size: 1.250em; text-shadow: 1px 1px #555; background: #005248; } #primaryNav > li > a:hover span, #primaryNav > li > a:focus span, #primaryNav > li > a:active span { background: #CFAA00; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .nav-primary { display: block; position: relative; z-index: 401; } #primaryNav { max-width: 950px; margin: 0 auto; padding: 5px 0 0; } #primaryNav > li { position: relative; float: left; z-index: 100; } #primaryNav > li.last { float: right; } #primaryNav > li > a { padding: 0 0 10px 0; border: 0; margin: 0 10px -5px 0; background: transparent; } #primaryNav > li.last > a { margin: 0 0 -5px 0; } #primaryNav > li > a span { text-align: center; width: 8.462em; /* 110px = 13x8.462 */ padding: 0.384em 0.384em; /* 5px = 13x0.384 */ font-size: 0.813em; /* 13px = 16x0.813 */ -webkit-border-radius: 0.357em; -moz-border-radius: 0.357em; border-radius: 0.357em; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; border: 1px solid #006156; } #primaryNav > li.last > a span { background: #C14A41; } #primaryNav > li:hover > a, #primaryNav > li.sfHover > a { background: transparent url(/site/main/img/css_primaryNavSub_back.png) center bottom no-repeat; } #primaryNav > li:hover > a.nosubs, #primaryNav > li.sfHover > a.nosubs { background: transparent; } #primaryNav > li:hover > a span, #primaryNav > li.sfHover > a span, #primaryNav > li > a.current span { background: #CFAA00; } #primaryNav ul { position: absolute; top: -999em; /* hide dropdowns */ width: 10.769em; /* 140px = 13x10.769 */ background: #CFAA00; padding: 10px 0 10px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333; box-shadow: 0px 0px 10px #333; } #primaryNav > li:hover ul, #primaryNav > li.sfHover ul { left: -1.538em; /* 20px = 13x1.538 */ top: 2.15em; /* 28px show dropdowns */ z-index: -1; } #primaryNav > li li a { display: block; margin: 0; padding: .455em .769em; color: #000; font-size: 0.857em; line-height: 1.4; text-decoration: none; background: #CFAA00; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; border: 1px solid #e9d267; border-width: 1px 0 0 0; } #primaryNav > li li.last a { border-width: 1px 0; } #primaryNav > li li a.theme { font-weight: bold; background: #F2EAD3; } #primaryNav > li li a:hover, #primaryNav > li li a:focus, #primaryNav > li li a:active { color: #FFF; background: #005248; } #primaryNav > li > a i { display: none; } #primaryNav > li:first-child > a span { width: auto; } #primaryNav > li:first-child > a i { display: block; float: none; } #primaryNav > li:first-child:hover > a { background-image: none; } } /* Footer Elements ----------------------------------------------- */ .fblock { float: none; } #footer, #footer a { color: #91780D; text-align: center; } #footer a:hover { color: #000; } #footer h3 { font-size: 1.250em; font-weight: bold; margin: 2em 0 .5em; } #footer p { font-size: 0.938em; } /* Tertiary Navigation */ #tertiaryNav { margin: 0; padding: 0; list-style: none; } #tertiaryNav li { line-height: 1; } #tertiaryNav li a { display: block; padding: 12px 0; } /* Social Networks */ .social-list { margin: 0; padding: 0; list-style: none; } .social-list li { line-height: 1; display: inline-block; margin: 0 5px; } .social-item { position: relative; display: block; width: 32px; height: 32px; overflow: hidden; } .social-item span { position: absolute; width: 100%; height: 100%; background-image: url(/site/main/img/social_networks.png); background-repeat: no-repeat; } #icotwitter span { background-position: -32px -32px; } #icofacebook span { background-position: 0px -32px; } #icoflickr span { background-position: -96px -32px; } #icoyoutube span { background-position: -64px -32px; } #icotwitter:hover span, #icotwitter:focus span, #icotwitter:active span { background-position: -32px 0px; } #icofacebook:hover span, #icofacebook:focus span, #icofacebook:active span { background-position: 0px 0px ; } #icoflickr:hover span, #icoflickr:focus span, #ficolickr:active span { background-position: -96px 0px ; } #icoyoutube:hover span, #icoyoutube:focus span, #yicooutube:active span { background-position: -64px 0px ; } /* Signup Form */ .signup-form { width: 300px; margin: 0 auto; position: relative; } .signup-form input { -webkit-appearance: none; /* Remove default IOS shadow */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; padding: 3px 30px 3px 15px; border: 1px solid #CCE3E1; outline: 0; height: auto; color: #000; background: #E5F1F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: Arial,"Liberation Sans",FreeSans,sans-serif; line-height: 1; -webkit-transition: background 0.3s ease, width 1s ease; -moz-transition: background 0.3s ease, width 1s ease; -o-transition: background 0.3s ease, width 1s ease; transition: background 0.3s ease, width 1s ease; } .signup-form input:focus { background: #FFF; } .signup-form button { border: 0; background: transparent; cursor: pointer; position: absolute; top: 4px; right: 0; line-height: 1; color: #666; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .fblock { float: left; width: 200px; margin: 0 53px 20px 0; } .fpila { margin: 0; float: right; } #footer, #footer a { text-align: left; } #footer p { font-size: 0.846em; } #footer h3 { font-size: 1em; } /* Tertiary Navigation */ #tertiaryNav li a { font-size: 0.875em; padding: 8px 30px; } #tertiaryNav a:before { display: inline-block; font-family: 'FontAwesome'; content: '\f0c8'; margin: 0 10px 0 -20px; font-size: 0.625em; text-decoration: none; } .signup-form, .signup-form input { width: 200px; } } /* Sidebar Styles ----------------------------------------------- */ .js .tinynav { display: block; width: 280px; margin: 0 auto 20px; } .js #sidebar h2.first, .js .side-nav { display: none; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .js .tinynav { display: none; } .js #sidebar h2:first-child, .js .side-nav { display: block; } #sidebar h2 { font-size: 1.5em; color: #005248; margin: 0 0 0 -1px; background: #FFF; padding: 20px 0 9px 1px; border: 1px solid #007667; border-width: 1px 0; } #sidebar h2:first-child { padding: 0 0 9px 1px; border-width: 0 0 1px 0; } #sidebar h2 a { color: #005248; text-decoration: none; } #sidebar h2 a:hover, #sidebar h2 a:focus, #sidebar h2 a:active { color: #005248; text-decoration: underline; } #sidebar p { margin: 0; } #sidebar p a { color: #785E01; } #sidebar p a:hover { color: #066454; text-decoration: none; } div.rtext-padding { padding: 20px 0 0 12px; } .side-nav, .side-nav ul { list-style: none; margin: 0; padding: 0; } .side-nav ul { border-top: 0; } .side-nav li { line-height: 1; } .side-nav a { display: block; margin: 0 0 1px 0; padding: 7px 3px 7px 30px; background-color: #F2EAD3; color: #444; text-decoration: none; line-height: 1.4; } .side-nav a:before { display: inline-block; content: '\2190'; margin:0 5px 0 -20px; text-decoration: none; } .side-nav li.last a { margin: 0; } .side-nav a:hover, .side-nav a:focus, .side-nav a:active, .side-nav a.current { background-color: #007667; color: #FFF; } .side-nav ul a { font-size: 0.846em; padding: 6px 3px 6px 40px; background-color: #EFEFEF; } .side-nav ul a:before { margin:0 6px 0 -20px; } .side-nav ul a:hover, .side-nav ul a:focus, .side-nav ul a:active, .side-nav ul a.current { background-color: #EFEFEF; color: #000; text-decoration: underline; } } /* MODULE: AddThis Styles ----------------------------------------------- */ .addthis_top { display: none; } .addthis_toolbox { line-height: 1.4; padding: 4px 0; width: 150px; margin: 30px auto 10px; } .addthis_toolbox p { float: left; text-transform: uppercase; color: #666; letter-spacing: 2px; font-size: 0.857em; margin: 0; padding: 1px 5px 0 0; } .addthis_toolbox a span { margin: 0 3px 0 0; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .addthis_toolbox { clear: none; float: right; margin: 30px 0 10px 20px; } .addthis_top { display: block; margin: 0 0 10px 20px; } } /* MODULE: Home Page Slider ----------------------------------------------- */ .slider-outer-wrapper { padding: 1px 0 1px; background: #005248; background: -moz-linear-gradient(top, #005248 0%, #007667 18%, #007667 82%, #005248 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005248), color-stop(18%,#007667), color-stop(82%,#007667), color-stop(100%,#005248)); background: -webkit-linear-gradient(top, #005248 0%,#007667 18%,#007667 82%,#005248 100%); background: -o-linear-gradient(top, #005248 0%,#007667 18%,#007667 82%,#005248 100%); background: -ms-linear-gradient(top, #005248 0%,#007667 18%,#007667 82%,#005248 100%); background: linear-gradient(to bottom, #005248 0%,#007667 18%,#007667 82%,#005248 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005248', endColorstr='#005248',GradientType=0 ); } .slider-outer-wrapper .full-width { padding: 0; } .slider-wrapper { position: relative; overflow: hidden; } .cycle-slideshow > a { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: block; } .cycle-slideshow img { width: 100%; height: auto; } .no-js .cycle-slideshow > a:first-child { position: static; min-height: 240px; z-index: 10; } .cycle-overlay { /* overlay */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; z-index: 200; background: rgba(0,0,0,0.5); color: white; padding: 3px 10px 20px; text-align: center; } .cycle-overlay a { color: #FFF; text-decoration: none; } .cycle-overlay a:hover, .cycle-overlay a:focus, .cycle-overlay a:active { text-decoration: underline; } span.strapline { display: none; } .cycle-pager { /* pager */ text-align: center; width: 100%; z-index: 300; position: absolute; bottom: -5px; overflow: hidden; } .cycle-pager span { font-family: Arial; font-size: 40px; line-height: 16px; width: 16px; height: 16px; display: inline-block; color: #FFF; cursor: pointer; } .cycle-pager span.cycle-pager-active { color: #d6ab00;} .cycle-pager > * { cursor: pointer;} /* prev / next links */ .cycle-prev, .cycle-next { position: absolute; top: 0; width: 18%; opacity: 0; filter: alpha(opacity=0); z-index: 400; height: 100%; cursor: pointer; } .cycle-prev { left: 0; background: url(/site/main/img/css_slider_prev.png) 50% 50% no-repeat;} .cycle-next { right: 0; background: url(/site/main/img/css_slider_next.png) 50% 50% no-repeat;} .cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90) } .disabled { opacity: .5; filter:alpha(opacity=50); } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .slider-outer-wrapper { padding: 19px 0 30px; } .slider-wrapper { width: 630px; float: left; overflow: visible; } .cycle-slideshow { width: 628px; height: 258px !important; position: relative; overflow: hidden; border: 1px solid #000; background: #F2EAD3; } .cycle-slideshow img { max-width: 400px; float: left; } .cycle-overlay { display: block; position: relative; width: 213px; height: 258px; float: right; background: transparent; padding: 8px 15px 8px 0; color: #000; line-height: 1.5; text-align: left; } .cycle-overlay strong { font-size: 1.5em; line-height: 1.2em; font-weight: normal; display: block; padding: 0 0 .5em 0; } .cycle-overlay em { font-style: normal; display: block; text-align: center; margin: 20px 20px 0; padding: 5px; color: #FFF; background: #333; } .cycle-overlay a { color: #333; text-decoration: none; } .cycle-overlay a em { color: #FFF; } /*.cycle-overlay a:hover, .cycle-overlay a:active, .cycle-overlay a:focus, .cycle-overlay a:hover span, .cycle-overlay a:active span, .cycle-overlay a:focus span { text-decoration: none; cursor: pointer; }*/ .cycle-overlay a:hover strong, .cycle-overlay a:active strong, .cycle-overlay a:focus strong, .cycle-overlay a:hover em, .cycle-overlay a:active em, .cycle-overlay a:focus em { text-decoration: underline; } span.strapline { display: block; } /* prev / next links */ .cycle-prev, .cycle-next { width: 50px; height: 258px; } .cycle-next { right: 228px;} .cycle-pager { width: 628px; text-align: right; left: 0; bottom: -32px; } } /* MODULE: Home Pullout & Help Panel ----------------------------------------------- */ .home-pullout { padding: 0.625em; } p.mission { color: #FFF; font-size: 1em; text-align: center; } .home-help-panel { padding: 0 6px; } .home-help-panel p { margin: 0; font-size: 0.813em; line-height: 1.4em; } .home-help-panel a { display: block; margin: 15px auto; border-radius: 5px; padding: 15px 50px 15px 15px; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000; background-color: #FFFBF2; background-image: url(/site/main/img/css_help_back.png); background-repeat: no-repeat; background-position: right center; -webkit-transition: background-color 0.8s ease; -moz-transition: background-color 0.8s ease; -o-transition: background-color 0.8s ease; transition: background-color 0.8s ease; text-decoration: none; } .home-help-panel a strong { display: block; margin: 0 0 .5em 0; color: #C14A41; font-size: 1.667em; font-weight: bold; } .home-help-panel a em { font-style: normal; text-decoration: underline; } .home-help-panel a:hover { background-color: yellow; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ div.home-pullout { width: 290px; float: right; padding: 0; } p.mission { font-size: 1.188em; text-align: left; } .home-help-panel { padding: 0; } .home-help-panel a strong { font-size: 1.833em; } } /* MODULE: Home Tweet Panel ----------------------------------------------- */ .twitter-wrapper { padding: 30px 0; } .twitter-wrapper > a { float: left; display: block; padding: 0 10px 10px 0; text-decoration: none; } .twitter-wrapper > a:hover, .twitter-wrapper > a:focus { opacity: 0.7; } .twitter-wrapper > a > i { display: block; font-size: 2.5em; line-height: 1.2; color: #55ACEE; } .twitter-widget { width: 125px; margin: 0 auto; } .twitter-panel { padding: 0 0 30px 0px; } /*.twitter-panel:before { display: inline-block; float: left; font-family: 'FontAwesome'; content: '\f099'; margin: 0 10px 0 -50px; font-size: 2.5em; line-height: 1.2; color: #55ACEE; text-decoration: none; }*/ .twitter-panel ul { margin: 0; padding: 0; list-style: none; line-height: 1.2; } .twitter-panel a { color: #4388BD; } .twitter-panel a:hover, .twitter-panel a:focus, .twitter-panel a:active { color: #254B69; } #twitter-widget-0 { float: right; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .twitter-wrapper { padding: 20px 0 10px; } .twitter-wrapper > a { padding: 0 10px 0 0; margin: -3px 0 0 0; } .twitter-panel { padding: 0; width: 760px; float: left; } .twitter-widget { float: right; margin: 8px 0 8px 15px; } } /* MODULE: Home Boxes ----------------------------------------------- */ .home-boxes > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #F2EAD3; margin: 0 0 20px; padding: 0 10px 10px; } .home-boxes > div > h2 { position:relative; margin: 0 -20px 5px; border: 1px solid #005248; box-shadow: 0 4px 4px rgba(0,0,0,0.3); font-size: 1.188em; background-image: linear-gradient(top, rgb(0,118,102) 0%, rgb(0,88,78) 50%), rgb(0,118,102) 100%); background-image: -o-linear-gradient(top, rgb(0,118,102) 0%, rgb(0,88,78) 50%); background-image: -moz-linear-gradient(top, rgb(0,118,102) 0%, rgb(0,88,78) 50%, rgb(0,118,102) 100%); background-image: -webkit-linear-gradient(top, rgb(0,118,102) 0%, rgb(0,88,78) 50%); background-image: -ms-linear-gradient(top, rgb(0,118,102) 0%, rgb(0,88,78) 50%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,118,102)),color-stop(0.5, rgb(0,88,78))); } .home-boxes > div > h2:before, .home-boxes > div > h2:after { content:" "; border-top: 10px solid #715926; position: absolute; bottom: -11px; } .home-boxes > div > h2:before { border-left: 10px solid transparent; left:-1px; /* Only required if the element has a border */ } .home-boxes > div > h2:after { border-right: 10px solid transparent; right:-1px; } .home-boxes > div > h2 > a { display: block; padding: 10px 22px; color: #FFF; text-decoration: none; } .home-boxes > div > h2 > a:hover, .home-boxes > div > h2 > a:focus, .home-boxes > div > h2 > a:active { text-decoration: underline; } .donate-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-image: url(/imglibrary/2016/10/201610280959291_md.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .donate-wrapper.image1 { background-image: url(/imglibrary/2016/10/201610280959291_md.jpg); /*background-image: url(/imglibrary/2009/04/200904301729132_md.jpg);*/ } .donate-wrapper.image2 { background-image: url(/imglibrary/2016/10/201610281007182_md.jpg); /*background-image: url(/imglibrary/2009/05/200905011140415_md.jpg);*/ } .donate-wrapper.image3 { background-image: url(/imglibrary/2016/10/201610281007184_md.jpg); /*background-image: url(/imglibrary/2009/04/200904301729133_md.jpg);*/ } .donate-wrapper.image4 { background-image: url(/imglibrary/2016/10/201610281007185_md.jpg); } .donate-wrapper.image5 { background-image: url(/imglibrary/2016/10/201610281007183_md.jpg); } .donate-wrapper.image6 { background-image: url(/imglibrary/2016/10/201610281007181_md.jpg); } .donate-wrapper div { background-color: rgba(0,0,0,0.4); padding: 20px; } .donate-wrapper h3 { margin: 0 0 3em 0; color: #FFF; font-size: 2em; font-weight: bold; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .home-boxes > div { width: 290px; float: left; min-height: 425px; } .home-boxes > div:first-child { margin: 0 45px 0 0; } .home-boxes > div:last-child { float: right; } .home-boxes > div > h2 { font-size: 1.385em; /* margin: 0 0 0 -10px;*/ } .donate-wrapper { } .donate-wrapper div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 365px; } .donate-wrapper h3 { margin: 0 0 4em 0; } } /* MODULE: Priority Area Accordion ----------------------------------------------- */ .accordion { margin: 0; padding: 0; list-style: none; } .accordion li { display: block; border-top: 1px solid #CCC; } .accordion a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 53px; overflow: hidden; display: block; padding: 6px 10px 6px 50px; text-decoration: none; border-top: 1px solid #FFF; line-height: 14px; } .accordion li:first-child, .accordion li:first-child a { border-top: 0; } .accordion img { width: 40px; height: 40px; float: left; margin-left: -50px; } .accordion strong { display: block; } .accordion em { font-size: 0.75em; line-height: 12px; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .accordion a { padding: 16px 10px 16px 50px; line-height: 20px; height: 51px; line-height: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion img { width: 20px; height: 20px; margin-left: -40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion em { font-size: 0.857em; line-height: 12px; } .accordion a:hover { padding: 6px 10px 6px 50px; line-height: 15px; color: #000; } .accordion a:hover img { width: 40px; height: 40px; margin-left: -50px; } .js .accordion em { display: none; } .accordion a:hover em { display: block; } } /* MODULE: Home News ----------------------------------------------- */ .home-news { list-style: none; padding: 5px 0 0; margin: 0; } .home-news li { display: block; border-top: 1px solid #CCC; line-height: 1; } .home-news a { display: block; padding: 9px 0 9px 60px; border-top: 1px solid #FFF; text-decoration: none; line-height: 1.3; } .home-news li:first-child, .home-news li:first-child a { border-top: 0; } .home-news a img { float: left; margin: 0 0 0 -60px; border: 1px solid #007567; } .home-news a em { font-style: normal; display: block; font-size: 0.857em; } .home-news a em { font-style: normal; display: block; font-size: 0.846em; } /* MODULE: Zurb Buttons ----------------------------------------------- */ .button { background: none repeat scroll 0 0 #222222; border-bottom: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 1em; font-weight: bold; line-height: 1; overflow: visible; padding: 5px 15px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; } .button:hover { background-color: #111111; } .awesome.button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35); border-image: none; border-radius: 15px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; font-size: 13px; padding: 4px 14px 6px; } .large.awesome.button { border-radius: 18px; padding: 6px 17px 8px; } .large.button { font-size: 1.063em; padding: 8px 19px 9px; } .small.button { font-size: 0.938em; } .blue.button { background-color: #2DAEBF; } .blue.button:hover { background-color: #007D9A; } .magenta.button { background-color: #A9014B; } .magenta.button:hover { background-color: #630030; } .red.button { background-color: #E33100; } .red.button:hover { background-color: #872300; } .orange.button { background-color: #FF5C00; } .orange.button:hover { background-color: #D45500; } .yellow.button { background-color: #FFB515; } .yellow.button:hover { background-color: #FC9200; } .secondary.button { border: 1px solid #BBBBBB; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: #555555 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } .secondary.button:hover { background-color: #EEEEEE; border-color: #999999; color: #444444 !important; } .button:active { right: -1px; bottom: -1px; } /* MODULE: Icon Links ----------------------------------------------- */ .linkicon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left; } .link-pdf { background-image: url(/site/main/img/linkicons/page_white_acrobat.png); } .link-doc, .link-rtf { background-image: url(/site/main/img/linkicons/page_white_word.png); } .link-ppt { background-image: url(/site/main/img/linkicons/page_white_powerpoint.png); } .link-xls { background-image: url(//site/main/img/linkicons/page_white_excel.png); } .link-issuu { background-image: url/site/main/img/linkicons/page_white_issuu.png); } /* a[rel=external] { padding: 1px 13px 1px 0; margin-right: 2px; background-image: url(/site//main/img/linkicons/external.png); background-repeat: no-repeat; background-position: right; } */ /* MODULE: Get Help Boxes ----------------------------------------------- */ .help-box-wrapper > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F2EAD3; padding: 20px; margin: 0 0 20px 0; text-align: left; border-radius: 10px; } .help-box-wrapper h3 { margin: 0 0 .5em 0; } .help-box-wrapper h3 a { display: block; text-decoration: none; padding: 0 0 20px 45px; position: relative; } .help-box-wrapper h3 i { position: absolute; left: 0; top: -3px; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .help-box-wrapper > div { width: 208px; padding: 6px; min-height: 355px; float: left; } .help-box-wrapper > div:first-child { margin: 0 20px 0 0 ; } .help-box-wrapper > div:last-child { margin: 0; float: right; } .help-box-wrapper h3 a { padding: 8px 10px 0 45px; } .help-box-wrapper h3 i { left: 5px; top: 5px; } } /* MODULE: Legal Advise Centre Map ----------------------------------------------- */ .legal-centre-map { padding: 20px; border-radius: 15px; background: #F2EAD3; margin: 0 0 20px 0; } .legal-centre-map > h3 { margin-top: 0; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .legal-centre-map { width: 310px; float: right; margin: 0 0 20px 20px; } } /* MODULE: Priority Areas ----------------------------------------------- */ .priority-area-listing { margin: 0; padding: 0; list-style: none; } .priority-area-listing a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F2EAD3; padding: 15px; margin: 0 0 20px 0; border-radius: 7px; text-decoration: none; } .priority-area-listing img { width: 75px; height: 75px; float: left; margin: 0 20px 0 0; } .priority-area-listing strong { display: block; text-decoration: underline; font-size: 1.25em; } .priority-area-listing .readmore { text-decoration: underline; display: block; float: right; } .module-priority-area h1 { padding: 10px 0 0 90px; position: relative; } .module-priority-area h1 small { display: block; font-size: .6em; } .module-priority-area h1 img { position: absolute; left: 0; top: 0; } .priority-area-text { width: 400px; float: left; } .priority-area-pullout { width: 225px; float: right; margin-top: 20px; } .priority-area-pullout h2 { font-size: 1.125em; border-bottom: 1px solid #DDD; margin-bottom: 0; padding-bottom: 6px; } .priority-area-pullout h2:first-child { margin-top: 0; } .priority-area-pullout ul { margin: 0; padding: 0; list-style: none; } .priority-area-pullout a { display: block; text-decoration: none; padding: 6px 0; border-bottom: 1px solid #DDD; line-height: 1.3; } .priority-area-pullout img { float: left; margin: 0 10px 0 0; border: 1px solid #666; } .priority-area-pullout em { font-style: normal; display: block; font-size: 0.846em; } /* width: 46%; margin: 0 1% 1% 0; width: 290px; float:left; min-height: 250px; margin-right:20px; margin-bottom:20px; */ /* MODULE: Publications ----------------------------------------------- */ .resource-filter { clear: both; padding: 5px; background: #EFEFEF; margin: 0 0 20px 0; } .resource-filter li { display: block; } .resource-filter label, .resource-filter input, .resource-filter select, .resource-filter button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 0.929em !important; } .resource-filter select, .resource-filter button { border: 1px solid #AAA; background: #FFF; padding: 2px; } .resource-filter button { background: #666; color: #FFF; } .resource-filter button:hover { background: #000; } .resource-filter li.submit { padding: 1.6em 0 0 0; } @media screen and (min-width: 760px) { .resource-filter li { display: inline-block; width: 20%; } .resource-filter li.submit { width: 14%; padding: 1.6em 0 0 0; } } .pubs-list { list-style: none; margin: 0; padding: 0; } .pubs-list > li { background: #EFEFEF; padding: 10px; margin: 0 0 10px 0; text-align: center; } .pubs-list img { border: 1px solid #CCC; padding: 3px; } .pubs-list a:hover img, .pubs-list a:focus img { border: 1px solid #000; } .pubs-list > li > strong { display: block; font-size: 1.286em; } .pubs-list ul { list-style: none; margin: 0; padding: 10px 0; } .pubs-list ul span { font-size: 0.857em; } .pubs-list .issuu { display: none; } @media screen and (min-width: 480px) { .pubs-list > li { text-align: left; } .pubs-list > li > a { display: block; float: left; } .pubs-list img { margin: 0 20px 0 0; } } @media screen and (min-width: 760px) { .pubs-list .issuu { display: inline; } } /* MODULE: Campaigns on priotity areas ----------------------------------------------- */ .priority-area-pullout .current { background: green; color: white; font-size: smaller; line-height: 1; padding: 1px 5px; border-radius: 3px; } .priority-area-pullout .past { background: red; color: white; font-size: smaller; line-height: 1; padding: 1px 5px; border-radius: 3px; } /* MODULE: Staff ----------------------------------------------- */ .module-staff-listing ul { margin: 0; padding: 0; list-style: none; } .module-staff-listing li { display: block; padding: 10px 0 20px 0; } .module-staff-listing h3:first-child { margin-top: 0; } .module-staff-listing li > img { float: left; margin: 0 20px 0 0; border: 1px solid #444; } .module-staff-listing .expandable { overflow: auto; } .module-staff-listing p { margin-top: 0; } /* MODULE: Social Embeds ----------------------------------------------- */ .module-social-embeds h2 a { display: block; text-decoration: none; } .module-social-embeds h2 i { float: right; } .module-social-fb iframe, module-social-tw iframe { width: 100% !important; } #likebox-wrapper *, #twitter-widget-0 { width: 100% !important; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sm-wrap > div { width: 46%; float: right; } .sm-wrap > div:first-child { float: left; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ .module-social-fb, .module-social-tw { width: 46%; float: left; } .module-social-tw { float: right; } } .pubwrap ol, .pubwrap ul { overflow: auto; } @media screen and (min-width: 33.236em) { /* Tablet portrait 768x1024 and up */ div.priority-pullout { margin: 0; clear: both; } div.priority-pullout div { width: 208px; background: #F2EAD3; float: left; margin: 0; min-height: 200px; border-radius: 5px; } div.priority-pullout div.first { margin: 0 20px 0 0; } div.priority-pullout div.last { float: right; } div.priority-pullout div h2 { margin: .5em .3em .2em; font-size: 1.3em; } div.priority-pullout div h2 a { text-decoration: none; } div.priority-pullout div h2 a:hover { text-decoration: underline; } div.priority-pullout img { margin: 0; display: block; background: #FFF; padding: 3px; border: 1px solid #CCC; } div.priority-pullout .homeNews a img { margin: 0 0 0 -45px; display: block; background: #FFF; padding: 2px; border: 1px solid #CCC; } div.priority-pullout ul.homeNews { margin: 0 .4em; font-size: 0.929em; padding: 0 0 3px 0; } div.priority-pullout ul.homeNews li { margin: 0; } div.priority-pullout ul.homeNews a { padding-left: 45px; } div.priorityarea-text ul { overflow: auto; } h1.priorityarea { margin-bottom: 0; } h1.priorityarea i { font-size: 1.6em; display: block; float: left; padding: 0 .3em 0 0; } p.priorityarea { margin-bottom: 2em; font-weight: bold; } /* Lightbox */ #lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails { font-size: 1em; padding-top: 0.4em; color: #555; } #lightboxCaption { float: left; } #keyboardMsg { float: right; } #closeButton { top: 5px; right: 5px; } #lightbox img { border: none; clear: both;} #overlay img { border: none; } #overlay{ background-image: url(/site//main/img/lightbox/overlay.png); } kbd{ color: #555; background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; } div.recentpub { padding: 10px 10px 10px 130px; border: 1px solid #FFF; margin-bottom: 1em; } div.recentpub h3 { margin-top: 0; } div.recentpub h3 span { display: block; font-size: smaller; } div.recentpub img { margin: 0 0 0 -120px; border: 1px solid #ccc; } #content .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 0px; } #map img { border: 0; padding: 0; margin: 0; background: none; } p.indent { margin-left: 40px; } p.padded { padding: 0 10px; } div.quickcalendar { padding: 0; } div.quickcalendar table { margin: 0 auto; border: 1px solid #ccc; background: #fff; } div.quickcalendar th, div.quickcalendar td { font-size: .9em; text-align: center; } div.quickcalendar th { background: #9cf; padding: 3px; } div.quickcalendar td.titlecolor { background: #E5CCFF; padding: 3px; } div.quickcalendar td.dayinactive { background: #CCE5FF; padding: 3px; } div.quickcalendar td.dayactive { background: #B3D9FF; } div.quickcalendar td.dayactive a { background: #B3D9FF; display: block; font-weight: bold; padding: 2px; margin: 0; } div.quickcalendar td.dayactive a:hover { background: #fff; } /* Basic Form Structure ----------------------------------------------- */ form, form fieldset { margin: 0; padding: 0; border: 0; } form ul, form ol { margin: 0; padding: 0; list-style: none; } form li { clear: both; display: block; padding: 5px 0; } form li.submit { padding: 8px 0; text-align: center; } form button { font-size: 1em; } form input, form textarea { -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; outline: 0; } form input:focus, form textarea:focus { background: #FFF6B7; } legend span, label span { color: red; } p.notes, p.error { margin: 1em 3em; border: 1px solid #DDD; background: #EFEFEF; padding: .5em; font-weight: bold; font-size: .929em; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } p.error { border: 1px solid #F30; background: #FC0; } #formcontact label { width: 20%; float: left; text-align: right; margin: 0 2% 0 0; } #formcontact label:after { content: ': '; } #formcontact input.input_full, #formcontact textarea.input_full { width: 60%; float: left; } #formcontact li.submit { text-align: left; padding-left: 22%; } #formMember { margin: 0 15%; border-radius: 5px; padding: 15px 20px; background: #EFEFEF; } #formMember li { line-height: 1; } #formMember label { display: block; padding: 0 0 .4em 0; font-size: 0.923em; } #formMember label.section_break { display: block; margin: 1.5em 0 .1em 0; } #formMember label:after { content: ': '; } #formMember input.input_full, #formMember textarea.input_full, #formMember select.input_full { border-radius: 5px; } #formMember li.submit { text-align: center; } #formMember li.error input, #formMember li.error textarea, #formMember li.error select { border: 1px solid #FF3300; } #formRegistration label { width: 40%; float: left; text-align: right; margin: 0 2% 0 0; } #formRegistration label:after { content: ': '; } #formRegistration input.input_full, #formRegistration textarea.input_full, #formRegistration select.input_full { width: 50%; float: left; } #formRegistration li.submit { text-align: left; padding-left: 42%; } ol.newsList li { margin: 0 0 15px 0; } .homeBox h3 { margin-top: 0; padding: 0 0 9px 0; background: url(/site/main/img/css_sideNav_h3_back.png) left bottom no-repeat; } .homeBox2 h3 { background: url(/site/main/img/css_sideNav_h3_back2.png) left bottom no-repeat; } .homeBox3 h3 { background: url(/site/main/img/css_sideNav_h3_back3.png) left bottom no-repeat; } .homeBox img { float: right; border: 0; } ol.updatesList { padding: 0; margin: 0; list-style: none; } ol.updatesList li, ol.updatesList a, ol.updatesList strong, ol.updatesList em { display: block; } ol.updatesList li { margin: 0 0 2em 0; } ol.updatesList a { text-decoration: none; line-height: 1.4; } ol.updatesList a strong { font-size: 1.077em; padding: 0 0 6px 0; text-decoration: underline; } ol.updatesList a img { float: left; margin: 3px 15px 8px 0; padding: 2px; border: 1px solid #000; } ol.updatesList a:hover img, ol.updatesList a:focus img, ol.updatesList a:active img { border: 1px solid #666; } /* FLAC Centres table */ #flaccentres { width: 100%; border: 1px solid #EADEB4; margin: 2em 0; } #flaccentres th { padding: 2px 4px; text-align: left; background: #EADEB4; vertical-align: top; } #flaccentres th.r1, #flaccentres th.r3 { width: 30%; } #flaccentres td { padding: 6px; vertical-align: top; font-size: .9em; line-height: 130%; } #flaccentres td.rr1 { font-weight: bold; } #flaccentres td.rr1 img { display: inline; } #flaccentres td.rr1 p { font-weight: normal; margin-top: 1em; } #flaccentres tr.alt { background: #F8F4E6; } #flaccentres img, #flaccentres a:hover img { border: 0; padding: 0; background: transparent; } #flaccentres a:hover { background: transparent; } #legend { list-style: none; padding: 0; margin: 0; } #legend img { border: 0; padding: 0; float: left; margin-right: 5px; } /* Donate Form Structure ----------------------------------------------- */ #formdonate, #formdonate fieldset, #formdonate legend { margin: 0; padding: 0; border: 0; } #formdonate ol, #formdonate ul { list-style: none; margin: 0; padding: 0; } #formdonate li { clear: both; margin: 0 0 .75em; padding: 0; } #formdonate label:after, #formdonate fieldset span:after { content: ''; } #formdonate ol li { padding: 6px 1% 9px 2%; margin: 0; clear: both; position: relative; border: 1px dotted #CCC; border-width: 1px 0 0 0; background: #FAFAFA; } #formdonate ul li { border: 0; padding: 0 0 12px 0; background: transparent; } #formdonate li.focused { background: #FFF7C0; } #formdonate fieldset { position: relative; } #formdonate legend { font-size: 1em !important; border: 0 !important; } #formdonate legend span { display: block; width: 25% !important; position: absolute; left: 0; top: 1px; font-size: 1.1em; text-align: left; font-weight: bold; } #formdonate legend span strong { display: block; font-size: smaller; font-weight: normal; } #formdonate fieldset ul { float: right; width: 65%; margin: 0 5% 0 0; } #formdonate fieldset ul li { float: left; width: 100%; } #formdonate label { display: block; text-align: left; clear: both; margin-top: 0; padding: 3px 0 0 0; width: auto; font-size: .9em; color: #444; float: none; } #formdonate label.desc { font-size: 1em; font-weight: bold; padding: 0 0 3px 0; margin-top: 0.5em; } #formdonate li.donationother label { margin-top: 0.5em; } #formdonate input.text { width: 100%; padding: 2px 0; } #formdonate li span { float: left; width: auto; margin: 0 0.3em 0 0; } #formdonate li span.left { float: left; margin: 0; padding: 0; width: 48%; } #formdonate li span.right { float: right; margin: 0; padding: 0; width: 48%; } #formdonate input.text, #formdonate input.search, #formdonate textarea.textarea { background: #FFF url("/site//main/img/forms/fieldbg.gif") left top repeat-x; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; } #formdonate input.checkbox, #formdonate input.radio { border: 0; } #formdonate input.text:focus, #formdonate input.search:focus, #formdonate textarea.textarea:focus { background: #FFF6B7 url("/site//main/img/forms/fieldbg.gif") left top repeat-x; } #formdonate fieldset ul.radio li { clear: none; width: auto; padding: 0 15px 0 0; } #formdonate fieldset ul.radio label { float: left; padding: 0; } #formdonate fieldset ul.radio li.donationother { clear: both; width: 100%; padding: 9px 0 12px 0; } #formdonate img.right { padding: 0; border: 0; margin: 0; background: transparent; } #formdonate fieldset ul.images li label { position: relative; padding: 0 0 0 20px; cursor: pointer; } #formdonate fieldset ul.images li input { position: absolute; left: 0; top: 10px; } #formdonate ul li.lefthalf { width: 48%; float: left; clear: left; } #formdonate ul li.righthalf { width: 48%; float: right; clear: none; } #formdonate select { width: 100%; } #formdonate li.confirm label { margin-left: 0; width: 100%; } #formdonate abbr { color: red; border: 0; } #formdonate button:hover { background: #CCC; } #formdonate input.hilight { background: #FEB; } #formdonate .submitButton { margin-left: 35%; } div.recentpub { background: #EFEFEF; } form ol.inline li { float: left; clear: none; margin: 0 5px 0 0; } form ol.inline li.submit { float: right; } form ol.inline li label { display: block; } /* action styles */ h2.h2Step { margin: 0 10px 0 0; padding: 1px; border: 1px solid #000; float: left; font-size: 1.5em; } h2.h2Step span { display: block; background: #000; margin: 0; padding: 3px 8px; color: #fff; text-align: center; } h2.h2Step2 { clear: none; font-size: 1.5em; padding: 4px 8px; } div.actionHeader { margin-bottom: 10px; } #actionWrapper form { margin: 0; padding: 0; } #actionWrapper fieldset { border: 1px dotted #999; padding: 5px; margin: 0; } #actionWrapper p.notes { font-size: 1em; text-align: center; background: #FFF; border: 1px dotted #ccc; } #actionWrapper legend { margin-bottom: 1em; padding: .2em .4em; font-weight: bold; background: #fff; font-size: 1.1em; border: 1px dotted #999; } #actionWrapper label { font-size: .9em; margin: 0 0 5px 0; padding: 4px 0; } #actionWrapper label.required { font-weight: bold; } #actionWrapper .inputText { font-family: Verdana,Arial,sans-serif; font-size: .9em; margin: 0 0 5px 0; padding: 4px; background-color: #EFEFEF; border: 1px solid #000; } #actionWrapper .inputSelect { font-size: .9em; margin: 0 0 .5em 0; padding: 4px; background-color: #EFEFEF; border: 1px solid #000; } #actionWrapper .submitButton { font-size: 1.1em; padding: 4px 6px; font-weight: bold; color: #fff; margin: 0 0 10px 105px; background: #000; border: 2px #666 outset; } #actionWrapper .submitButton:hover { text-decoration: underline; } #actionWrapper textarea.inputText { background: #EFEFEF; font-size: 1.3em; padding: 6px; } #actionWrapper textarea { background: #EFEFEF; } #actionWrapper div.listing h2 { margin: 1em 0 .5em 0; } #actionWrapper div.listing img { padding: 3px; border: 1px solid #ccc; } #actionWrapper div.listing p { margin-left: 1em; } /* Specific styles for the petition form */ form#petitionForm { width: 270px; margin: 0 0 10px 10px; float: right; } #petitionForm fieldset { width: 260px; } #petitionForm label { width: 100px; clear: both; float: left; text-align: right; margin: 0 5px 5px 0; } #petitionForm .inputText { width: 145px; } #petitionForm .inputSelect { width: 150px; } #petitionForm label.labelRadio { display: block; float: none; text-align: left; width: auto; margin-left: 105px; margin-bottom: 10px; } /* Specific styles for the tell a friend form */ #tellafriendFORM label { float: none; display: block; font-weight: bold; font-size: 1em; } #tellafriendFORM .submitButton { margin: 0 0 10px 0; } #tellafriendFORM small { font-size: 1.1em; } /* Specific styles for the constituency dropdown */ form#constitform { margin-left: 10px; width: 180px; } #constitform legend { margin-bottom: .5em; } #constitform label { margin: 0 5px 5px 0; } #constitform .inputText { width: 120px; } /* Specific styles for the email your TD form */ #draftmessage { clear: both; } #draftmessage fieldset { margin-bottom: 1em; } #draftmessage fieldset.checkbox { width: 480px; border: 0; padding: 0; margin: 0; } #draftmessage label { width: 150px; clear: both; float: left; text-align: right; margin: 0 5px 5px 0; } #draftmessage label.checkbox { float: right; text-align: left; width: 330px; margin-bottom: 10px; } #draftmessage label.labelRadio { display: block; float: none; text-align: left; width: auto; margin: 0 0 0 125px; padding: 5px 0; line-height: 1; } #draftmessage label.labelRadio input { margin: 0 0 0 -25px; padding: 0; } /*#draftmessage label.labelRadio small { margin-left: 105px; } */ #draftmessage .inputText { width: 200px; margin: 0 0 5px 0; } #draftmessage .inputSelect { width: 205px; margin: 0 0 .5em 0; padding: 2px; } #draftmessage .inputCheckbox { font-size: 1em; margin: 0 0 0 105px; } #draftmessage .submitButton { margin: 10px 0 10px 50px; } #draftmessage fieldset.message { color: #000; text-align: left; padding: 20px; font-size: 1em; } #draftmessage fieldset.message label { display: block; width: auto; float: none; text-align: left; margin: 0 5px 5px 0; padding: 2px 0; } #draftmessage fieldset.message .inputText { width: 500px; float: none; margin: 0 0 10px 0; padding: 2px; } #draftmessage fieldset.message .inputTextarea { width: 500px; height: 300px; margin: 0 0 10px 0; padding: 4px; background-color: #EFEFEF; border: 1px solid #000; } #draftmessage fieldset.message .submitButton { margin: 10px 0 10px 0; } div.previewmessage { border: 1px dotted #999; padding: 15px; background: #FFF; margin: 0; } div.previewmessage .submitButton { width: 15em; font-weight: bold; color: #fff; margin: 10px 0 0 0; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 {font-size: 1.2em;} /* Volunteeer Form Structure ----------------------------------------------- */ #formdonate, #formvolunteerfieldset, #formvolunteerlegend { margin: 0; padding: 0; border: 0; } #formvolunteerol, #formvolunteerul { list-style: none; margin: 0; padding: 0; } #formvolunteerli { clear: both; margin: 0 0 .75em; padding: 0; } #formvolunteerlabel:after, #formvolunteerfieldset span:after { content: ''; } #formvolunteerol li { padding: 6px 1% 9px 2%; margin: 0; clear: both; position: relative; border: 1px dotted #CCC; border-width: 1px 0 0 0; background: #FAFAFA; } #formvolunteerul li { border: 0; padding: 0 0 12px 0; background: transparent; } #formvolunteerli.focused { background: #FFF7C0; } #formvolunteerfieldset { position: relative; } #formvolunteerlegend { font-size: 1em !important; border: 0 !important; } #formvolunteerlegend span { display: block; width: 25% !important; position: absolute; left: 0; top: 1px; font-size: 1.1em; text-align: left; font-weight: bold; } #formvolunteerlegend span strong { display: block; font-size: smaller; font-weight: normal; } #formvolunteerfieldset ul { float: right; width: 65%; margin: 0 5% 0 0; } #formvolunteerfieldset ul li { float: left; width: 100%; } #formvolunteerlabel { display: block; text-align: left; clear: both; margin-top: 0; padding: 3px 0 0 0; width: auto; font-size: .9em; color: #444; float: none; } #formvolunteerlabel.desc { font-size: 1em; font-weight: bold; padding: 0 0 3px 0; margin-top: 0.5em; } #formvolunteerli.donationother label { margin-top: 0.5em; } #formvolunteerinput.text { width: 100%; padding: 2px 0; } #formvolunteerli span { float: left; width: auto; margin: 0 0.3em 0 0; } #formvolunteerli span.left { float: left; margin: 0; padding: 0; width: 48%; } #formvolunteerli span.right { float: right; margin: 0; padding: 0; width: 48%; } #formvolunteerinput.text, #formvolunteerinput.search, #formvolunteertextarea.textarea { background: #FFF url("/site//main/img/forms/fieldbg.gif") left top repeat-x; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; } #formvolunteerinput.radio { border: 0; } #formvolunteerinput.checkbox{ padding-right:120px; } #formvolunteerinput.text:focus, #formvolunteerinput.search:focus, #formvolunteertextarea.textarea:focus { background: #FFF6B7 url("/site//main/img/forms/fieldbg.gif") left top repeat-x; } #formvolunteerfieldset ul.radio li { clear: none; width: auto; padding: 0 15px 0 0; } #formvolunteerfieldset ul.radio label { float: left; padding: 0; } #formvolunteerfieldset ul.radio li.donationother { clear: both; width: 100%; padding: 9px 0 12px 0; } #formvolunteerimg.right { padding: 0; border: 0; margin: 0; background: transparent; } #formvolunteerfieldset ul.images li label { position: relative; padding: 0 0 0 20px; cursor: pointer; } #formvolunteerfieldset ul.images li input { position: absolute; left: 0; top: 10px; } #formvolunteerul li.lefthalf { width: 48%; float: left; clear: left; } #formvolunteerul li.righthalf { width: 48%; float: right; clear: none; } #formvolunteerselect { width: 100%; } #formvolunteerli.confirm label { margin-left: 0; width: 100%; } #formvolunteerabbr { color: red; border: 0; } #formvolunteerbutton:hover { background: #CCC; } #formvolunteerinput.hilight { background: #FEB; } #formvolunteer.submitButton { margin-left: 35%; } #formvolunteer fieldset ul.radio li { clear: none; width: auto; padding-right: 150px; } #formvolunteer fieldset ul.radio label { float: left; } } .blog-nav .side-heading { display: block; background-color: #005248; color: #FFF; margin: 0 0 1px 0; padding: 7px 3px 7px 15px; } .grid-listing .card { border-bottom: 2px solid #ccc; margin-bottom: 20px; } .grid-listing div.figure { width: 100%; height: 175px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .grid-listing h2 { font-size: 20px; margin-top: 10px; } .js .grid-listing .block-link:hover { cursor: pointer; } .js .grid-listing .block-link:hover h2 a { color: #666 } .grid-detail h1 small { display: block; color: #aaa; } .grid-detail div.figure { width: 100%; height: 275px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } @media screen and (min-width: 768px) { .grid-listing { margin: 0 -1%; } .grid-listing .card { display: inline-block; width: 48%; vertical-align: top; margin-left: 1%; margin-right: 1%; } .grid-listing .card.first-entry { width: 100%; } .grid-listing .card.first-entry div.figure { height: 250px; } } .blog-btn { text-align: center; padding: 20px 0; } .blog-btn a { display: inline-block; padding: 5px 20px; background-color: #005248; color: #FFF !important; text-decoration: none; border-radius: 10px; transition: all .5s ease; } .blog-btn a:hover, .blog-btn a:focus { background-color: #c14a41; color: #FFF !important; } /* 9. CUSTOM LAYOUT & TYPOGRAPHY (tablet) ----------------------------------------------------------------------------------------*/ @media screen and (min-width: 30em) and (max-width: 63.236em) { #container { width: 30em; } } .expandable .read-more a { display:block; margin-top:1em; } @media screen and (min-width: 760px) { /* Tablet portrait 768x1024 and up */ .staff-listing .expandable { overflow: auto; } .staff-listing h3 small { display: inline-block; margin-left: 20px; } } /* PAGINATOR */ .Pages { text-align: center; margin-bottom: 5px; margin-top: 5px; } .Paginator { font-size: 1em; padding-top: 5px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ } .Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .Paginator .AtStart { margin-right: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; } .Paginator .Prev { margin-right: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; } .Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; } .Paginator .Next { margin-left: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; white-space: nowrap;} .Paginator .AtEnd { margin-left: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; } .Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 1.1em; vertical-align: top; background: #fff; color: #FF0084; } .Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;} /* .Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;} .Paginator .ranking a {padding: 0; border: 0; background: transparent;} */ .Pages div.Results { text-align: center; font: .9em/1.2em Arial, Helvetica; color: #aaa; margin-top: 8px; } .Paginator form {display: inline-block;} .Paginator button {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; line-height: 1;} .Paginator button:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;} .embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%} /* Cookie Banner ----------------------------------------------- */ .cookie-banner { background: #333; padding: 8px 15px; text-align: center; color: #FFF; } .cookie-banner p { display: inline-block; text-align: center; margin: 0; color: #FFF; } .cookie-banner a { background: none; color: #EFEFEF; text-decoration: underline; } .cookie-banner a:hover, .cookie-banner a:focus, .cookie-banner a:active { color: #FFF; } .cookie-banner button { font-size: 1em; padding: 4px 15px; background: #347c52; color: #FFF; border-radius: 8px; border: 0; text-shadow:none !important; display: block; margin: 10px auto; } .cookie-banner button:hover { text-decoration: underline; cursor: pointer; text-shadow:none; !important } @media screen and (min-width: 760px) { /* Tablet portrait 768x1024 and up */ .cookie-banner button { display: inline; margin: 5px 0 5px 30px; } } /* Digital Revolutionaries ----------------------------------------------- */ #revolutionaries { clear: both; font-size: smaller; text-indent: -9999px; line-height: 1; } #revolutionaries a { color: #ccc; display: block; width: 91px; height: 12px !important; margin: 0 auto; background: url(//www.revolutionaries.ie/siteminder/images/revolutionaries.gif) 0 0 no-repeat; } #revolutionaries a:hover, #revolutionaries a:focus, #revolutionaries a:active { background: url(//www.revolutionaries.ie/siteminder/images/revolutionaries.gif) 0 -12px no-repeat; } @media screen and (min-width: 1020px) { /* Tablet landscape 1024x768 and up */ #revolutionaries { float: right; } #revolutionaries a { margin: 0; } }