/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/** County Map Font Configuration
*************************************/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
@font-face {
  font-family: "countymapregular";
  src: url("../fonts/county-map/countymap-webfont.eot");
  src: url("../fonts/county-map/countymap-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/county-map/countymap-webfont.woff") format("woff"), url("../fonts/county-map/countymap-webfont.ttf") format("truetype"), url("../fonts/county-map/countymap-webfont.svg#countymapregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*Credit to https://github.com/intridea/stately for this styling */
.county-map {
  font: normal normal 400px "countymapregular";
  line-height: 100%;
  font-size-adjust: none;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga=1";
  -ms-font-feature-settings: "liga" 1;
  -ms-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
  overflow: hidden;
  width: 400px;
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  background: #eeeeee;
  border-radius: 0; }
  .county-map li {
    float: left;
    margin: 0 0 0 -100%;
    position: relative;
    left: 101%;
    width: 100%;
    cursor: default;
    -webkit-transition: all 1s ease-in;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

/** Any Other Style customizations
*************************************/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
#provinces {
  color: #b0b0b0; }
  #provinces .mo, #provinces .so, #provinces .rn, #provinces .ga, #provinces .le {
    color: green; }
  #provinces .db, #provinces .cw, #provinces .ww, #provinces .wx, #provinces .la, #provinces .kd, #provinces .kl, #provinces .wh, #provinces .mh, #provinces .oy, #provinces .lh, #provinces .lg {
    color: blue; }
  #provinces .an, #provinces .ar, #provinces .dl, #provinces .do, #provinces .de, #provinces .ty, #provinces .fe, #provinces .cn, #provinces .mn {
    color: purple; }
  #provinces .ke, #provinces .ck, #provinces .tp, #provinces .li, #provinces .ce, #provinces .wd {
    color: red; }

#northern-ireland {
  color: #00aeef; }
  #northern-ireland .an, #northern-ireland .ar, #northern-ireland .do, #northern-ireland .de, #northern-ireland .ty, #northern-ireland .fe {
    color: #ff7474; }

#mayo-for-sam {
  color: green; }
  #mayo-for-sam .mo {
    color: red; }
  #mayo-for-sam .db {
    color: skyblue; }

#plain {
  color: #999; }

/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/** County Icon Font Configuration
*************************************/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2013 */
@font-face {
  font-family: "countyiconregular";
  src: url("../fonts/county-icon/countyicon-webfont.eot");
  src: url("../fonts/county-icon/countyicon-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/county-icon/countyicon-webfont.woff") format("woff"), url("../fonts/county-icon/countyicon-webfont.ttf") format("truetype"), url("../fonts/county-icon/countyicon-webfont.svg#countyiconregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.county-icon-header {
  font-family: "countyiconregular";
  float: left;
  font-size: 3em; }

table {
  font-size: 1em;
  width: 190px;
  float: left;
  margin-right: 10px;
  border-collapse: collapse; }
  table .county-icon {
    font-family: "countyiconregular";
    text-align: center;
    vertical-align: top; }
  table td {
    border-bottom: 1px solid silver;
    padding: 5px; }

/** Any Other Style customizations
*************************************/
/*
Built by @funzeye for @HoverCraftie
URL: http://hovercraftstudio.ie
*/
.wrap {
  padding: 3em 5em;
  width: 600px;
  margin: auto; }

#county-map-section h1:not(.icon-header), #county-icon-section h1:not(.icon-header) {
  font-size: 2em;
  padding: 0.5em 0;
  text-align: center; }

.icon-header {
  font-size: 2.5em;
  padding: 1em 0;
  text-align: center; }

#banner > .wrap h1 {
  font-size: 3em; }

#banner > .wrap p {
  margin: 5px 0 5px;
  padding: 0;
  color: #474747;
  line-height: 1.8em;
  font-family: "FS me","FS Me Web Light", Helvetica, Arial, Verdana , sans-serif;
  font-size-adjust: 0.53;
  font-weight: 200;
  font-style: normal; }




/*
  Custom County Colouring
*/


div.county-icon {
  font-family: "countyiconregular";
  text-align: center;
  vertical-align: top;
  width: 200px;
}

.custom-county-bg {
    -webkit-animation:progress 6s linear infinite;
    -moz-animation:progress 6s linear infinite;
    -ms-animation:progress 6s linear infinite;
    animation:progress 6s linear infinite;
    background-size: 100% 100%;
    color: #00ff00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@-webkit-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200px 0px;
  }
}
@-moz-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200px 0px;
  }
}
@-ms-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200px 0px;
  }
}
@keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200px 0px;
  }
}

.custom-county-container {
  width: 200px;
  height: 200px;
  font-size: 150px;
  position: relative;
}

.county-container {
  width: 200px;
  float: left;
}

.custom-county-container {
  display: block;
  float: left;
}

.custom-county {
  text-shadow: 1px 1px 2px black;
}

.county-left-half, .county-right-half {
  position: absolute;
  width: 50%;
  overflow: hidden;
  top: 0px;
}

.county-left-half {
  left: 0px;
}

.county-right-half {
  right: 0px;
  direction: rtl;
}

.county-right-third {
  right: 0px;
  direction: rtl;
  width: 42%;
  position: absolute;
  overflow: hidden;
  top: 0px;
}

.county-left-third {
  left: 0px;
  width: 42%;
  position: absolute;
  overflow: hidden;
  top: 0px;
}

.county-middle-third {
  left: 0px;
  position: absolute;
  overflow: hidden;
  top: 0px;
}



.center {
  width: 100%;
  text-align: center;
}

/* County Colours */
.county-saffron { color: #FEDA00; }
.county-orange { color: #FF8800; }
.county-blue { color: #00F; }
.county-red { color: #F00; }
.county-white {color: #FFF; }
.county-green { color: #009900; }
.county-gold { color: #FFD700; }
.county-maroon { color: #990000; }
.county-primrose { color: #F3CF55; }
.county-skyblue { color: #88B8FD; }
.county-navyblue { color: #000080; }
.county-purple { color: #660099; }
.county-amber { color: #FFC125; }
.county-yellow { color: #FF0; }

/* Ulster */
.county-antrim-bg { background-image: linear-gradient(to right, #FEDA00 50%, #FFF 0%); }
.county-armagh-bg { background-image: linear-gradient(to right, #FF8800 50%, #FFF 0%); }
.county-cavan-bg { background-image: linear-gradient(to right, #00F 50%, #FFF 0%); }
.county-derry-bg { background-image: linear-gradient(to right, #F00 50%, #FFF 0%); }
.county-donegal-bg { background-image: repeating-linear-gradient(to right, #009900 0px, #009900 20px,
                                                                            #FFD700 20px, #FFD700 40px); }
.county-down-bg { background-image: linear-gradient(to right, #F00 50%, #000 0%); }
.county-fermanagh-bg { background-image: linear-gradient(to right, #009900 50%, #FFF 0%); }
.county-monaghan-bg { background-image: linear-gradient(to right, #FFF 50%, #00F 0%); }
.county-tyrone-bg { background-image: linear-gradient(to right, #FFF 50%, #F00 0%); }

/* Connacht */
.county-galway-bg { background-image: linear-gradient(to right, #990000 50%, #FFF 0%); }
.county-lietrim-bg { background-image: linear-gradient(to right, #009900 50%, #FFFF00 0%); }
.county-mayo-bg { background-image: linear-gradient(to right, #009900 50%, #0F0 0%); }
.county-roscommon-bg { background-image: linear-gradient(to right, #00F 50%, #F3CF55 0%); }
.county-sligo-bg { background-image: linear-gradient(to right, #000 50%, #FFF 0%); }

/* Munster */
.county-clare-bg { background-image: linear-gradient(to right, #FEDA00 50%, #00F 0%); }
.county-cork-bg { background-image: linear-gradient(to right, #F00 50%, #FFF 0%); }
.county-kerry-bg { background-image: linear-gradient(to right, #009900 50%, #FFD700 0%); }
.county-limerick-bg { background-image: linear-gradient(to right, #009900 50%, #FFF 0%); }
.county-tipperary-bg { background-image: linear-gradient(to right, #00F 50%, #FFD700 0%); }
.county-waterford-bg { background-image: linear-gradient(to right, #FFF 50%, #00F 0%); }

/* Leinster */
.county-carlow-bg { background-image: linear-gradient(to right, #009900 0%, #009900 34%,
                                                                #F00 0%, #F00 66%, #FF0 0%); }
.county-dublin-bg { background-image: linear-gradient(to right, #88B8FD 50%, #000080 0%); }
.county-kildare-bg { background-image: linear-gradient(to right, #FFF 50%, #FFF 0%); }
.county-kilkenny-bg { background-image: linear-gradient(to right, #000 50%, ##FFC125 0%); }
.county-laois-bg { background-image: linear-gradient(to right, #00F 50%, #FFF 0%); }
.county-longford-bg { background-image: linear-gradient(to right, #00F 50%, #FFD700 0%); }
.county-louth-bg { background-image: linear-gradient(to right, #F00 50%, #00F 0%); }
.county-meath-bg { background-image: linear-gradient(to right, #009900 50%, #FFD700 0%); }
.county-offaly-bg { background-image: linear-gradient(to right, #009900 0%, #009900 34%,
                                                                #FFF 0%, #FFF 66%, #FFD700 0%); }
.county-westmeath-bg { background-image: linear-gradient(to right, #990000 50%, #FFF 0%); }
.county-wexford-bg { background-image: linear-gradient(to right, #660099 50%, #FFD700 0%); }
.county-wicklow-bg { background-image: linear-gradient(to right, #00F 50%, #FFD700 0%); }

body {
  background-color: grey;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}