@charset "UTF-8";
@import url("./nice-menu-custom.css");
@import url("../webfonts/font-awesome.css");
@import url("./fonts.css");
@font-face {
    font-family: 'Open Sans';
    src: url('../webfonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Candara';
    src: url('../webfonts/Candara.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';F
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*! normalize.css v1.1.3 | MIT License | git.io/normalize */


/* ==========================================================================
HTML5 display definitions
========================================================================== */


/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

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


/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

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


/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/

[hidden] {
    display: none;
}


/* ==========================================================================
Base
========================================================================== */


/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

html {
    font-size: 100%;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/**
* Address margins handled incorrectly in IE 6/7.
*/

body {
    margin: 0;
}


/* ==========================================================================
Links
========================================================================== */


/**
* Address `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: none;
}


/**
* Improve readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
Typography
========================================================================== */


/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/


/* h1 {
font-size: 2em;
margin: 0.67em 0;
}

h2 {
font-size: 1.5em;
margin: 0.83em 0;
}

h3 {
font-size: 1.17em;
margin: 1em 0;
}

h4 {
font-size: 1em;
margin: 1.33em 0;
}

h5 {
font-size: 0.83em;
margin: 1.67em 0;
}

h6 {
font-size: 0.67em;
margin: 2.33em 0;
} */


/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}


/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}


/**
* Address styling not present in Safari 5 and Chrome.
*/

dfn {
    font-style: italic;
}


/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/

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


/**
* Address styling not present in IE 6/7/8/9.
*/

mark {
    background: #ff0;
    color: #000;
}


/**
* Address margins set differently in IE 6/7.
*/


/* p,
pre {
margin: 1em 0;
} */


/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em;
}


/**
* Improve readability of pre-formatted text in all browsers.
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}


/**
* Address CSS quotes not supported in IE 6/7.
*/

q {
    quotes: none;
}


/**
* Address `quotes` property not supported in Safari 4.
*/

q:before,
q:after {
    content: "";
    content: none;
}


/**
* Address inconsistent and variable font size in all browsers.
*/

small {
    font-size: 80%;
}


/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}



.rtejustify {
    text-align: justify;
}
.rtecenter {
    text-align: center;
}

/* ==========================================================================
Lists
========================================================================== */


/**
* Address margins set differently in IE 6/7.
*/


/* dl,
menu,
ol,
ul {
margin: 1em 0;
} */

dd {
    margin: 0;
}


/**
* Address paddings set differently in IE 6/7.
*/


/* menu,
ol,
ul {
padding: 0 0 0 40px;
} */


/**
* Correct list images handled incorrectly in IE 7.
*/

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* ==========================================================================
Embedded content
========================================================================== */


/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/

img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}


/**
* Correct overflow displayed oddly in IE 9.
*/

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


/* ==========================================================================
Figures
========================================================================== */


/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

figure {
    margin: 0;
}


/* ==========================================================================
Forms
========================================================================== */


/**
* Correct margin displayed oddly in IE 6/7.
*/

form {
    margin: 0;
}


/**
* Define consistent border, margin, and padding.
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/

legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}


/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
*    and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}


/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button,
input {
    line-height: normal;
}


/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/

button,
select {
    text-transform: none;
}


/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
*    Known issue: inner spacing remains in IE 6.
*/

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}


/**
* Re-set default cursor for disabled elements.
*/

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


/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
*    Known issue: excess padding remains in IE 6.
*/

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}


/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/

input[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

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


/**
* Remove inner padding and border in Firefox 3+.
*/

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


/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
Tables
========================================================================== */


/**
* Remove most spacing between table cells.
*/

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


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */


/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/


/* ==========================================================================
Base styles
========================================================================== */


/* z-index */


/* mixin */

html {
    min-width: 320px;
    box-sizing: border-box;
}

*,
*:after,
*:before {
    box-sizing: inherit;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/

audio,
canvas,
img,
video {
    vertical-align: middle;
}


/*
* Remove default fieldset styles.
*/

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


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}


/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
* Don't show links for images, or javascript/internal links
*/
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
Down to business
========================================================================== */


/* =========================
Drupal menu fix
========================= */

#navbar-administration .navbar-icon {
    position: relative;
    padding: 1em 1.3333em 1em 2.75em;
    display: block;
}

ul.contextual-links li {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}


/* =========================
Drupal Tabs & overwrites
========================= */

.tabs-primary {
    list-style: none;
    overflow: hidden;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
}

.tabs-primary li {
    float: left;
    background: #23B7C2;
    padding: 10px 20px;
    margin: 0 5px 0 0;
}

.tabs-primary li.delete-account {
    background: #EF0000;
}

.tabs li.delete-account a:hover,
.tabs li.active.delete-account a {
    background: #EF0000;
}

.tabs-primary li a {
    color: #fff;
}


/* =========================
Some general rules
========================= */

.inner,
.paragraphs-items-field-fact-details-full,
#block-bean-home-wheel {
    width: 1180px;
    margin: 0 auto;
}


/* .inner #block-ire-ireland-xo-ire-ireland-xo-specialgroup-page .content .xo-page-wrapper {
    margin-left: -85px;
    margin-right: -85px;
}

.inner #block-ire-ireland-xo-ire-ireland-xo-specialgroup-page .content .sub-nav-anchor {
    margin-left: -85px;
    margin-right: -85px;
} */

#main_content {
    width: 80%;
    margin: auto;
}

main .inner {
    position: relative;
    z-index: 1;
}

main>section>.inner {
    min-height: 680px;
    padding: 0 0 100px;
}

.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
}

.semi-circle {
    height: 30px;
    width: 60px;
    display: block;
    margin: 0 auto;
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}


/* =========================
Text
========================= */

h1,
h1 a,
h1 a:hover {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 30px;
    padding: 0;
}

h2,
h2 a,
h2 a:hover {
    font: 300 20px/36px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 30px;
    padding: 0;
}

h3,
h3 a,
h3 a:hover {
    font: 300 20px/36px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 30px;
    padding: 0;
}

h4,
h4 a,
h4 a:hover {
    font: 300 24px/30px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 40px;
    padding: 0;
}

h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover {
    text-decoration: none;
    margin: 0;
}

p {
    font: 400 15px/30px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 30px;
    padding: 0;
}

a {
    font: 400 15px "Open Sans", sans-serif;
    color: #23b7c2;
    text-decoration: none;
    border: 0;
    outline: 0;
    word-wrap: break-word;
}

a:active,
a:hover {
    outline: 0;
    border: 0;
    color: #23b7c2;
}

a.active,
a.is-active{
    color: #b0d361;
}

section a:hover {
    text-decoration: underline;
}

main .content ul,
main .left-side ul {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
}

main .content ul li,
main .left-side ul li,
.reply_container {
    font: 400 15px/26px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    position: relative;
}

main .content ul li:before,
main .left-side ul li:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #b0d361;
    top: 9px;
    left: 0;
}

.map-wrap .map-options .column ul li,
.messages--error ul.messages__list li,
main .item-list .page ul li,
main .left-side .message-board ul li,
main .tabs-wrap ul li {
    padding: 0;
}

.answers ul li:before,
.messages--error ul.messages__list li:before,
main .item-list .page ul li:before,
main .left-side .message-board ul li:before,
main .map-wrap .map-options .column ul li:before,
main .tabs-wrap ul li:before {
    display: none;
}

.date {
    font: 400 14px "Open Sans", sans-serif;
    color: #9EA7B3;
    display: block;
    clear: both;
}


/* =========================
Rollover icons -
generally top left of
thumbnails
========================= */

main figure .icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    z-index: 9;
    overflow: hidden;
    text-align: center;
}

main figure .icon img {
    height: auto;
    width: 100%;
}

main figure span.icon {
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

main figure figcaption.orange .icon {
    background-color: #fa7135;
}

main figure figcaption.turquoise .icon {
    background-color: #23b7c2;
}

main figure .icon.green,
main figure figcaption.green .icon {
    background-color: #b0d361;
}

main figure .icon.local-resource {
    background-image: url("../img/res.png");
    background-color: #fa7135;
}

main figure .icon.events {
    background-image: url("../img/calendar.png");
    background-color: #23b7c2;
}

main figure .icon.news {
    background-image: url("../img/communication.png");
    background-color: #b0d361;
}

main figure figcaption.orange:hover .icon,
main figure:hover .icon,
main figure:hover figcaption.green:hover .icon,
main figure:hover figcaption.turquoise:hover .icon {
    background-color: #323a45;
}


/* =========================
Form styles
========================= */

input {
    background: #eaedf1;
    padding: 8px 15px;
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 20px;
    border: 0;
    width: 100%;
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
[type=file],
textarea {
    background: none;
    border: 1px solid #9ea7b3;
    border-radius: 10px;
    padding: 13px 15px;
}

[type=text]:focus,
[type=password]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
[type=file]:focus,
textarea:focus {
    box-shadow: 0 0 4px 0 #ccc;
}

input[type=submit] {
    color: #fff;
    background: #FA7135;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    width: 200px;
    display: block;
    margin: 0 auto;
}

input[type=submit]:focus,
input[type=submit]:hover {
    background: #d36330;
}

label {
    color: #323a45;
}

.dropdown-toggle,
option,
select {
    background: #eaedf1;
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    cursor: pointer;
    width: 100% !important;
    padding: 8px 20px 8px 12px;
    height: 40px !important;
    background-color: transparent;
    border: 1px solid #9ea7b3;
    border-radius: 10px;
}

.filters .counties .form-select,
.special .form-select {
    height: 45px !important;
    border-radius: 20px !important;
    color: #5E6D81 !important;
    background-color: #b0d462 !important;
    text-align: center;
}

select {
    z-index: 99;
}

main .right-side select {
    margin: 0 0 20px;
}

::-webkit-input-placeholder {
    color: #5e6d81;
}

:-moz-placeholder {
    color: #5e6d81;
    opacity: 1;
}

::-moz-placeholder {
    color: #5e6d81;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #5e6d81;
}

#autocomplete {
    max-height: 300px;
    height: auto;
    overflow-y: scroll;
    border: 1px solid #9EA7B3;
    z-index: 200;
}

#autocomplete ul li {
    background: #fff;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 8px 15px;
    margin: 0;
}

#autocomplete ul li:nth-child(2n) {
    background: #EAEDF1;
}

#autocomplete ul li:hover {
    cursor: pointer;
}

#autocomplete ul li:before {
    display: none;
}

#autocomplete ul li div {
    padding-top: 6px;
    padding-bottom: 6px;
}

#autocomplete ul li:nth-child(even) div,
#autocomplete ul li:nth-child(odd) div {
    color: #5E6D81;
}

#autocomplete ul li:nth-child(odd),
#autocomplete ul li:nth-child(odd) div {
    background: #F4F6F8;
}

#autocomplete ul li:nth-child(even),
#autocomplete ul li:nth-child(even) div {
    background: #E5E7E9 !important;
}

form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right: 0;
}

.draggable a.tabledrag-handle {
    float: none;
    height: auto;
    margin-left: 0;
}

a.tabledrag-handle .handle {
    padding: 12px;
}

.clearfix .field-add-more-submit {
    margin-top: 20px !important;
}

input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    font-size: 15px;
    opacity: 0;
}

input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: 0;
}

input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #e0e0e0;
    vertical-align: bottom;
    margin-right: 10px;
}

input[type=radio]:not(old):checked+label>span>span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 100%;
    background: #23b7c2;
}

.node-form .form-type-select.form-item-field-buiding-type-und label,
.node-form .form-type-select.form-item-field-place-of-immigration-und label,
.node-form .form-item-field-associated-special-group-und label,
.node-form .form-item-field-special-group-building-und label,
.node-form .form-item-field-special-group-message-und label,
.node-form .form-item-field-special-group-lguide-und label {
    display: block;
}


/* =========================
Social share buttons
========================== */

.logged-in .block-ire-social-share {
    padding-right: 7px;
}

.logged-in .block-ire-social-share div.contextual-links-wrapper ul.contextual-links {
    width: 150px;
    left: calc(100% - 41px);
    right: inherit;
}

.block-ire-social-share {
    position: fixed;
    top: 235px;
    left: 0;
    z-index: 999;
}

.block-ire-social-share div.content {
    overflow: visible;
}

.block-ire-social-share .mobile-show-social {
    display: none;
}

.block-ire-social-share .mobile-show-social button {
    width: 100%;
    font-size: 24px;
    border: none;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8);
}

.block-ire-social-share .social-likes_vertical .social-likes__widget {
    margin: 0 0 0 0.5em;
}

.block-ire-social-share .social-likes_vertical .social-likes__counter {
    display: block;
    padding: 0 7px;
    margin: 0;
    font-size: 10px;
    color: black;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.block-ire-social-share .social-likes__widget {
    padding-bottom: 4px;
    background-color: #b0d462;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.block-ire-social-share .social-likes__widget:hover .social-likes__button,
.block-ire-social-share .social-likes__widget:hover .social-likes__counter {
    color: white;
}

.block-ire-social-share .social-likes__button {
    width: 41px;
    height: 30px;
    padding: 4px 0 0 0;
    color: black;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.block-ire-social-share .social-likes__icon {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-family: "FontAwesome";
    text-align: center;
}

.block-ire-social-share .social-likes__icon:before {
    display: inline-block;
    line-height: 34px;
}

.block-ire-social-share .social-likes__icon_facebook:before {
    content: "";
}

.block-ire-social-share .social-likes__icon_twitter:before {
    content: "";
}

.block-ire-social-share .social-likes__icon_plusone:before {
    content: "";
}

.block-ire-social-share .social-likes__icon_mail:before {
    content: "";
}

.block-ire-social-share .social-likes__widget_facebook:hover {
    background-color: #3a579a;
}

.block-ire-social-share .social-likes__widget_twitter:hover {
    background-color: #00abf0;
}

.block-ire-social-share .social-likes__widget_plusone:hover {
    background-color: #df4a32;
}

.block-ire-social-share .social-likes__widget_mail:hover {
    background-color: #98b854;
}


/* =========================
Table styles
========================= */

main table {
    width: 100%;
    margin: 0 0 30px;
}

tbody {
    border: 0;
}

main table tr th,
main table tr.even,
main table tr.odd {
    border: 0;
}

.page-user-events main table thead tr th,
.page-user-message-board main table thead tr th,
.page-user-message-board-answers main table thead tr th,
.page-user-news main table thead tr th,
main table thead tr th {
    background: #d7dbe0;
    padding: 20px 10px;
    border: 0;
    color: #5e6d81;
    font: 700 15px "Open Sans", sans-serif;
}

main table tr td {
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    padding: 10px;
}

main table tr.odd td {
    background: #f4f6f8;
}

main table tr.even td {
    background: #e5e7e9;
}

main dl dd a:hover,
main dl dt a:hover {
    text-decoration: none;
}

.page-user-events main table tr:first-of-type td,
.page-user-message-board main table tr:first-of-type td,
.page-user-message-board-answers main table tr:first-of-type td,
.page-user-news main table tr:first-of-type td,
.page-user-parishes main table tr:first-of-type td {
    background: #f4f6f8;
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
}


/* =========================
Pagination & search results
========================= */

.results {
    color: #9ea7b3;
    float: left;
}

.pager {
    float: left;
    padding: 0 0 0 25px;
    list-style: none;
    margin: 0;
}

.item-list {
    margin: 0 auto 30px;
    padding-top: 35px;
    max-width: 1040px;
    width: 100%;
    border-top: 1px dotted #d7dbe0;
    overflow: hidden;
}

.item-list .pager {
    display: inline-block;
    float: none;
    margin: 0;
}

.item-list .pager li {
    float: left;
    padding: 0;
    font: 400 15px "Open Sans", sans-serif;
    color: #9ea7b3;
    margin: 0 30px 0 0;
}

.item-list .pager li.pager-item.is-active a{
    color: #9ea7b3;
}

.item-list .pager li.last {
    margin-right: 0;
}

.item-list .pager li:before {
    display: none;
}


/* =========================
Ajax forms
========================= */

form .field-multiple-table .draggable td div.form-textarea-wrapper {
    margin-top: 20px;
}

form .field-multiple-table .draggable input[type=submit] {
    margin-top: 30px;
    margin-bottom: 20px;
}

form .field-multiple-table .draggable .customSelect {
    margin-bottom: 0;
}

form .field-multiple-table .draggable .form-item label {
    display: block;
}


/* =========================
Custom checkboxes
========================= */

.custom-checkbox {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    background-color: rgba(94, 109, 129, 0.6);
    z-index: 1;
    top: 3px;
    float: left;
    border-radius: 5px;
    margin: 0 10px 0 0;
}

.custom-checkobox label {
    font-size: 16px;
}

.custom-checkbox.selected {
    background-image: url("../img/check.png");
    background-repeat: no-repeat;
    background-position: 82% 75%;
    background-size: 15px;
}

.custom-checkbox input[type=checkbox] {
    margin: 0 !important;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    width: 100% !important;
}

.custom-radio {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    border-radius: 50%;
    background-image: url("../img/radio-icons.png");
    float: left;
    margin: 0 10px 0 0;
}

.custom-radio input[type=radio] {
    margin: 0 !important;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    width: 100% !important;
}

.custom-radio.selected {
    background-position: 0 -26px;
}


/* =========================
Bootstrap overrides
========================= */

.search .form-item {
    margin: 0;
}

.search .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search .bootstrap-select {
    width: 100% !important;
    position: relative;
}

.search .btn-default {
    margin: 0 0 15px;
}

.search .bootstrap-select.btn-group .btn .filter-option {
    width: 70%;
}

.search .btn-default.active,
.search .btn-default.focus,
.search .btn-default:active,
.search .btn-default:focus,
.search .btn-default:hover,
.search .open>.dropdown-toggle.btn-default {
    background: #fff;
}

.search .btn-group {
    margin: 0;
}

.bootstrap-select .btn:focus {
    outline: 0;
    outline-offset: 0;
}

.bootstrap-select.btn-group .btn .filter-option {
    color: #5E6D81;
}

.search .btn-group .dropdown-toggle:active,
.search .btn-group.open .dropdown-toggle {
    background: #fff;
}

.bootstrap-select.btn-group .dropdown-menu {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #d7dbe0;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    width: 200px;
}

.bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px solid #d7dbe0;
    border-top: 0;
    background: #eaedf1;
    background: #fff;
    padding: 5px 20px;
}

.bootstrap-select.btn-group .dropdown-menu li:last-of-type {
    border-bottom: 0;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    display: block;
}

.bootstrap-select.btn-group .dropdown-menu li a,
.bootstrap-select.btn-group .dropdown-menu li a span.text,
.bootstrap-select.btn-group .dropdown-menu li a:hover {
    font: 300 15px "Open Sans", sans-serif;
    background: #eaedf1;
    background: #fff;
    padding: 0;
    color: #5e6d81;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 280px;
}

.bootstrap-select.open {
    overflow: visible;
}

.bootstrap-select>.btn {
    padding: 8px 15px !important;
    width: 100%;
    height: 40px !important;
    position: relative;
}

.search .bootstrap-select.btn-group .btn .caret {
    background: url("../img/sprite.png") no-repeat -92px -79px;
    width: 17px;
    height: 12px;
    top: 17px !important;
    border: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    background-color: #fff;
}


/* =========================
Pager
========================= */

.pager li>a,
.pager li>span {
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}


/* =========================
Custom Select
========================= */

.hasCustomSelect {
    /* width: 100% !important;
    padding: 8px 20px 8px 12px;
    height: 50px !important;
    background: #EAEDF1 url("../img/sprite.png") no-repeat scroll -87px -70px;
    background-color: transparent;
    border: 1px solid #9ea7b3;
    border-radius: 10px; */
}

.hasCustomSelect option {
    background: #fff;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 8px 15px;
}

.hasCustomSelect option:nth-child(even) {
    background: #EAEDF1;
}

.ui-autocomplete.ui-front {
    width: 211px !important;
}

.form-type-select {
    position: relative;
}

header .customSelect,
footer .customSelect,
main>div:not(.inner) .customSelect {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 8px 15px;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    cursor: pointer;
}

.search .customSelect {
    border-radius: 30px;
}

.customSelect.date-day {
    background: #eaedf1;
}

.customSelect.date-month {
    background: #eaedf1;
}

.customSelect.date-year {
    background: #eaedf1;
}

header .customSelectInner,
footer .customSelectInner,
main>div:not(.inner) .customSelectInner {
    width: 100% !important;
    cursor: pointer;
}

header .customSelectInner:after,
footer .customSelectInner:after,
main>div:not(.inner) .customSelectInner:after {
    content: "";
    position: absolute;
    right: 25px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #EAEDF1 url("../img/sprite.png") no-repeat scroll -87px -70px;
    vertical-align: middle;
}

.search .customSelectInner:after {
    background: url("../img/sprite.png") no-repeat -88px -140px;
    right: 15px;
    left: auto;
}

.search .customSelectOpen .customSelectInner:after {
    background: url("../img/sprite.png") no-repeat -131px -140px;
}

.customSelect.date-day .customSelectInner:after,
.customSelect.date-month .customSelectInner:after,
.customSelect.date-year .customSelectInner:after {
    display: none;
}

.banner .inner .customSelect {
    margin: 0;
}


/* =========================
Misc
========================= */

#views-exposed-form-community-pages-page-1 .views-exposed-form {
    margin: 40px 0 0;
}

.views-exposed-form .views-exposed-widget {
    padding: 0;
    padding-left: 15px;
}

.views-exposed-form .views-exposed-widget.views-submit-button {
    float: none;
    text-align: center;
}

.section-links form {
    margin: 30px 0 70px;
    width: 280px;
}

.section-links input[type=submit] {
    background: #23b7c2;
    text-align: center;
    width: 200px;
    display: inline-block;
    margin: 22px auto 0 !important;
}

.section-links input[type=submit]:hover {
    background: #28919C;
}

.date-padding>.form-item {
    width: 33%;
}

.date-padding>.form-item:nth-child(2) {
    width: 34%;
}

.views-exposed-form .views-exposed-widget {
    float: none;
}

.container-inline-date>.form-item {
    width: 100%;
    margin: 0;
}

.container-inline-date .date-padding {
    float: none;
}

.views-exposed-form label {
    font: 300 21px/24px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 10px;
}

.vbo-table-this-page {
    text-align: center;
}

.vbo-view-form .form-actions{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px;
}

.vbo-actions-title {
    font: 700 14px/16px "Open Sans",sans-serif;
    color: #5E6D81;
}

.vbo-view-form .form-actions .form-submit {
    width: auto;
    margin: 0px 25px 10px 0;
    padding: 9px 30px;
}

input[type=submit].vbo-table-select-all-pages {
    display: inline-block;
    width: auto;
    padding: 8px 15px !important;
}

input[type=checkbox].form-checkbox {
    float: left;
    width: auto;
    margin: 0 10px 10px 0;
    height: 20px;
    width: 20px;
}

td input[type=checkbox].form-checkbox,
th input[type=checkbox].form-checkbox {
    margin: 1px 10px 0;
}

td.views-field-views-bulk-operations {
    width: 48px;
}

td.views-field-nothing {
    width: 120px;
}

th.views-field-views-bulk-operations {
    padding: 10px;
}


/* =========================
Ads
========================= */

.top-ad,
.top-add,
.top-adz,
.top-adq,
.top-adv,
.top-adk {
    margin-bottom: 30px;
    clear: both;
    text-align: center;
}

.bottom-ad,
.top-ad {
    text-align: center;
}

.rhs-ad {
    margin: 50px 0;
}

.bottom-ad {
    margin-top: 30px;
    clear: both;
}

.node-type-message-board .top-ad {
    display: inline-block;
    width: 100%;
    height: 100%;
}


/* =========================
Header
========================= */

.pre-header {
    background: #5e6d81;
    overflow: hidden;
    width: 100%;
    display: table;
}

.pre-header .mini-nav-wrap {
    float: right;
}

.pre-header .mini-nav-wrap a {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 7px 27px 8px 15px;
    position: relative;
}

.pre-header .mini-nav-wrap a:hover {
    text-decoration: underline;
}

.pre-header .mini-nav-wrap a:after {
    content: "";
    display: inline-block;
    height: 15px;
    width: 17px;
    background: url("../img/sprite.png") no-repeat 0 0;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0 0 1px;
}

.pre-header .mini-nav-wrap .home:after {
    background-position: 0 0;
}

.pre-header .mini-nav-wrap .donate:after {
    background-position: -40px 1px;
}

.pre-header .mini-nav-wrap .login:after,
.pre-header .mini-nav-wrap .myaccount:after {
    background-position: -78px 0;
}

.pre-header .mini-nav-wrap .logout:after {
    background-position: -165px 1px;
}

header {
    clear: both;
}

header .header-top .inner {
    position: relative;
    display: table;
    /*width: 1180px;*/
}

header .inner .logo {
    float: left;
    margin: 28px 0 10px;
}

header .inner .logo h1 {
    margin: 0;
}

header .inner .search {
    position: relative;
    margin: 0;
}

header .inner #block-views-exp-communities-page-1 {
    float: right;
    margin: 40px 0 40px 8px;
    position: relative;
}

header .inner .search input.form-autocomplete,
header .inner .search input:first-child {
    background: #eaedf1 !important;
    color: #5e6d81;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 20px;
    border: 0;
    height: 40px;
    margin: 0;
}

header .inner .search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 20px;
    height: 40px;
    width: 40px;
    background: url("../img/sprite.png") no-repeat -150px -249px #d7dbe0;
    border: 0;
}


/* Header CTAs */

header .inner .cta {
    float: right;
    margin: 50px 0;
}

header .inner .cta .rounded {
    color: #fff;
    font-size: 15px;
    position: relative;
    margin: 0 0 0 15px;
}

header .inner .cta .rounded:after {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    width: 20px;
    background: url("../img/sprite.png") no-repeat 0 0;
    position: absolute;
    top: 8px;
    right: 20px;
    padding: 0 0 3px;
}

header .inner .cta .join {
    background: #b0d361;
    padding: 9px 45px 9px 30px;
    float: left;
}

header .inner .cta .join:hover {
    background: #98b854;
}

header .inner .cta .join:after {
    background-position: 0 -34px;
}

header .inner .cta .volunteer {
    background: #fa7135;
    padding: 9px 50px 9px 30px;
    float: left;
}

header .inner .cta .volunteer:hover {
    background: #d36330;
}

header .inner .cta .volunteer:after {
    background-position: -140px -37px;
}

header .inner .cta ul {
    list-style: none;
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    z-index: 10;
}

header .inner .cta ul .about {
    background: #23b7c2;
    padding: 8px 45px 8px 30px;
    margin: 0;
    display: block;
    font: 400 15px "Open Sans", sans-serif;
}

header .inner .cta ul .about:hover {
    background: #28919c;
}

header .inner .cta ul .about:after {
    background-position: 0 -67px;
}

header .inner .cta>ul>li {
    height: 41px;
}

header .inner .cta ul ul {
    display: none;
    position: absolute;
    top: 41px;
    right: 0;
    z-index: 101;
    background: #23B7C2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
}

header .inner .cta ul li:hover ul {
    display: block;
    z-index: 9;
}

header .inner .cta ul li ul li a {
    font-size: 15px;
    color: #fff;
    display: block;
    padding: 10px;
    white-space: nowrap;
}

header .inner .cta ul li ul li a:hover {
    background: #28919c;
}

.header-top .btn-mobile-menu {
    display: none;
}

.header-top .menu-links-wrapper {
    float: right;
}

.header-top .block-menu {
    float: left;
}

.header-top .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.header-top .menu li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.2vw;
}

.header-top .menu li a {
    position: relative;
    display: block;
    height: 120px;
    font: 18px/120px "Open Sans", sans-serif;
    color: #5e6d81;
    white-space: nowrap;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}

.header-top .menu li a.active:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 9px;
    top: 0;
    left: 0;
    background-color: #d6dae5;
}

.header-top .menu li a:hover {
    color: #23B7C2;
}

.header-top-a-before:before,
.header-top-a-after:after {
    content: "\00A0 XO \00A0";
    font: 15px/1.5 "Candara", "Georgia", serif;
    color: #AED362;
    font-weight: bold;
    vertical-align: text-top;
}

.header-top .menu li.btn-orange,
.header-top .menu li.btn-green {
    margin: 0 4px;
}

.header-top .menu li.btn-orange a,
.header-top .menu li.btn-green a {
    height: 40px;
    margin: 5px -2vw 0 0.2vw;
    padding: 0 20px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 20px;
    text-transform: none;
    color: white;
}

.header-top .menu li.btn-orange a.active:before,
.header-top .menu li.btn-green a.active:before {
    display: none;
}

.header-top .menu li.btn-orange a {
    background-color: #FA7135;
}

.header-top .menu li.btn-orange a:hover {
    background-color: #d36330;
}

.header-top .menu li.btn-green a {
    background-color: #5f6e80;
}

.header-top .menu li.btn-green a:hover {
    background-color: #28919c;
}

.header-top .btn-search {
    position: relative;
    top: -1px;
    left: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 24px;
    line-height: 38px;
    border: none;
    border-radius: 50%;
    background: none;
    color: #5e6d81;
    background-color: white;
}

.header-top .btn-search .fa-search,
.header-top .btn-search .fa-times {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.header-top .btn-search .fa-times {
    position: absolute;
    top: 7px;
    left: 9px;
    opacity: 0;
}

.header-top .header-search-wrapper {
    position: absolute;
    left: 1px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

header {
    box-shadow: 0 0 10px 0 rgba(94, 110, 130, 0.2);
}

header.search-active .search .header-search-wrapper {
    left: -310px;
}

header.search-active .search .form-text {
    max-width: 300px;
}

header.search-active .btn-search .fa-search {
    opacity: 0;
}

header.search-active .btn-search .fa-times {
    opacity: 1;
}

.front header {
    box-shadow: none;
}

.round-gradient-background {
    position: absolute;
    width: 100%;
    height: 415px;
    top: -133px;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.round-gradient-background:before {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 415px;
    left: -50%;
    /*  border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
background-image: -ms-linear-gradient(bottom, #e9edf1 0%, #fff 100%);
background-image: -webkit-linear-gradient(bottom, #e9edf1 0%, #fff 100%);
background-image: linear-gradient(bottom, #e9edf1 0%, #fff 100%); */
}


/* Bottom nam (AKA main navigation) */

header .header-bottom {
    clear: both;
    background: #eaedf1;
    display: table;
    width: 100%;
}

header .header-bottom nav ul {
    padding: 0;
    margin: 0;
    z-index: 200;
    text-align: center;
}

header .header-bottom nav ul li {
    display: inline-block;
    float: left;
    overflow-y: hidden;
}

header .header-bottom nav ul li:active,
header .header-bottom nav ul li:hover {
    background: #B0D361;
}

header .header-bottom nav ul li a:hover,
header .header-bottom nav ul li:active a {
    color: #fff;
}

header .header-bottom nav ul li a {
    padding: 12px 40px;
    text-transform: uppercase;
    position: relative;
    color: #5e6d81;
    display: block;
    text-decoration: none;
    font: 400 20px "Candara", "Georgia", serif;
    text-rendering: optimizeLegibility;
}

header .header-bottom nav ul li .is-active-trail:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 5px;
    width: 100%;
    background: #B0D361;
}

header .header-bottom nav ul ul li:before,
header .header-bottom nav ul ul ul li:before {
    display: none;
}

header .header-bottom nav ul ul {
    display: none;
    position: absolute;
}

header .header-bottom nav ul li:hover>ul {
    display: block;
}

header .header-bottom nav ul ul li {
    padding: 0;
    background: #23b7c2;
    float: none;
    display: block;
}

header .header-bottom nav ul ul li.active-trail {
    background: #B0D361;
}

header .header-bottom nav ul ul li a {
    color: #fff;
    text-transform: none;
    text-align: left;
    font-size: 18px;
    padding: 15px 30px;
}

header .header-bottom nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
}

header .header-bottom nav ul ul ul li {
    background: #23a0a9;
}

header .header-bottom nav ul ul ul:hover li {
    display: block;
}

header .header-bottom nav ul ul ul li:hover {
    background: #23b7c2;
}

.responsive-menu-wrap {
    display: none;
}


/* =========================
Footer
========================= */


/*
footer .footer-main .box1 li:last-child {
clear: both;
padding: 40px 0 0;
font-size: 14px;
color: #5e6d81;
text-align: right;
font-family: 'Open Sans', sans-serif;
width: 100%;
}

footer .footer-main .box1 li:last-child a {
font-size: 14px;
color: #5e6d81;
text-align: right;
}
*/

footer .credits {
    background: #5e6d81;
    position: relative;
    padding: 20px 0;
    height: 65px;
    width: 100%;
    display: table;
}

footer .credits .semi-circle {
    background: url("../img/sprite.png") no-repeat -69px -89px #5E6D81;
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    top: -30px;
}

footer .credits p {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    float: left;
    margin: 0;
}

footer .credits p:nth-child(2) {
    margin: 0 20px 0 60px;
}

footer .credits a {
    color: #fff;
    font-size: 12px;
}

footer .credits a:hover {
    text-decoration: underline;
}


/* =========================
Home page How it works banner
========================= */

.connecting-wrapper {
    position: relative;
    margin-top: 13px;
    text-align: center;
}

.connecting-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../img/lines.png") center 36px no-repeat;
    background-size: 1600px 315px;
}

.connecting-wrapper h3 {
    /* max-width: 580px; */
    margin: 0 auto;
    color: #ffff;
    font: 30px/1.5 "Candara", "Georgia", serif;
    font-style: italic;
    font-weight: bold;
}

.paragraph-padding-top,
.paragraphs-items-field-come-ire-details,
.paragraphs-items-field-ancestors-stories-details,
.paragraphs-items-field-diaspora-community-details,
.paragraphs-items-field-wheel-details,
.paragraphs-items-field-home-btm-msg-brd-details,
.paragraphs-items-field-find-ancestors-details,
#block-bean-home-facts {
    padding-top: 40px;
}

.paragraphs-items-field-home-btm-msg-brd-details {
    padding-bottom: 40px;
}

#span-title-text-on-half-page {
    background: #aed361;
    color: #ffff;
    font: 15px "Candara", "Georgia", serif;
    font-style: italic;
    font-weight: bold;
    border-color: #aed361;
    border-width: 5px;
    border-style: solid;
}

#span-title-text-on-half-page:before,
#span-title-text-on-half-page:after {
    content: "\00a0 \00a0 ";
}

.title-text-on-half-page {
    margin-bottom: -15px;
}

.split-screen-text_over_image {
    position: absolute;
    left: 40%;
    bottom: 10%;
    width: 13vw;
    height: 13vw;
    z-index: 1;
    text-align: center;
    background-color: hsl(214 15% 44% / 0.5);
    padding: 1vw 0vw;
    border-radius: 50%;
    border-color: hsl(214 15% 44% / 0.5);
    border-width: 22px;
    border-style: solid;
    color: #ffff;
    font: 1vw "Open Sans", sans-serif;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.field-name-field-text-over-image {
    position: absolute;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
}

.home-split-screen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.split-screen-left_side {
    flex: 7;
}

.home_image img {
    width: 100%;
    height: auto;
}

.home_image {
    position: relative;
}

.split-screen-right_side {
    background: #23a0a9;
    /* padding: 9vw 6vw 1vw 6vw; */
    color: #ffffff;
    flex: 4;
}

.home-para-title {
    font-size: 1.5vw;
    /* font-size: min(1.5vw, 22px); */
    padding: 4vw 20% 5% 20%;
    font-family: "Candara", "Open Sans", sans-serif;
    font-weight: normal;
}

.home-para-desc {
    color: #ffff;
}

.home-para-desc,
.field-name-field-find-ancestors-description {
    font-size: 1.2vw;
    /* font-size: min(1.2vw, 17px); */
    line-height: 1.5;
    padding: 0% 15% 0% 20%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.home_link {
    display: inline-block;
    padding: 2vw 15% 10% 20%;
}

.home_link a {
    font-size: 1vw;
    /* font-size: min(1vw, 17px); */
    line-height: 2;
    font-family: "Open Sans", sans-serif;
    border: solid 2px #ffffff;
    padding: 7px;
    color: #ffffff;
    background: #23a0a9;
    border-radius: 13px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.btm_msg_brd a {
    background: #fa7135;
}

.home_link a:hover {
    transition: all 0.2s ease-in-out;
    background: #ffffff;
    color: #5e6d81;
}

.top_msg_x {
    background: url(../img/x.png) no-repeat;
    background-size: contain;
    background-position: top left;
    height: 5.6vw;
    width: 5.6vw;
    display: inline-block;
    position: absolute;
}

.ancestors-stories-text .top_msg_x,
.home-split-screen .top_msg_x {
    margin-left: -10%;
}

.home-coming-text .top_msg_x {
    margin-left: -6%;
}

.ancestors-stories-text .top_msg_x,
.home-coming-text .top_msg_x {
    top: 88%;
}

.diaspora-community-text .top_msg_x {
    top: 80%;
    left: 92%;
}

.home-find-ancestors-title .top_msg_x {
    left: 80%;
    top: 65%;
}

.btm_msg_brd .top_msg_x {
    top: -5%;
    left: -10%;
}

#scroll_arrow {
    background: url(../img/scroll_b.png) no-repeat;
    background-size: contain;
    background-position: top left;
    height: 5vw;
    width: 5vw;
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 201;
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.paragraph-item--home-coming {
    position: relative;
}

.home-coming-text {
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 1;
    width: 32%;
    height: 80%;
    background: #23a0a9;
    color: #ffffff;
    padding-top: 2vw;
}

.paragraph-item--diaspora-community {
    position: relative;
}


/* .paragraph-item--diaspora-community .home-para-title, .ancestors-stories-text .home-para-title, .btm_msg_brd .home-para-title {
padding: 15% 20% 5% 20%;
} */

.diaspora-community-text {
    position: absolute;
    z-index: 1;
    top: 5%;
    width: 40%;
    height: 85%;
    left: 5%;
    background: #23a0a9;
    color: #ffffff;
}

.ancestors-stories-text {
    position: absolute;
    top: 5%;
    width: 45%;
    height: auto;
    left: 52%;
    background: #23a0a9;
    color: #ffffff;
}

.field-name-field-ancestors-stories-details {
    position: relative;
}

.paragraphs-items-field-fact-details {
    height: 21vw;
    /* height: min(21vw, 380px); */
}

.field-name-field-fact-details:nth-child(odd) {
    background: #23a0a9;
}

.field-name-field-fact-details:nth-child(even) {
    background: #AED362;
    margin-left: 5%;
    margin-right: 5%;
}

.field-name-field-fact-details {
    width: 30%;
    float: left;
    padding: 3%;
    font-family: "Candara", "Open Sans", sans-serif;
    color: #ffff;
    height: 21vw;
}

.home-facts-figure {
    font-size: 40px;
    font-size: max(3vw, 40px);
    font-weight: bold;
    text-align: center;
}

.home-facts-text {
    font-size: 2vw;
    font-size: min(2vw, 30px);
    width: 100%;
    text-align: end;
    padding-bottom: 10%;
}

.home-facts-description {
    font-size: 1.2vw;
    /* font-size: min(1.2vw, 17px); */
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    font-family: "Open sans", sans-serif;
}

.paragraph-item--home-find-ancestors {
    color: #5F6E81;
}

.home-find-ancestors-description {
    position: absolute;
    line-height: 1.5;
    width: 40%;
    z-index: 1;
}

.home-find-ancestors-image img {
    float: right;
    width: 50%;
    height: auto;
}

.home-wheel {
    background: url(../img/donut_line_shadow.png) no-repeat, url(../img/pattern_xo.png);
    background-size: 30%, 5%;
    background-position: 50% 44%;
    font-family: "Open Sans", sans-serif;
}

.home-wheel .split-screen-left_side {
    background: none;
    padding: 0 0;
    width: 45%;
}

.home-wheel .split-screen-right_side {
    background: none;
    padding: 0 0;
    width: 55%;
    flex: unset;
}

.btm_msg_brd {
    background: #fa7135;
    position: absolute;
    top: 40%;
    width: 40%;
    height: auto;
    left: 55%;
    color: #ffffff;
}

.wheel_body {
    font-size: 1.5vw;
    color: #5F6E81;
}

.wheel_ancestors {
    margin-left: 80%;
    margin-top: 2%;
}

.wheel_body_anc {
    width: 40%;
    padding-top: 5%;
    margin-left: 13%;
}

.wheel_timeline {
    margin-left: 40%;
    margin-top: 5%;
}

.wheel_timeline .wheel_body {
    width: 80%;
    padding-top: 30%;
}

.wheel_news {
    margin-left: 38%;
    margin-top: 5%;
}

.wheel_news .wheel_body {
    padding-left: 35%;
    padding-top: 12%;
    margin-right: 15%;
    margin-left: -3%;
}

.wheel_msg_brd {
    margin-top: 10%;
    margin-bottom: 5%;
    margin-left: 1vw;
}

.wheel_msg_brd .wheel_body {
    width: 90%;
    padding-left: 25%;
    padding-top: 5%;
}

.wheel_local_guide {
    margin-left: 35%;
    margin-top: 10%;
}

.wheel_local_guide .wheel_body {
    padding-left: 10%;
    padding-top: 38%;
}

.wheel_buildings {
    margin-left: 30%;
    margin-top: 30%;
}

.wheel_buildings .wheel_link,
.wheel_local_guide .wheel_link {
    margin-left: 10%;
}

.wheel_buildings .wheel_body {
    width: 90%;
    padding-top: 35%;
}

.wheel_link a {
    position: absolute;
    width: 10vw;
    width: min(10vw, 300px);
    height: 10vw;
    height: min(10vw, 300px);
    text-align: center;
    font-size: 2.5vw;
    font-size: min(2.5vw, 50px);
    font-weight: bold;
    word-wrap: normal;
    word-break: normal;
    white-space: break-spaces;
    color: #5F6E81;
    background: url(../img/title_circle_shadow.png) no-repeat;
    background-size: 90%;
    background-position: 1vw 0vw;
    display: flex;
    justify-content: center;
    font-family: "Candara", "Open Sans", sans-serif;
}

.wheel_link a:hover {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.wheel_ancestors .wheel_link a,
.wheel_timeline .wheel_link a,
.wheel_news .wheel_link a,
.wheel_buildings .wheel_link a {
    line-height: 8vw;
    line-height: min(8vw, 200px);
}

.connecting-wrapper .subtitle {
    margin-top: 4px;
    font: 300 21px "Open Sans", sans-serif;
}

.connecting-wrapper .btn-orange a {
    display: inline-block;
    min-width: 165px;
    height: 50px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 50px;
    border-radius: 21px;
    text-transform: none;
    color: white;
    background-color: #FA7135;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.connecting-wrapper .btn-orange a:hover {
    text-decoration: none;
    background-color: #d36330;
}

.connecting-wrapper .btn-orange i {
    font-size: 64px;
    color: #ccc;
}

.connecting-wrapper .btn-orange .animate {
    animation: top-down 1s ease-in-out infinite;
    cursor: pointer;
}

.connecting-wrapper.animate .animated-blocks span {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.how-item {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #5e6d81;
}

.how-item .banner-title {
    margin-top: 27px;
    font: 700 32px "Open Sans", sans-serif;
}

.how-item .banner-link {
    position: relative;
    display: block;
    min-width: 272px;
    min-height: 228px;
}

.how-item .banner-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 207px;
    height: 207px;
    border-radius: 50%;
    background-color: #b0d462;
    z-index: 1;
}

.how-item .banner-link img {
    position: relative;
    left: 26px;
    vertical-align: bottom;
    z-index: 2;
    -webkit-transition: 0.8s ease-out;
    transition: 0.8s ease-out;
}

.how-item .banner-description {
    margin-top: 3px;
}

.how-item .banner-description p {
    margin-bottom: 18px;
    font: 300 18px/1.3 "Open Sans", sans-serif;
}

.how-item img {
    max-width: 100%;
    height: auto;
}

.how-item:hover .banner-link img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.how-item:hover .animated-blocks span {
    animation-name: bounce;
    animation-fill-mode: both;
}

.how-item:hover .animated-blocks .animate-item-1 {
    animation-duration: 2.75s;
}

.how-item:hover .animated-blocks .animate-item-2 {
    animation-duration: 1.8s;
}

.how-item:hover .animated-blocks .animate-item-3 {
    animation-duration: 2.25s;
}

.how-item:hover .animated-blocks .animate-item-4 {
    animation-duration: 2s;
}

.how-item:hover .animated-blocks .animate-item-5 {
    animation-duration: 3s;
}

.how-item:hover .animated-blocks .animate-item-6 {
    animation-duration: 2s;
}

.how-item:hover .animated-blocks .animate-item-7 {
    animation-duration: 3s;
}

.how-item:first-child .banner-description {
    max-width: 250px;
    margin: 3px auto 0;
}

.how-item:last-child .banner-description {
    max-width: 335px;
    margin: 3px auto 0;
}

.how-item:nth-child(2) .animate-item-1,
.how-item:nth-child(2) .animate-item-2,
.how-item:nth-child(2) .animate-item-3,
.how-item:nth-child(3) .animate-item-1,
.how-item:nth-child(3) .animate-item-2,
.how-item:nth-child(3) .animate-item-3 {
    display: none;
}

.how-item:nth-child(1) .animate-item-4,
.how-item:nth-child(1) .animate-item-5,
.how-item:nth-child(3) .animate-item-4,
.how-item:nth-child(3) .animate-item-5 {
    display: none;
}

.how-item:nth-child(1) .animate-item-6,
.how-item:nth-child(1) .animate-item-7,
.how-item:nth-child(2) .animate-item-6,
.how-item:nth-child(2) .animate-item-7 {
    display: none;
}

.animated-blocks span {
    position: absolute;
    display: inline-block;
    opacity: 0;
    background: url("../img/top-banner-sprite.png") no-repeat;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 2;
}

.animated-blocks .animate-item-1 {
    width: 86px;
    height: 90px;
    top: 35px;
    right: 33px;
    background-position: 0 -129px;
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.animated-blocks .animate-item-2 {
    width: 71px;
    height: 59px;
    top: 0;
    right: 89px;
    -webkit-transition: 0.6s 0.3s ease-in-out;
    transition: 0.6s 0.3s ease-in-out;
}

.animated-blocks .animate-item-3 {
    width: 63px;
    height: 42px;
    top: 77px;
    right: 96px;
    background-position: 0 -74px;
    -webkit-transition: 0.6s 0.6s ease-in-out;
    transition: 0.6s 0.6s ease-in-out;
}

.animated-blocks .animate-item-4 {
    width: 166px;
    height: 172px;
    top: 13px;
    right: 52px;
    background-position: 0 -243px;
    -webkit-transition: 0.6s 1.2s ease-in-out;
    transition: 0.6s 1.2s ease-in-out;
}

.animated-blocks .animate-item-5 {
    width: 25px;
    height: 27px;
    top: 112px;
    right: 180px;
    background-position: 0 -450px;
    -webkit-transition: 0.6s 1.5s ease-in-out;
    transition: 0.6s 1.5s ease-in-out;
}

.animated-blocks .animate-item-6 {
    width: 239px;
    height: 116px;
    top: 61px;
    right: 67px;
    background-position: 0 -568px;
    -webkit-transition: 0.6s 2.1s ease-in-out;
    transition: 0.6s 2.1s ease-in-out;
}

.animated-blocks .animate-item-7 {
    width: 43px;
    height: 42px;
    top: 82px;
    right: 33px;
    background-position: 0 -500px;
    -webkit-transition: 0.6s 2.4s ease-in-out;
    transition: 0.6s 2.4s ease-in-out;
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes top-down {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}


/* =========================
Sub navigation
========================= */

.sub-nav-anchor {
    padding: 9px 0;
    text-align: center;
    margin-bottom: 27px;
    background-color: #eaedf1;
}

.sub-nav-anchor.fixed {
    position: fixed;
    top: -70px;
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}

.sub-nav-anchor.fixed+.xo-block {
    margin-top: 95px;
}

.sub-nav-anchor a {
    display: inline-block;
    margin: 0 12px;
    font-size: 16px;
    line-height: 36px;
    font-weight: 700;
    color: #5e6d81;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.sub-nav-anchor a:hover {
    text-decoration: none;
    color: #23B7C2;
}


/* =========================
 XO filters
========================= */

.xo-page-wrapper {
    position: relative;
    min-height: 300px;
    padding: 28px;
    text-align: center;
}

.xo-page-wrapper .img-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #5e6d81;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

.xo-page-wrapper .img-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(24, 34, 46, 0.2);
}

.xo-page-wrapper .trail {
    margin-top: 60px;
    color: white;
}

.xo-page-wrapper .trail a {
    display: inline-block;
    font-size: 24px;
    line-height: 1.7;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.xo-page-wrapper .trail a:hover {
    color: #23B7C2;
    text-decoration: none;
}

.xo-page-wrapper .trail+h1 {
    margin-top: 0;
}

.xo-page-wrapper .trail~.filters {
    margin-bottom: 20px;
}

.xo-page-wrapper h1,
.xo-page-wrapper p,
.xo-page-wrapper div {
    color: white;
}

.xo-page-wrapper h1,
.xo-page-wrapper>.description,
.xo-page-wrapper .filters {
    max-width: 1040px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.xo-page-wrapper h1 {
    font: 700 60px/1.1 "Open Sans", sans-serif;
}

.xo-page-wrapper h1,
.xo-page-wrapper h3,
.xo-page-wrapper h4,
.xo-page-wrapper h5,
.xo-page-wrapper h6 {
    color: white;
}

.xo-page-wrapper h1 a,
.xo-page-wrapper h3 a,
.xo-page-wrapper h4 a,
.xo-page-wrapper h5 a,
.xo-page-wrapper h6 a {
    color: white;
}

.xo-page-wrapper>.description {
    padding-top: 20px;
}

.xo-page-wrapper>.description p,
.xo-page-wrapper>.description div {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 36px;
}

.xo-page-wrapper .filters {
    margin-bottom: 0px;
}

.xo-page-wrapper .hint .hint-text{
    z-index: 1;
}

.filters .form-item {
    margin: 0;
}

.filters .form-item-field-tax-special-group-tid,
.filters .form-item-county,
.filters .form-item-county-tid,
.filters .form-item-special-group-tid {
    width: 210px;
}

.filters .customSelect,
.filters .unjoin,
.filters .joined {
    height: 45px;
    font-size: 18px;
    border-radius: 20px;
    color: #323a45;
    background-color: #b0d462;
}

.filters .join {
    height: 45px;
    font-size: 13px;
    border-radius: 20px;
    color: #323a45;
    background-color: #b0d462;
}

.filters .font13_special {
    font-size: 13px !important;
}

.filters .customSelect .customSelectInner,
.filters .join .customSelectInner,
.filters .unjoin .customSelectInner,
.filters .joined .customSelectInner {
    line-height: 28px;
}

.filters .customSelect .customSelectInner:after,
.filters .join .customSelectInner:after,
.filters .unjoin .customSelectInner:after,
.filters .joined .customSelectInner:after {
    margin-top: 7px;
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
}

.filters .customSelect.customSelectOpen .customSelectInner:after,
.filters .join.customSelectOpen .customSelectInner:after,
.filters .unjoin.customSelectOpen .customSelectInner:after,
.filters .joined.customSelectOpen .customSelectInner:after {
    content: "";
}

.filters .counties,
.filters .search-name,
.filters .hint,
.filters .special {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: auto;
}

.filters .search-name {
    position: relative;
    width: 210px;
}

.filters .search-name .form-text {
    height: 45px;
    padding: 0 15px 0 40px;
    font-size: 13px;
    border-radius: 20px;
    border: 0;
    background-color: #eaedf1;
    background-image: none;
}

.filters .search-name .form-item {
    position: relative;
}

.filters .search-name .form-item:before {
    position: absolute;
    display: block;
    left: 15px;
    content: "";
    font: normal normal normal 18px/45px FontAwesome;
    color: #5e6d81;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
}

.filters .search-name:before {
    position: absolute;
    display: block;
    left: 15px;
    content: "";
    font: normal normal normal 18px/45px FontAwesome;
    color: #5e6d81;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
}


/* .filters .search-name:before {
    position: absolute;
    display: block;
    left: 15px;
    content: "";
    font: normal normal normal 18px/45px FontAwesome;
    color: #5e6d81;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
} */

.filters .search-name .form-submit {
    position: absolute;
    display: block !important;
    width: 40px;
    height: 45px;
    overflow: hidden;
    opacity: 0;
    z-index: 2;
}

.filters .counties,
.filters .special {
    position: relative;
}

.filters .counties:hover .joined,
.filters .special:hover .joined {
    opacity: 0;
    z-index: 0;
}

.filters .joined {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 45px;
    text-align: center;
    opacity: 1;
    z-index: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.filters .join,
.filters .unjoin {
    position: relative;
    display: inline-block;
    width: 210px;
    margin-bottom: 20px;
    padding: 0 40px 0 25px;
    line-height: 45px;
    text-align: left;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.filters .join:after,
.filters .unjoin:after {
    position: absolute;
    right: 20px;
    content: "";
    font: normal normal normal 18px/48px FontAwesome;
    color: white;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.filters .join:hover,
.filters .unjoin:hover {
    text-decoration: none;
    background-color: #98b854;
}

.filters .join.unjoin:after,
.filters .unjoin.unjoin:after {
    content: "";
}

.hint {
    position: relative;
    width: 1px;
    font-size: 16px;
    color: white;
    padding-right: 5px;
}

.hint .hint-title {
    width: 130px;
    margin-top: 8px;
    line-height: 27px;
    border-bottom: 1px dashed white;
    white-space: nowrap;
    cursor: pointer;
}


/*Hint for special groups*/

.hint .hint-title-special-group {
    width: 180px;
    margin-top: 8px;
    line-height: 27px;
    border-bottom: 1px dashed white;
    white-space: nowrap;
    cursor: pointer;
}

.hint:hover .hint-text {
    display: block;
}

.hint .hint-text {
    position: absolute;
    width: 215px;
    top: 0;
    left: 135px;
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    display: none;
    text-align: left;
    color: #5e6d81;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(94, 110, 130, 0.42);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.hint .hint-text .title {
    font-weight: 700;
}

.hint .hint-text .description {
    display: inline-block;
    padding-top: 0;
    line-height: 22px;
    font-weight: 300;
    font-family: "Open sans", sans-serif;
}

.statistic {
    margin: 25px 0 21px;
    color: white;
}

.statistic span {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px;
}

.statistic i {
    margin-right: 5px;
}

.block-views+br {
    display: none;
}


/* =========================
XO blocks
=========================== */

.database-wrap {
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

#block-dara-overwrite-profile-associated-blocks .database-wrap {
    margin: 0 !important;
}

.xo-block {
    margin: 35px auto 20px;
    max-width: 1100px;
}

.xo-block .database-wrap p:nth-child(1) {
    margin-bottom: 5px !important;
    font: 42px/1.1 "Candara", "Georgia", serif !important;
}

.xo-block .database-wrap p:nth-child(2) {
    margin-bottom: 0;
    font-size: 18px;
}

.xo-block .database-wrap .database-item {
    margin: 30px 10px;
}

.xo-block .database-wrap .database-item.empty {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

.xo-block .database-wrap .database-item .title,
.xo-block .database-wrap .database-item .title a {
    font: 300 21px/1.2 "Open Sans", sans-serif;
    color: #5e6d81 !important;
}

.xo-block .database-wrap .database-item .title {
    padding: 10px 0;
}

.xo-block .database-wrap .database-item .title a {
    display: block;
}

.xo-block .database-wrap .database-item .title div {
    display: inline-block;
    vertical-align: top;
}

.xo-block .database-wrap .database-item .members-data,
.xo-block .database-wrap .database-item .block-bottom,
.xo-block .database-wrap .database-item .county {
    margin-top: 10px;
    line-height: 1.5;
}

.xo-block .database-wrap .database-item .county {
    display: inline-block;
    padding-right: 5px;
    margin: 0;
}

.xo-block .database-wrap .database-item .members-data .first {
    padding-right: 5px;
}

.xo-block .database-wrap .database-item .members-data span+span {
    padding-left: 8px;
    border-left: 1px dotted #5e6d81;
}

.xo-block .database-wrap .database-item .field-name-field-publish-date {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-left: 8px;
    margin: 0;
    font-weight: 400;
    border-left: 1px dotted #5e6d81;
}

.xo-block .database-wrap .field-name-field-image-file {
    margin-bottom: 0;
    float: none;
}

.xo-block .more-buttons {
    margin: 10px 0;
    text-align: center;
    clear: both;
}

.xo-block .more-buttons .all,
.xo-block .more-buttons .add {
    display: inline-block;
    vertical-align: top;
}

.xo-block .more-buttons .all a,
.xo-block .more-buttons .add a {
    display: inline-block;
    vertical-align: top;
    min-width: 210px;
    height: 45px;
    padding: 0 15px;
    margin: 0 5px;
    font-size: 18px;
    line-height: 45px;
    border-radius: 20px;
    text-align: center;
    color: white;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.xo-block .more-buttons .all a:hover,
.xo-block .more-buttons .add a:hover {
    text-decoration: none;
}

.xo-block .more-buttons .all a {
    background-color: #5e6d81;
}

.xo-block .more-buttons .all a:hover {
    background-color: #454d61;
}

.xo-block .more-buttons .action:after {
    display: none;
}

.show-others,
.hide-others+.other {
    display: inline-block;
    vertical-align: top;
    width: 0;
    padding: 0;
    opacity: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.hide-others+.other {
    width: 1px;
    opacity: 0;
}

.hide-others .show-others {
    width: 60px;
    opacity: 1;
}


/* =========================
Timeline block
========================= */

#timeline {
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
}

#timeline .database-item {
    float: left;
    width: 50%;
    margin: 37px 0 65px;
    padding: 0 10px;
}

#timeline .database-item.empty {
    float: none;
    width: 100%;
    margin: 30px 0 15px;
}

#timeline .database-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#timeline .database-item:hover .timeline-content-inner .title {
    color: #23B7C2 !important;
}

.timeline-date {
    width: 100px;
    height: 100px;
    margin-right: 25px;
    font-size: 24px;
    line-height: 100px;
    font-weight: 700;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    color: white;
    background-color: #23B7C2;
    text-align: center;
    /*change this if needed */
}

.timeline-content {
    padding-right: 50px;
    text-align: left;
    color: #5e6d81;
}

.timeline-content .time-block {
    margin-top: 15px;
    font-size: 15px;
    clear: both;
}

.timeline-content .timeline_date {
    padding-right: 5px;
}

.timeline-content .county {
    padding-left: 8px;
    border-left: 1px dotted #5e6d81;
}

.timeline-content .timeline-content-inner .title {
    display: block !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: #5e6d81 !important;
}


/* .timeline-entity .timeline-content .timeline-content-inner .title>a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #5e6d81;
} */

.timeline-content a.button {
    position: static;
    display: inline-block;
    margin-top: 20px;
}


/* =========================
Message Board
========================= */


/* #message_board {
    max-width: 100%;
    margin: 0;
    padding: 38px 0 45px;
    background-color: #eaedf1;
} */

#message_board .database-wrap,
#message_board .more-buttons {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#message_board .database-item {
    position: relative;
    padding-right: 10px;
    text-align: left;
}

#message_board .database-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    font: normal normal normal 18px/30px FontAwesome;
    color: #23B7C2;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#message_board .database-item a {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #5e6d81;
}

#message_board .database-item a:hover .title {
    color: #23B7C2 !important;
}

#message_board .database-item a+span {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #9ea7b3;
    font-family: "Open Sans", sans-serif;
}


/* =========================
Latest Events block
========================= */

#events .database-item {
    position: relative;
}

#events .database-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#events figcaption+a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* =========================
filter on inner pages
========================= */

.view-header h2 {
    text-align: center;
}

.view-header h2 a {
    font-weight: 700;
}

p.view-empty {
    text-align: center;
}

.filter-inner {
    max-width: 1040px;
    margin: 0 auto;
}

.search-wrap .customSelect,
.message-board-wrap .customSelect,
.refine-results .customSelect,
.refine-guide .customSelect {
    border-radius: 20px;
    margin-bottom: 10px;
}

.search-wrap .form-text,
.message-board-wrap .form-text,
.refine-results .form-text,
.refine-guide .form-text {
    height: 38px;
    margin-bottom: 10px;
    border-radius: 10px;
    line-height: 38px;
}

.search-wrap .customSelect,
.message-board-wrap .customSelect,
.refine-results .customSelect,
.refine-guide .customSelect {
    background: none;
    border: 1px solid #9ea7b3;
    border-radius: 10px;
    padding: 13px 15px;
    height: 38px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 13px 15px;
    line-height: 10px;
    white-space: nowrap;
}

.search-wrap .customSelect:focus,
.message-board-wrap .customSelect:focus,
.refine-results .customSelect:focus,
.refine-guide .customSelect:focus {
    box-shadow: 0 0 4px 0 #ccc;
}

.message-board-wrap .form-type-select,
.message-board-wrap .form-item-parish-name {
    position: absolute;
    top: 0;
    width: 228px;
    margin-right: 30px;
}

.message-board-wrap .form-type-select input:nth-child(1),
.message-board-wrap .form-item-parish-name input:nth-child(1) {
    width: 100%;
}

.message-board-wrap .form-item-parish-name {
    left: 250px;
}

.message-board-wrap #edit-combine {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 35px;
    background: #eaedf1 url(../img/sprite.png) no-repeat scroll -153px -251px;
    background-color: transparent;
}

.message-board-wrap #edit-keyword {
    float: left;
    /* width: 100%; */
    margin-left: 0;
    padding-left: 35px;
    background: #eaedf1 url(../img/sprite.png) no-repeat scroll -153px -251px;
    background-color: transparent;
}

.message-board-wrap .item-list {
    border-top: 0;
}

.message-board-wrap .views-exposed-form .views-exposed-widget {
    float: left;
}

.message-board-wrap .views-exposed-form .views-exposed-widget input[type=submit] {
    width: 100%;
}

.message-board-wrap .views-exposed-form input[type=submit] {
    /* width: 100%; */
    margin-left: 20px;
}

.message-board-wrap .views-widget-filter-combine {
    width: 60%;
}

.message-board-wrap .views-submit-button,
.message-board-wrap .views-reset-button {
    width: 18%;
    margin-left: 2%;
}

.message-board-wrap .views-widget-filter-combine label,
.message-board-wrap .views-widget-filter-field_county_tid label {
    display: none;
}

.message-board-wrap .view-empty {
    text-align: center;
}

.block-dara-overwrite .join,
.block-dara-overwrite .unjoin {
    width: 135px;
    height: 40px;
    top: 0;
    padding-left: 25px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 20px;
    color: #323a45;
    background-color: #eaedf1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.message-board-wrap .join,
.message-board-wrap .unjoin {
    width: 135px;
    height: 40px;
    top: 75px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 20px;
    color: #323a45;
    background-color: #eaedf1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.node-message-board-answers-form .join,
.node-message-board-answers-form .unjoin,
.node-chronicles-comments-form .join,
.node-chronicles-comments-form .unjoin {
    width: 135px;
    height: 40px;
    top: 0;
    padding-left: 25px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 20px;
    color: #323a45;
    background-color: #eaedf1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.message-board-wrap .join:hover,
.message-board-wrap .unjoin:hover,
.block-dara-overwrite .join:hover,
.block-dara-overwrite .unjoin:hover {
    text-decoration: none;
    background-color: #ccc;
}

.message-board-wrap .join:after,
.message-board-wrap .unjoin:after,
.block-dara-overwrite .join:after,
.block-dara-overwrite .unjoin:after {
    position: absolute;
    right: 20px;
    content: "";
    font: normal normal normal 18px/44px FontAwesome;
    color: white;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.node-message-board-answers-form .join:after,
.node-message-board-answers-form .unjoin:after,
.node-chronicles-comments-form .join:after,
.node-chronicles-comments-form .unjoin:after {
    position: absolute;
    right: 20px;
    content: "";
    font: normal normal normal 18px/44px FontAwesome;
    color: white;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.block-dara-overwrite .join,
.block-dara-overwrite .unjoin {
    width: 239px;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    color: #5e6d81;
    background-color: #eaedf1;
}

.message-board-wrap .join,
.message-board-wrap .unjoin {
    width: 239px;
    font-size: 15px;
    position: absolute;
    top: 75px;
    right: 0;
    color: #5e6d81;
    background-color: #eaedf1;
}

.node-message-board-answers-form .join,
.node-message-board-answers-form .unjoin,
.node-chronicles-comments-form .join,
.node-chronicles-comments-form .unjoin {
    width: 239px;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    color: #5e6d81;
    background-color: #eaedf1;
}

.message-board-wrap .join:hover,
.message-board-wrap .unjoin:hover,
.block-dara-overwrite .join:hover,
.block-dara-overwrite .unjoin:hover {
    background-color: #9ea7b3;
}

.node-message-board-answers-form .join:hover,
.node-message-board-answers-form .unjoin:hover,
.node-chronicles-comments-form .join:hover,
.node-chronicles-comments-form .unjoin:hover {
    text-decoration: none;
    background-color: #9ea7b3;
}

.message-board-wrap .join:after,
.message-board-wrap .unjoin:after,
.block-dara-overwrite .join:after,
.block-dara-overwrite .unjoin:after {
    position: absolute;
    right: 0;
    background-color: #b0d361;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.node-message-board-answers-form .join:after,
.node-message-board-answers-form .unjoin:after,
.node-chronicles-comments-form .join:after,
.node-chronicles-comments-form .unjoin:after {
    position: absolute;
    right: 0;
    background-color: #b0d361;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.node-chronicles-comments-form .join:after,
.node-chronicles-comments-form .unjoin:after {
    position: absolute;
    right: 0;
    background-color: #b0d361;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.message-board-wrap .unjoin,
.block-dara-overwrite .unjoin {
    width: 135px;
}

.message-board-wrap .unjoin:after,
.block-dara-overwrite .unjoin:after {
    content: "";
}

.left-side .message-board-wrap .join {
    width: auto;
    top: 90px;
    padding-right: 55px;
    color: #5e6d81;
    background-color: #eaedf1;
}

.left-side .message-board-wrap .join:hover {
    color: #5e6d81;
    background-color: #d7dbe0;
}

.left-side .message-board-wrap .join:hover:after {
    background-color: #9fc93f;
}

.left-side .block-dara-overwrite .join {
    width: auto;
    top: 0;
}

.block-dara-overwrite .join {
    position: absolute;
    top: 0;
    right: 0;
}

.refine-results {
    margin: 20px 0 40px;
}

.refine-results .form-text {
    margin-bottom: 0;
}

.refine-results .views-exposed-widget {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
}

.refine-results .views-exposed-widget.views-widget-filter-tid {
    margin-right: 0;
}

.refine-results .views-submit-button {
    position: relative;
}

.refine-results .views-submit-button input[type=submit] {
    position: absolute;
    display: block !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    z-index: 2;
}

.refine-guide {
    margin-bottom: 40px;
}

.refine-guide .views-exposed-widgets:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 70px;
    left: 0;
    background-color: #d7dbe0;
}

.refine-guide .views-widget-filter-field_county_tid {
    margin-bottom: 60px;
}

.refine-guide .views-widget-filter-title {
    clear: both;
}

.refine-guide .views-widget-filter-title input {
    padding-right: 35px;
}

.refine-guide .views-widget-filter-title:after {
    position: absolute;
    right: 12px;
    top: 10px;
    content: "";
    font: normal normal normal 18px/1 FontAwesome;
    color: #5e6d81;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.refine-guide .views-exposed-widget {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
}

.refine-guide .views-exposed-widget.views-widget-filter-tid {
    margin-right: 0;
}

.refine-guide .clear-filter-wrapper {
    margin-left: 10px;
}

.search-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 228px;
    margin-right: 30px;
}

.search-wrap .form-item {
    margin: 0;
}

.search-wrap #edit-title,
.search-wrap #edit-profile-surname {
    padding-right: 45px;
}

.search-wrap .form-submit {
    position: absolute;
    top: 0;
    right: 0;
}

.search-wrap.family-name-wrapper {
    width: 285px;
}

.search-wrap.family-name-wrapper label {
    position: relative;
    display: inline-block;
    left: -10px;
    color: #5e6d81;
}

.search-wrap.family-name-wrapper .form-text {
    width: 228px;
}

.clear-filter-wrapper {
    text-align: left;
    margin: 0 0 32px 10px;
}

.clear-filter-wrapper input[type=submit] {
    display: inline-block;
    width: auto;
    padding: 2px 0 10px;
    background-color: transparent;
    color: #9ea7b3;
    text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.clear-filter-wrapper input[type=submit]:hover {
    background-color: transparent;
    color: #23B7C2;
}

.form-controls {
    position: relative;
}

#views-exposed-form-buildings-database-page+.action,
#views-exposed-form-people-database-page+.action {
    position: absolute;
    top: 0;
    right: 70px;
}


/* #views-exposed-form-timelines-page-1+.action {
    position: absolute;
    top: 65px;
    right: 70px;
} */

#views-exposed-form-ancestors-page-1+.action,
#views-exposed-form-building-database-page-1+.action {
    position: absolute;
    top: 0;
    right: 70px;
}

#views-exposed-form-buildings-database-page+.action {
    top: 80px;
}

#views-exposed-form-buildings-database-page .filter-inner>label {
    display: inline-block;
    position: relative;
    left: -10px;
    margin: 10px 5px 0 0;
    color: #5e6d81;
}

#views-exposed-form-timelines-page-1 .refine-guide {
    margin-bottom: 0;
}

#views-exposed-form-timelines-page-1 .refine-guide .views-exposed-widget {
    width: 20%;
    margin-right: 1%;
    text-align: left;
}

#views-exposed-form-timelines-page-1 .views-exposed-widgets:before {
    top: inherit;
    bottom: 15px;
}

#views-exposed-form-timelines-page-1 .views-widget-sort-order label {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

#views-exposed-form-timelines-page-1 .views-widget-sort-order .hasCustomSelect,
#views-exposed-form-timelines-page-1  .views-widget-sort-order .customSelect {
    width: calc(100% - 52px) !important;
    text-align: left;
}

#views-exposed-form-timelines-page-1 .views-widget-sort-order .customSelect {
    height: 40px !important;
}

#views-exposed-form-timelines-page-1 .views-widget-filter-field_county_tid {
    z-index: 2;
    margin-bottom: 15px;
}

#views-exposed-form-timelines-page-1 .views-reset-button {
    float: none;
}

#views-exposed-form-timelines-page-1+.action {
    position: absolute;
    top: 65px;
    right: 0;
}

.tile-wrap .timeline-row {
    margin: 0 auto;
}


/* =========================
Blurring banner images
========================= */

#banner,
#tab1,
#tab2 {
    width: 100%;
    position: relative;
    background-size: cover;
}


/* =========================
Banners - inner pages
========================= */

.banner {
    height: auto;
    margin: 0;
}

.banner~.inner {
    margin-top: 27px;
}

.banner~.inner:after {
    content: "";
    clear: both;
    display: block;
}

.apply-blur {
    height: auto;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    background-position: 50% 50%;
}

.banner .inner {
    position: absolute;
    overflow: visible;
    padding: 0;
    font: 400 16px "Open Sans", sans-serif;
    display: inline;
}

.banner .inner,
.banner .inner p {
    font: 400 16px "Open Sans", sans-serif;
}

.banner .inner h1 {
    font: 700 50px/78px "Open Sans", sans-serif;
    color: #ffffff;
    margin: 12px 0 10px;
    /*text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;*/
}

.connect-with.banner .breadcrumb {
    padding: 0 20px;
    width: 1180px;
    margin: -60px auto 0;
    position: relative;
    overflow: hidden;
}

.banner .breadcrumb {
    list-style: none;
    padding: 0;
    margin: 12px 0 0;
    background-color: transparent;
}

.banner .breadcrumb li {
    display: inline-block;
    vertical-align: top;
    font: 300 16px "Open Sans", sans-serif;
    margin: 0 10px 0 0;
    color: #ffffff;
}

.banner .breadcrumb li:first-of-type:before {
    content: "";
}

.banner .breadcrumb li:before {
    content: "/  ";
    display: inline-block;
    color: #ffffff;
}

.banner .breadcrumb li:last-of-type {
    margin: 0;
}

.banner .breadcrumb li a {
    font: 400 16px "Open Sans", sans-serif;
    color: #ffffff;
}

.banner .breadcrumb li a:hover {
    text-decoration: underline;
}

.banner .breadcrumb li.active {
    color: #b0d361;
}

.banner .inner .search {
    position: absolute;
    background: #eaedf1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    top: 33px;
    right: 0;
    width: 240px;
    padding: 10px;
    z-index: 9;
    margin: 0;
}

.banner .inner .search p {
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    position: relative;
    padding: 8px 40px 8px 50px;
    margin: 0;
    cursor: pointer;
}

.banner .inner .search p:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    background: url("../img/sprite.png") no-repeat -161px -212px #FA7135;
    left: 0;
    top: -1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.banner .inner .search p:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    background: url("../img/sprite.png") no-repeat -29px -133px;
    right: 0;
    top: 0;
}

.banner .inner .search .active:after {
    background: url("../img/sprite.png") no-repeat 8px -133px;
}

.banner .inner .search .toggle {
    display: none;
    padding: 25px 5px 0;
}

.banner .inner .search .toggle .description {
    font-size: 14px;
    margin-bottom: 20px;
}

.banner .inner .search .form-select,
.banner .inner .search button,
.banner .inner .search input {
    font: 300 15px "Open Sans", sans-serif;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    border: 0;
}

.banner .inner .search .form-select {
    background: #fff;
}

.banner .inner .search button {
    background: #fff;
}

.banner .inner .search input {
    background: url("../img/sprite.png") no-repeat -152px -249px #fff;
    color: #5e6d81;
    padding: 0 20px 0 35px;
    margin: 0 0 10px;
}

.banner .inner .search input[type=submit] {
    background: #b0d361;
    color: #fff;
    font: 400 15px "Open Sans", sans-serif;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 0;
    height: 40px;
    padding: 0 30px;
    width: 100%;
    margin: 20px 0 10px;
}


/* =========================
Homepage slider text styles
========================= */

.slider-content h2 {
    font: 400 42px/36px "Candara", "Georgia", serif;
    color: #fff;
    margin: 0 0 15px;
    white-space: normal;
}

.slider-content p {
    font: 400 18px/30px "Candara", "Georgia", serif;
    color: #fff;
}

.slider-content .link {
    display: inline-block;
    color: #fff;
    line-height: 50px !important;
    font-size: 18px;
    background: #FA7135;
    padding: 0 30px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    margin: 0 0 10px;
}

.slider-content .link:hover {
    background: #d36330;
    text-decoration: none;
}


/* =========================
Slider gradient
========================= */

.gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
}

.front .gradient {
    max-height: 200px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(43%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 43%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 43%, rgba(0, 0, 0, 0.1) 100%);
}

.not-front .gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(0, 0, 0, 0)), color-stop(8%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.64)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}


/* Remove above gradient filter for IE9 */

.ie9 .gradient {
    filter: none;
}


/* =========================
Tile styles
========================= */


/* #main_page{
    width:80%;
    margin: auto;
} */

main .tiles {
    margin: 90px auto 0;
    overflow: hidden;
}


/* #main_page .image_container div{
    width: fit-content;
} */


/* #main_page > div{
    position: relative;
    padding-top: 40px;
} */


/* #main_page  #section_10 .paragraph--type--home-card{
    position: relative;
}
#main_page  #section_10 .text_container{
    background: #fa7135;
    position: absolute;
    top: 40%;
    width: 40%;
    height: auto;
    left: 55%;
    color: #ffffff;
    z-index: 1;
}

#main_page #section_10 .text_container2{
    z-index: 2;
    top: 52%;
}

#main_page #section_10 .text_container3{
    top:60%;
}
#main_page #section_10 .home_link a{
    background-color: #fa7135;
}
#main_page #section_10 .home_link a:hover{
    background-color: white;
}

#main_page #section_10 .top_msg_x{  
    top: -21%;
    left: -10%;
}
#main_page #section_10{
    padding-bottom: 40px;
    padding-top: 40px;  
}


#main_page #section_9 .top_msg_x{
    left: 80%;
    top: 160%;
}
#main_page #section_9 .text_container{
    position: absolute;
    line-height: 1.5;
    width: 40%;
    color: #5F6E81;
}
#main_page #section_9 .text_container2{
    top:30%;
}
#main_page #section_9 .home-para-desc{
    color: #5F6E81;
}
#main_page #section_9 .text_container3{
    top: 46%;
}
#main_page .home-link:hover a{
    background-color: white;
}
#main_page #section_9 .split-screen-left_side{
    flex:none;
}
#main_page #section_9 .home-split-screen{
    display: block;
    width: 50%;
    transform: translateX(100%);
}
#main_page > div .home-split-screen{
    width:100%;
}
#main_page #section_7 .text_container{
    position: absolute;
    top: 17%;
    width: 40%;
    left: 5%;
    background: #23a0a9;
    color: #ffffff;
    z-index: 1;
}
#main_page #section_7 .text_container1{
    z-index: 6;
}
#main_page #section_7 .text_container2{
    top: 42%;
}

#main_page #section_7 .text_container3{
    top: 70%;
    height: auto;
}
#main_page #section_7 .top_msg_x{
    top: 230%;
    left: 92%;
}
#main_page #section_6 .text_container{
    position: absolute;
    top: 33%;
    width: 43%;
    height: auto;
    left: 52%;
    background: #23a0a9;
    color: #ffffff;
    z-index: 1;
} */


/* #main_page #section_6 .text_container1{
    z-index: 6;
}
#main_page #section_6 .text_container2{
    top:46%;
}
#main_page #section_6 .text_container3{
    top:60%;
}
#main_page #section_6 .top_msg_x{
    top: 200%;
    margin-left: -10%;
}
#main_page #section_6 .home-split-screen{
    padding-top: 39px;
} */


/* #main_page #section_5{
    top: 274%;
    margin-left: -10%;
}

#main_page #section_5,
#main_page #section_4{
    padding-top: 0;
} */


/* #main_page #section_4 .field-name-field-fact-details{
    background: #AED362;
    margin-left: 4%;
    margin-right: 3%;
}
#main_page #section_2 .text_container{
    position: absolute;
    left: 5%;
    top: 15%;
    width: 32%;
    background: #23a0a9;
    color: #ffffff;
    padding-top: 2vw;
    z-index: 1;
} */


/* #main_page #section_2 .text_container1{
    z-index: 6;
}
#main_page #section_2 .text_container2{
    top:46%;
}
#main_page #section_2 .text_container3{
    top:60%;
}
#main_page #section_2 .top_msg_x{
    top: 200%;
    margin-left: -10%;
} */

main .tiles .tiles-block {
    float: left;
}

main .tiles figure {
    width: 280px;
    height: 280px;
    float: left;
    position: relative;
    cursor: pointer;
}

main .tiles figure:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    display: block;
    width: 280px;
    height: 280px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

main .tiles figure.large:after {
    width: 580px;
    height: 580px;
}

main .tiles .tiles-block-one figure.special:after {
    display: none;
}

main .tiles figure figcaption {
    width: 280px;
    height: 280px;
}

main .tiles figure.large figcaption {
    width: 580px;
    height: 580px;
}

main .tiles figure figcaption,
main .tiles figure.large figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

main .tiles figure figcaption.orange:hover {
    background-color: rgba(250, 113, 53, 0.8);
}

main .tiles figure figcaption.turquoise:hover {
    background-color: rgba(35, 183, 194, 0.8);
}

main .tiles figure figcaption.green:hover {
    background-color: rgba(176, 211, 97, 0.8);
}

main .tiles figure figcaption .title {
    position: absolute;
    bottom: 0;
    padding: 0 20px 25px 15px;
    font: 700 21px "Open Sans", sans-serif;
    color: #fff;
    text-align: right;
    width: 100%;
}

main .tiles figure figcaption .hover-content {
    opacity: 0;
    width: 280px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    font: 400 15px "Open Sans", sans-serif;
    color: #fff;
    padding: 20px 20px 0 65px;
    text-align: right;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

main .tiles figure:hover figcaption .hover-content {
    opacity: 1;
}


/* =========================
Common page styles
========================= */

.ads {
    /* 	width: 780px; */
}

.dashboard-left-side {
    position: relative;
    z-index: 0;
    float: left;
}

.dashboard-ancestor-item,
.dashboard-building-item {
    position: relative;
    padding: 0 16px 16px;
    overflow: visible;
}

.dashboard-right-side {
    margin-top: 46px;
    float: right;
    width: 70%;
}


.dashboard-left-side .section-links {
    margin: 0;
}


.dashboard-menu ul {
    padding: 0;
    margin: 0;
}

.left-side {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.left-side h2 {
    font: 300 32px "Open Sans", sans-serif;
    color: #5e6d81;
    float: left;
    display: block;
    margin: 0 0 30px;
}

.left-side h2 a {
    font: 300 32px "Open Sans", sans-serif;
    color: #5e6d81;
}

.left-side .content {
    overflow: hidden;
    clear: both;
}

.left-side .article h2 {
    max-width: 100%;
    width: 100%;
}

.left-side .node-events h2,
.left-side .node-news h2 {
    margin: 0;
}

.left-side .field-name-field-introduction-,
.left-side .field-name-field-sub-title {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5e6d81;
    padding: 0;
    float: left;
}

.left-side .field-name-field-introduction- {
    margin-bottom: 20px;
}

.left-side .field-name-field-sub-title a {
    font-size: 24px;
    font-weight: 300;
    color: #23b7c2;
    text-decoration: none;
}

.left-side .field-name-field-sub-title h3 {
    margin: 0 0 30px;
}

.left-side .field-name-field-main-image {
    margin: 0 0 30px;
}

.left-side .cta {
    clear: both;
    padding: 40px 0 0;
    margin: 30px 0;
    overflow: hidden;
}

.left-side .cta img {
    margin: -40px 0 0;
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    border-radius: 170px;
    float: left;
}

.left-side .cta .cta-text {
    float: right;
    padding: 0 0 0 55px;
    width: 535px;
}



#block-sharethis-sharethis-block {
    background: url("../img/dotted-line.png") repeat-x 0 0;
    padding: 55px 0 10px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.block-sharethis {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px 0;
    clear: both;
}

@media (max-width: 767px) {
    .block-sharethis {
        margin: 30px 0;
    }
}

.block-sharethis .sharethis-title {
    position: relative;
    padding: 0 0 0 55px;
    font: 300 18px "Open Sans", sans-serif;
    color: #5e6d81;
}

.block-sharethis .sharethis-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: url("../img/sprite.png") no-repeat -73px -213px #23B7C2;
}

.block-sharethis .sharethis-wrapper span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: left;
    overflow: hidden;
    background: url("../img/sprite.png") no-repeat 0 0 #eaedf1;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
}

.block-sharethis .sharethis-wrapper span:first-of-type {
    position: relative;
    margin: 0 0 0 20px;
}

.block-sharethis .sharethis-wrapper span:nth-child(1) {
    background-position: 8px -289px;
}

.block-sharethis .sharethis-wrapper span:nth-child(2) {
    background-position: -15px -289px;
}

.block-sharethis .sharethis-wrapper span:nth-child(3) {
    background-position: -121px -289px;
}

.block-sharethis .sharethis-wrapper span:nth-child(4) {
    background-position: -153px -289px;
}

.block-sharethis .sharethis-wrapper span:hover {
    background-color: #d7dbe0;
}

.content .block-sharethis {
    margin: 0;
    padding: 20px 0 25px;
    overflow: hidden;
    clear: both;
}

.header-wrap {
    overflow: hidden;
    padding: 50px 0 30px;
}

.header-text {
    float: left;
    width: 580px;
    position: relative;
}

.header-text h2 {
    margin: 0 20px 20px 0;
    max-width: 455px;
}

.header-wrap img {
    float: right;
    margin: -45px 0 0;
    height: 160px;
    width: 160px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}

.left-side .join,
.left-side .unjoin {
    display: inline-block;
    background: #eaedf1;
    font: 400 15px/40px "Open Sans", sans-serif;
    color: #5e6d81;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    padding: 0 55px 0 25px;
    position: absolute;
    top: 38px;
    right: 0 !important;
    /*margin: 3px 0px 0; */
}

.left-side .join {
    margin: 3px 0px 0;
}

.left-side .unjoin {
    margin: 53px 140px 0;
}

.left-side .join:hover,
.left-side .unjoin:hover {
    background: #d7dbe0;
    text-decoration: none;
}

.left-side .join:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url("../img/sprite.png") no-repeat 12px -25px #b0d361;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.left-side .join:hover:after {
    background-color: #9fc93f;
}

.left-side .unjoin:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url("../img/sprite.png") no-repeat -76px -23px #fe6067;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.left-side .unjoin:hover:after {
    background-color: #f13c44;
}

.left-side .members-data {
    clear: both;
}

.left-side .members-data span {
    font: 300 14px "Open Sans", sans-serif;
    color: #9ea7b3;
    position: relative;
    margin: 0 30px 0 0;
}

.left-side .members-data .last {
    margin: 0;
}

.left-side .members-data span:after {
    position: absolute;
    content: "";
    background: url("../img/sprite.png") no-repeat -30px -32px;
    height: 20px;
    width: 20px;
}

.left-side .members-data span:last-of-type:after {
    background: none;
}

.left-side .summary,
.left-side .summary h1,
.left-side .summary h2,
.left-side .summary h3,
.left-side .summary h4,
.left-side .summary h5,
.left-side .summary h6,
.left-side .summary p {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 30px;
    padding: 0;
}

.left-side .summary a {
    font: 300 24px/36px "Open Sans", sans-serif;
}

.connect-location,
.connect-street {
    margin: 30px 0;
    clear: both;
}

.connect-location .header,
.connect-street .header {
    padding: 8px 30px 8px 40px;
    background: #fa7135;
    font: 400 18px "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
    position: relative;
}

.connect-location .header:before,
.connect-street .header:before {
    position: absolute;
    content: "";
    background: url("../img/sprite.png") no-repeat -100px -184px;
    height: 20px;
    width: 20px;
    top: 11px;
    left: 12px;
}

.right-side {
    float: right;
    width: 280px;
}

.right-side .fb-page {
    height: 240px;
    margin: 0 0 40px;
    display: block;
}

.right-side img {
    height: 340px;
    width: 340px;
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    border-radius: 170px;
}

.right-side .search-form h3 {
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 30px;
    font-weight: 300;
    color: #5e6d81;
}

.right-side .search-form h3:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url("../img/sprite.png") no-repeat -161px -212px #23b7c2;
    width: 14px;
    height: 18px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.right-side .search-form form {
    margin: 0 0 0 60px;
}

.right-side .search-form form label {
    margin: 0 0 15px;
    font: 300 21px "Open Sans", sans-serif;
    color: #5e6d81;
    display: block;
}

.right-side .search-form input[type=submit] {
    background: #23b7c2;
    width: 200px;
    margin-left: 40px;
}

.right-side .search-form,
.right-side .section-links {
    margin: 0;
}

.right-side .section-links h3 {
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: 300;
    color: #5e6d81;
}

.section-user .right-side .section-links h3 {
    margin: 0 0 0 60px;
}

.right-side .section-links h3:before {
    position: absolute;
    left: -60px;
    top: 0;
    content: "";
    background: url("../img/sprite.png") no-repeat -117px -212px #23b7c2;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#block-views-exp-community-news-page-1:before,
#block-views-exp-community-news-page:before {
    background: url("../img/sprite.png") no-repeat -161px -212px #23b7c2;
}

.right-side .section-links ul {
    list-style: none;
    padding: 0;
    margin: 0 0 70px;
}

.section-user .right-side .section-links ul {
    margin: 0 0 70px 60px;
}

.right-side .section-links ul li {
    padding: 8px 0;
}

.right-side .section-links ul li a {
    font: 400 18px "Open Sans", sans-serif;
}

.right-side .section-links ul li a:hover {
    color: #b0d361;
    text-decoration: none;
}

.section-links p {
    margin: 0;
}


/* .term-listing-heading  */

.content .field-name-field-sub-title p {
    font: 300 18px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 30px;
}

.content .field-name-field-publish-date {
    float: left;
    font: 300 14px "Open Sans", sans-serif;
    color: #9ea7b3;
    margin: 10px 0;
}

.node-timeline .content .field-name-field-publish-date {
    color: #23B7C2;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 20px;
}

.node-timeline .content .field-name-field-publish-date:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 8px;
    width: 28px;
    height: 30px;
    margin-right: 10px;
    background-image: url("../img/calendar-2.png");
    background-repeat: no-repeat;
}

.content .field-name-field-main-image {
    margin: 0 0 10px;
}

.content .field-name-field-intro {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 30px 0 25px;
}

.content .field-name-field-image-file {
    margin: 0 0 30px;
}

.content .field-name-field-image-file img {
    width: 100%;
    height: auto;
}

.node-timeline .content .field-name-field-image-file img {
    width: auto;
    max-width: 100%;
}

.content .field-name-field-body,
.content .field-name-field-image-file,
.content .field-name-field-intro,
.content .field-name-field-publish-date,
.content .field-name-field-sub-title {
    float: left;
    width: 100%;
}

.field-name-field-county-parish-multiple {
    font: 400 15px/26px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 30px;
    padding: 0;
}

.field-name-field-county-parish-multiple .field-label {
    color: #23B7C2;
    font-weight: bold;
}


/*
.field-name-field-introduction h1,
.field-name-field-introduction h2,
.field-name-field-introduction h3,
.field-name-field-introduction h4,
.field-name-field-introduction p {
margin: 0;
}
*/

.field-type-entityreference a {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin: 10px 0px 10px 10px;
    background: #eaedf1 none repeat scroll 0 0;
    font: 400 15px/24px "Open Sans", sans-serif;
    color: #5e6d81;
}

.database-table .field-type-entityreference a,
.field-name-field-special-group-message a {
    background: #b0d462;
}

.field-name-field-associated-special-group a {
    background: #b0d462 !important;
}

.node-type-timeline .action,
.node-type-timeline .field-name-field-introduction- {
    float: none;
}

.node-type-timeline .action {
    margin-right: 10px;
}

.node-type-timeline .database-wrap {
    text-align: left;
}

.node-type-timeline .action:after {
    background-position: -197px -314px;
}

.node-type-timeline .back-to-list,
.node-type-profile .back-to-list {
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 40px;
    border: 1px solid #d6dae5;
    color: #5e6d81;
    background-color: white;
}

.node-type-timeline .back-to-list:hover,
.node-type-profile .back-to-list:hover {
    color: white;
    background-color: #d6dae5;
    text-decoration: none;
}

.node-type-profile .back-to-list {
    margin-left: 5px;
}

.node-type-profile .database-wrap {
    text-align: left;
}


/* =========================
Message board styles
========================= */

.node-message-board {
    padding: 20px 20px 30px;
    border: 1px solid #EAEDF1;
    clear: both;
}

.page-ireland-xo-message-board #block-dara-overwrite-new-topic-button {
    margin-top: 20px;
}

.page-ireland-xo-message-board .item-list {
    max-width: 100%;
    padding: 0 0 20px 20px;
    background: url(../img/dotted-line.png) repeat-x 0 100%;
}

.view-header-messageboard {
    overflow: hidden;
    /* position: absolute; */

    right: 0;
    left: 0;
}

.view-header-messageboard h2 {
    float: none;
}

.view-header-messageboard h2 a {
    font-weight: 700;
    cursor: pointer;
}

.view-header-messageboard h2 a:hover {
    text-decoration: underline;
}

.message-board-wrap {
    padding: 85px 0 0;
    /*background: url("../img/dotted-line.png") repeat-x;*/
    position: relative;
}

.message-board-wrap input {
    float: left;
}

.message-board-wrap input:nth-child(1) {
    /* width: 100%; */
    margin-left: 0;
}

.messageboard-msg-user-buttons {
    width: 780px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.messageboard-msg-user-buttons a:nth-child(1) {
    position: absolute;
    right: 0;
}

.messageboard-msg-user-buttons .notification-lbl {
    margin-right: 40px;
    color: #5e6d81;
}

.messageboard-sharethis {
    clear: both;
    padding-bottom: 30px;
    min-height: 60px;
}

.message-board-wrap h3 {
    font: 700 24px "Open Sans", sans-serif;
    position: relative;
    padding: 0 0 0 55px;
    display: inline-block;
    float: left;
}

.message-board-wrap h3:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: url("../img/sprite.png") no-repeat -61px -173px #23b7c2;
    left: 0;
}

.node-message-board .field-label {
    margin-top: 30px;
    margin-bottom: 20px;
}

.message-board-wrap p {
    clear: both;
}

.message-board-wrap>a {
    position: absolute;
    top: 90px;
    right: 0;
}

.message-board-wrap form {
    clear: both;
    margin: 0 0 30px;
}

.message-board-wrap form fieldset input {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0;
}

.message-board-wrap form fieldset input[type=text] {
    background: url("../img/sprite.png") no-repeat -150px -250px #eaedf1;
    color: #5e6d81;
    width: 70%;
    float: left;
    padding: 8px 15px 8px 50px;
}

.message-board-wrap form fieldset input[type=submit] {
    background: #b0d361;
    float: right;
    width: auto;
    padding: 8px 30px;
}

.message-board-wrap form fieldset input[type=submit]:last-of-type {
    margin-right: 10px;
}

.message-board-wrap form fieldset input[type=submit]:hover {
    background: #98b854;
}

.message-board-wrap .message-board .header-wrap {
    width: 100%;
    padding: 12px 20px;
    margin: 0;
}

.message-board-wrap .message-board .header-wrap th {
    background: #f4f6f8;
    font-size: 18px;
    font-weight: 700;
    padding: 20px;
}

.message-board-wrap .message-board .messages tr {
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    margin: 0;
}

.message-board-wrap .message-board .messages tr:nth-child(even) {
    background: #F4F6F8;
}

.message-board-wrap .message-board .messages tr td {
    padding: 30px 0;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    vertical-align: top;
    font-size: 16px;
}

.message-board-wrap .message-board .messages tr td:first-of-type,
.message-board-wrap .message-board .messages tr td:last-of-type {
    padding: 30px 20px;
}

.message-board-wrap .message-board .messages tr td:nth-child(2) {
    text-align: center;
}

.message-board-wrap .message-board .messages tr:first-of-type,
.message-board-wrap .message-board .messages tr:last-of-type,
.message-board-wrap .message-board .messages tr:last-of-type td {
    background: none;
}

.message-board {
    clear: both;
}

.message-board .messages {
    padding: 0;
    margin: 0;
    list-style: none;
    background: url("../img/dotted-line.png") repeat-x 0 0;
}

.message-board .messages table tr {
    padding: 30px 20px;
    background-image: url("../img/dotted-line.png");
    background-repeat: repeat-x;
    background-position: 0 100%;
    margin: 0;
    overflow: hidden;
}

.message-board .messages table tr:nth-child(even) {
    background-color: #f4f6f8;
}

.message-board .messages table tr:last-of-type {
    background-image: none;
}

.message-board .messages table p {
    margin: 0;
}

.message-board h4,
.message-board h4 a {
    font: 700 18px "Open Sans", sans-serif;
    margin: 0;
    padding: 0 0 3px 30px;
    position: relative;
}

.message-board .messages table th a {
    padding: 0;
    text-decoration: none;
}

.message-board .forumtitle {
    display: block;
    position: relative;
}

.message-board .messages .forumtitle:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: url("../img/sprite.png") no-repeat -119px 0;
    left: 0;
    top: 5px;
}

.message-board .forumtitle:hover {
    color: #5E6D81;
}

.message-board .messages table tr a {
    line-height: 26px;
    display: block;
}

.message-board .messages tr td span {
    font: 400 14px/26px "Open Sans", sans-serif;
    color: #9ea7b3;
    display: block;
    padding: 3px 0 0;
}

.message-board .lastpost,
.message-board .posts {
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
}

.message-board .posts {
    text-align: center;
}

.message-board .item-list {
    margin-top: 30px;
}

.block-dara-overwrite .button,
.button,
.message-board-wrap .button {
    color: #FFF;
    background: #FA7135 none repeat scroll 0 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    padding: 8px 19px;
    font: 400 15px "Open Sans", sans-serif;
}

.node-type-message-board .button {
    display: inline-block;
    margin: 30px 0;
}

.messageboard-msg-user-buttons .button {
    display: inline-block;
    margin: 30px 0;
}

.block-dara-overwrite .button:hover,
.button:hover,
.message-board-wrap .button:hover {
    background: #D36330;
    text-decoration: none;
    color: #fff;
}

.node-type-message-board #message-board-answers-node-form {
    position: relative;
}

.node-type-message-board #message-board-answers-node-form .join_button {
    padding: 0;
}

.node-type-message-board #message-board-answers-node-form .join {
    top: 68px;
    right: 15px !important;
}

#block-dara-overwrite-new-topic-button {
    margin-top: -50px;
}

.block-dara-overwrite {
    position: relative;
}

.block-dara-overwrite .button {
    position: absolute;
    right: 0;
    top: 0;
}

.message-board-wrap .message-board .button {
    display: inline-block;
    float: right;
    margin-bottom: 20px;
}

.page-taxonomy-term .message-board-wrap>a {
    right: 200px;
}

.page-taxonomy-term .message-board-wrap .button {
    right: 0;
}

#field-body-add-more-wrapper .textarea-processed {
    float: left;
}

#field-body-add-more-wrapper .ckeditor_links {
    font-size: 12px;
    color: #9EA7B3;
    float: left;
    margin-top: 20px;
}

#body-add-more-wrapper .ckeditor_links {
    float: left;
}


/* =========================
Message board thread
========================= */

.thread-wrap h3 {
    margin: 0 0 35px;
}

.left-side .answers,
.left-side .question {
    clear: both;
}

.left-side .question {
    padding: 40px 0 65px 40px;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
    position: relative;
}

.left-side .question h4 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.left-side .answers ul,
.chronicles.answers ul {
    list-style: none;
    clear: both;
    margin: 0;
    padding: 0;
}

.chronicles.answers ul .answers-user-details {
    background: url("../img/user-avatar-icon.png") no-repeat 0 3px;
    padding-left: 60px;
    padding-bottom: 5px;
}

.chronicles.answers ul:after {
    content: "";
    display: block;
    clear: both;
}

.left-side .answers ul li,
.chronicles.answers ul li {
    padding: 0px 20px 20px;
    border: 1px solid #eaedf1;
}

.chronicles.answers ul li {
    border-color: #9EA7B3;
}

.left-side .answers h3,
.chronicles.answers h3 {
    padding: 0 0 20px;
    display: block;
    margin: 55px 0 15px;
    display: block;
    float: none;
}

.chronicles.answers h3 {
    margin-top: 15px;
    padding-top: 15px;
    padding-left: 60px;
    background: url("../img/comment-icon.png") no-repeat 0 8px;
}

.left-side .answers h3:before,
.chronicles.answers h3:before {
    display: none;
}

.left-side .answers h4,
.left-side .node-message-board h4,
.node-message-board h4,
.left-side .node-message-board-answers h4,
.chronicles.answers h4 {
    font-size: 13px !important;
    font-weight: 700;
    margin: 0;
}

.left-side .node-message-board .date {
    margin-bottom: 20px;
}

.left-side .answers .date {
    font-size: 13px;
}

.left-side .question .text {
    padding: 20px 0 0;
    margin: 20px 0 0;
    clear: both;
}

.left-side .answers .text ul li,
.left-side .question .text ul li {
    border-bottom: 0;
    border-top: 0;
}

.left-side .answers .text ul li:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #b0d361;
    top: 9px;
    left: 0;
}

.left-side .reply textarea {
    width: 100%;
    height: 210px;
    background: #F4F5F5;
    border: 0;
    padding: 40px 25px;
    color: #9ea7b3;
}

.left-side .reply .content input[type=submit] {
    width: 135px;
    margin-bottom: 20px;
}

.left-side .reply textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #9ea7b3;
}

.left-side .reply textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #9ea7b3;
    opacity: 1;
}

.left-side .reply textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #9ea7b3;
    opacity: 1;
}

.left-side .reply textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #9ea7b3;
}


/*	=========================
Message board post
========================= */

.node-message-board-answers .field {
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 80px 0 0;
}

.page-user-message-board .left-side .item-list,
.page-user-message-board-answers .left-side .item-list {
    width: 100%;
}

.page-user-message-board .left-side .view-filters,
.page-user-message-board-answers .left-side .view-filters {
    margin: 0 0 50px;
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}

.page-user-message-board .left-side #edit-cancel,
.page-user-message-board-answers .left-side #edit-cancel {
    background: #FA7135;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    width: 200px;
    clear: both;
    text-align: center;
    padding: 8px;
    color: #fff;
    text-decoration: none;
}

.page-user-message-board .left-side #edit-cancel:hover {
    background: #D36330;
}

.node-message-board-answers .date {
    margin-bottom: 30px;
}


/* =======================
Post/ reply
======================= */

.left-side .node-unpublished {
    background-color: #fff;
    position: relative;
}

.left-side .node-unpublished h2 {
    margin-top: 60px;
}

.published-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 10px 20px;
    background: #23B7C2;
    color: #fff;
    margin: 0 0 20px;
}

.back_button {
    color: #fff;
    background: #FA7135;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    min-width: 200px;
    display: inline-block;
    padding: 8px 15px;
    margin: 20px 20px 20px 0;
}

.back_button:last-of-type {
    margin-right: 0;
}

.back_button:hover {
    background: #d36330;
    color: #fff;
    text-decoration: none;
}


/* ==========================================================================
Individual page styles
==========================================================================
=========================
Home page slider & accordion
========================= */

.slider-wrap {
    overflow: hidden !important;
    width: 100%;
    height: auto;
    max-height: 530px;
    position: relative;
}

.slider-wrap .carouselNext,
.slider-wrap .carouselPrev {
    position: absolute;
    height: 58px;
    width: 58px;
    display: block;
    background: url("../img/sprite.png") no-repeat 0 0 rgba(80, 85, 78, 0.5);
    z-index: 100;
    bottom: 45%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    cursor: pointer;
}

.slider-wrap .carouselPrev {
    background-position: 20px -84px;
    left: 50px;
}

.slider-wrap .carouselNext {
    background-position: -20px -84px;
    right: 50px;
}

.slider {
    overflow: visible !important;
    width: 100%;
}

.slider figure {
    width: 1180px !important;
    text-align: center;
    /*	position: relative !important;*/
}

.slider figure .slider-content {
    width: 1180px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 9;
    opacity: 0;
}

.slider figure.cycle-slide-active .slider-content {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    transition-delay: 0.8s;
    transition-duration: 1.5s;
    opacity: 1;
}

.accordion-wrap {
    background: #EAEDF1;
    position: relative;
    padding: 25px 0;
}

.accordion-wrap .inner {
    text-align: center;
    padding: 0;
    max-width: 100%;
    padding: 0 20px;
}

.accordion-wrap .inner h3 {
    font: 400 30px/36px "Candara", "Georgia", serif;
    color: #5e6d81;
    margin: 0;
    text-transform: uppercase;
}

.accordion-wrap .accordion-content p:first-child {
    margin: 40px 0 20px;
}

.accordion-wrap .accordion-content p {
    margin: 0 0 20px;
}

.accordion-wrap .semi-circle {
    background: url("../img/sprite.png") no-repeat -21px -145px #EAEDF1;
    border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    bottom: -29px;
}

.accordion-wrap .semi-circle.active {
    background: url("../img/sprite.png") no-repeat 19px -145px #EAEDF1;
}


/* =========================
Home page tiles
========================= */


/*Note that the tile have been divided into
three wrapping sections -

.tiles-block-one
.tiles-block-two
.tiles-block-three
*/

main .tiles .tiles-block-one {
    width: 600px;
}

main .tiles .tiles-block-one figure {
    margin: 0 20px 20px 0;
    position: relative;
    z-index: 1;
}

main .tiles .tiles-block-one .special {
    background: #B0D361;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    color: #fff;
    position: relative;
}

main .tiles .tiles-block-one .special>div {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

main .tiles .tiles-block-one .special .content {
    font: 400 16px "Open Sans", sans-serif;
    width: 180px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -65px 0 0 -90px;
}

main .tiles .tiles-block-one .special:hover .content {
    opacity: 0;
}

main .tiles .tiles-block-one .special .hover-image {
    background: url("../img/plus.png") no-repeat 50% 50% #B0D361;
    width: 180px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -65px 0 0 -90px;
    opacity: 0;
}

main .tiles .tiles-block-one .special:hover .hover-image {
    opacity: 1;
}

main .tiles .tiles-block-one .special span {
    font: 700 30px/30px "Candara", "Georgia", serif;
    position: relative;
    margin: 0 0 5px;
    display: block;
}

main .tiles .tiles-block-one .special span:after {
    position: absolute;
    bottom: 15px;
    right: -22px;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url("../img/sprite.png") no-repeat 0 -37px;
}


/**/

main .tiles .tiles-block-two {
    width: 580px;
    position: relative;
}

main .tiles .tiles-block-two .large {
    width: 580px;
    height: 580px;
}

main .tiles .tiles-block-two figure.large figcaption .hover-content {
    width: 580px;
    height: 580px;
    font-size: 24px;
}

main .tiles .tiles-block-two .large figcaption .title,
main .tiles .tiles-block-two .large:hover figcaption .title {
    position: absolute;
    bottom: 0;
    right: 6px;
    padding: 0 20px 25px 15px;
    font: 700 21px "Open Sans", sans-serif;
    color: #FFF;
    text-align: right;
    width: 435px;
}

main .tiles .tiles-block-two figure {
    margin: 0 20px 20px 0;
}

main .tiles .tiles-block-two .remove,
main .tiles .tiles-block-two figure:nth-child(odd) {
    margin: 0 0 20px;
}

main .tiles .tiles-block-three {
    width: 100%;
    position: relative;
}

main .tiles .tiles-block-three .medium {
    width: 580px;
    height: 280px;
    margin: 0 20px;
}

main .tiles .tiles-block-three .medium figcaption {
    width: 580px;
    height: 280px;
}

main .tiles .tiles-block-three .medium figcaption .title,
main .tiles .tiles-block-three .medium:hover figcaption .title {
    position: absolute;
    bottom: 0;
    right: 6px;
    padding: 0 20px 25px 15px;
    font: 700 21px "Open Sans", sans-serif;
    color: #FFF;
    text-align: right;
    width: 580px;
}

main .tiles .tiles-block-three .medium figcaption .hover-content {
    width: 580px;
    height: 280px;
    padding: 30px 30px 0 140px;
    font-size: 24px;
}


/* =========================
Home page Map
========================= */

.map-wrap {
    background: #23b7c2;
    padding: 15px 0;
    margin: 80px 0 0;
    position: relative;
    display: table;
    width: 100%;
}

.map-wrap .inner {
    padding: 0;
}

.map-wrap h2 {
    font: 400 30px "Candara", "Georgia", serif;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 45px;
}

.map-wrap .map-options {
    width: 580px;
    float: left;
    margin: 115px 0 0;
}

.map-wrap .map {
    width: 600px;
    float: left;
}

.map-wrap .map svg {
    width: 580px;
    height: 740px;
}

.map-wrap .map-options .column {
    float: left;
    width: 33%;
}

.map-wrap .map-options .column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.map-wrap .map-options .column:first-of-type ul:first-of-type {
    margin: 0 0 60px;
}

.map-wrap .map-options .column:last-of-type ul:first-of-type {
    margin: 0 0 40px;
}

.map-wrap .map-options .column ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 10px;
}

.map-wrap .map-options .column ul li label {
    font: 400 16px "Open Sans", sans-serif;
    color: #fff;
    width: auto;
    float: left;
}

.map-wrap .map-options .column>ul li:first-of-type label:first-of-type {
    color: #323a45;
}

.map-wrap .map-options .column li input[type=checkbox] {
    float: left;
    width: auto;
    margin: 0 10px 10px 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.map-wrap .map path {
    fill: #eaedf0;
}

.map-wrap .map .group:hover path,
.map-wrap .map .no-group path:hover {
    fill: #c2e2e8;
    cursor: pointer;
}

.map-wrap .map-options .column:last-of-type ul:last-of-type li:nth-child(1):after {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    background: url("../img/sprite.png") no-repeat -93px -173px #323a45;
    z-index: 9;
    top: 0;
    right: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.map-wrap .map-options input[type=submit] {
    background: #2b7883;
    margin: 0;
    width: 170px;
    text-align: left;
    padding: 8px 25px;
    height: 40px;
}

.map-wrap .map-options .column:last-of-type ul:last-of-type li:nth-child(1) {
    margin: 0 0 30px;
}

.map-wrap .map-options .column:last-of-type ul:last-of-type li a {
    position: relative;
    font-size: 12px;
    color: #323a45;
    line-height: 40px;
    padding: 0 0 0 50px;
    display: block;
    height: 40px;
}

.map-wrap .map-options .column:last-of-type ul:last-of-type li a:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    background: url("../img/sprite.png") no-repeat 11px -213px #28919c;
    z-index: 9;
    top: 0;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.map-wrap .bootstrap-checkbox>button.btn {
    padding: 0;
    width: 18px;
    height: 18px;
    border: 0;
    background: none;
}

.map-wrap .button-checkbox {
    float: left;
    margin: 0 10px 10px 0;
    height: 18px;
}


/* ==========================================================================
About
========================================================================== */

.section-about .left-side .view-section-landing-page .views-row .text-wrap {
    width: 100%;
    max-width: 400px;
}


/* ==========================================================================
Connect page
========================================================================== */

.connect .banner {
    background-image: none;
}

.connect #banner {
    height: 350px;
    overflow: hidden;
    margin: 0;
}

.connect #banner #tab1 {
    height: 350px;
    overflow: hidden;
    margin: 0;
}

.connect #banner #tab2 {
    height: 350px;
    overflow: hidden;
    margin: 0;
}

.connect #banner figcaption {
    position: absolute;
    left: 0;
    right: 0;
    width: 1180px;
    margin: 0 auto;
    padding: 0 50px;
    top: 70px;
    text-align: center;
}

.connect #banner .inner {
    position: absolute;
    left: 0;
    right: 0;
}

.connect .tabs-wrap {
    background: #eaedf1;
    height: 70px;
    width: 100%;
    z-index: 9;
}

.connect .tabs-wrap ul {
    list-style: none;
    width: 1180px;
    margin: 0 auto;
    padding: 0;
    z-index: 9;
    display: table;
}

.connect .tabs-wrap ul li {
    float: left;
    width: 50%;
    padding: 0 50px 0 0;
    text-align: right;
    position: relative;
    height: 70px;
}

.connect .tabs-wrap ul li:first-of-type {
    border-right: 1px dotted #9EA7B3;
}

.connect .tabs-wrap ul li:last-of-type {
    padding: 0 0 0 50px;
    text-align: left;
}

.connect .tabs-wrap ul li a {
    font: 400 24px "Open Sans", sans-serif;
    color: #5e6d81;
    position: relative;
    display: inline-block;
    padding: 20px 0 15px;
    text-decoration: none;
}

.connect .tabs-wrap ul li a.active:before {
    position: absolute;
    content: "";
    top: -28px;
    left: 40%;
    background: url("../img/sprite.png") no-repeat 19px -135px #EAEDF1;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
    height: 30px;
    width: 60px;
    display: block;
}

.connect .tabs-wrap ul li .active:after {
    position: absolute;
    content: "";
    background: #b0d361;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

.tile-wrap {
    padding: 0;
    width: 100%;
    text-align: center;
}

main .tile-wrap h1 {
    font: 300 32px "Open Sans", sans-serif;
    color: #5e6d81;
    text-align: center;
    margin: 40px 0 35px;
}

.path-search-communities main .tile-wrap h1 {
    text-align: left;
    margin-top: 0;
}
.path-search-communities main .tile-wrap {
    width: 100%;
}



/* .section-find-my-parish main  */

.tile-wrap a,
main .tile-wrap .row {
    display: inline-block;
    text-align: left;
}

.tile-wrap a,
main .tile-wrap .row a {
    display: inline-block;
    vertical-align: top;
}

.section-find-my-parish main .tile-wrap .row {
    float: left;
}

.tile-wrap figure,
main .tile-wrap .row figure {
    float: left;
    position: relative;
    width: 280px;
    margin: 0 10px 30px 0;
}

.tile-wrap figure img,
main .tile-wrap .row figure img {
    width: 100%;
    height: auto;
}

.tile-wrap figure figcaption .title,
main .tile-wrap .row figure figcaption .title {
    font: 300 21px "Open Sans", sans-serif;
    color: #5e6d81;
    padding: 5px 0;
}

.tile-wrap figure figcaption .members-data,
main .tile-wrap .row figure figcaption .members-data {
    font: 400 14px "Open Sans", sans-serif;
    color: #9ea7b3;
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0 0.35rem;
}

.tile-wrap figure figcaption .members-data .first,
main .tile-wrap .row figure figcaption .members-data .first {
    margin: 0 30px 0 0;
}

.tile-wrap figure figcaption .members-data .first:after,
main .tile-wrap .row figure figcaption .members-data .first:after {
    position: absolute;
    content: "";
    background: url("../img/sprite.png") no-repeat scroll -30px -32px transparent;
    height: 20px;
    width: 20px;
}


/* ==========================================================================
Connect Search
========================================================================== */

.section-find-my-parish main .left-side {
    width: 880px;
}

.section-find-my-parish main .right-side .section-links {
    margin: 0 0 0 30px;
}

.section-find-my-parish input[type=submit] {
    margin: 0;
}


/* ==========================================================================
Parish search
========================================================================== */


/* #views-exposed-form-communities-block-1  */

#views-exposed-form-parish-blocks-block__find-my-parish {
    width: 100%;
    /* max-width: 580px; */
    margin: 0 0 70px;
    text-align: left;
}

#views-exposed-form-parish-blocks-block__find-my-parish label {
    font: 400 15px "Open Sans", sans-serif;
    margin: 0 0 10px;
}

#views-exposed-form-parish-blocks-block__find-my-parish  input[type=text],
#views-exposed-form-parish-blocks-block__find-my-parish  select {
    width: 100%;
    margin: 0 0 20px;
}


/* ==========================================================================
Signup
========================================================================== */

.not-logged-in.path-user #user-register-form,
#user-login-form,
.page-user-login .left-side,
.page-user-register .left-side {
    width: 880px;
    margin: 50px auto 0;
}

body.not-logged-in .header-top .block-menu a[href="/dashboard"] {
    display: none;
}

.path-user .tabs-primary,
.page-user-register .tabs-primary {
    display: none;
}

.path-user .tabs,
.page-user-register .tabs {
    margin-bottom: 10px;
}

.path-user .tabs .tabs-primary,
.page-user-register .tabs .tabs-primary {
    display: block;
    margin-top: 0;
}

.path-user .tabs .tabs-primary li,
.page-user-register .tabs .tabs-primary li {
    padding: 10px 20px;
    margin: 0 5px 20px 0;
}

.path-user .tabs .tabs-primary li:before,
.page-user-register .tabs .tabs-primary li:before {
    content: none;
}

.path-user h2,
.path-user .entity-bean,
.page-user-register h2,
.page-user-register .entity-bean {
    text-align: center;
}

.path-user h2,
.page-user-register h2 {
    margin: 40px 0 0 0;
    font-size: 62px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1px;
}

.path-user .entity-bean p,
.path-user .entity-bean a,
.path-user .account-login,
.path-user .account-login a,
.page-user-register .entity-bean p,
.page-user-register .entity-bean a,
.user-register-form .account-login,
.user-register-form .account-login a {
    font-size: 18px;
    line-height: 45px;
    letter-spacing: -0.4px;
}

.path-user .entity-bean a,
.path-user .account-login a,
.page-user-register .entity-bean a,
.page-user-register .account-login a {
    margin-left: 5px;
}

.user-register-form .account-login {
    text-align: center;
}

.page-user-register #user-register-form .sign-up-email {
    background: none;
}

.page-user-register #user-register-form .sign-up-email .sign-up-form:after {
    display: none;
}

.page-user-register main>section>.inner {
    min-height: 0;
}

.registered {
    text-align: center;
}

.registered:before {
    display: inline-block;
    width: 61px;
    height: 61px;
    margin-bottom: 30px;
    content: "";
    border-radius: 50%;
    background: #23B7C2 url("../img/sprite.png") -173px -46px no-repeat;
}

.registered h2 {
    max-width: 600px;
    margin: 0 auto 35px;
}

.registered span {
    font-weight: 700;
}

.registered p,
.registered a {
    margin-bottom: 0;
    font-size: 21px;
}

.registered .blue-text {
    margin-top: 15px;
}

.registered .blue-text a {
    font-size: 18px;
}

.stay-connected {
    margin-top: 0px;
}

#block-donthaveaccountsignup,
.stay {
    padding: 30px 30px;
    text-align: center;
    background-color: #23a0a9;
}

#block-donthaveaccountsignup p,
#block-donthaveaccountsignup span,
.stay p,
.stay span {
    margin: 0;
    font-size: 36px;
    line-height: 50px;
    font-weight: 300;
    color: white;
}

#block-donthaveaccountsignup span,
.stay span {
    display: inline-block;
    vertical-align: top;
    font: 300 36px/50px "Open Sans", sans-serif;
}

#block-donthaveaccountsignup a,
.stay a {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin-left: 18px;
    padding: 0 38px;
    font-size: 19px;
    line-height: 50px;
    font-weight: 400;
    border-radius: 21px;
    text-transform: none;
    color: #5e6d81;
    background-color: #eaedf1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.stay a{
    position: relative;
}
#block-donthaveaccountsignup a:hover,
.stay a:hover {
    background: #d6dae5;
    text-decoration: none;
}

#block-donthaveaccountsignup a+a,
.stay a+a {
    border: 1px solid #eaedf1;
    color: #eaedf1;
    background-color: transparent;
}

#block-donthaveaccountsignup a+a:hover,
.stay a+a:hover {
    border-color: #d6dae5;
    color: #5e6d81;
}

.ireland-xo-signup-header p {
    font-size: 21px;
}

.path-user .sign-up-email,
.page-user-register .sign-up-email {
    clear: both;
    background: url("../img/dotted-line.png") repeat-x 0 0;
}

.path-user .sign-up-social,
.path-user .sign-up-email,
.page-user-register .sign-up-social,
.page-user-register .sign-up-email {
    position: relative;
    overflow: hidden;
    max-width: 580px;
    margin: 0 auto;
    padding: 35px 0;
}

.path-user .sign-up-email {
    padding: 35px 0 0;
}

.path-user .sign-up-social:after,
.page-user-register .sign-up-social:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: url("../img/dotted-line.png") repeat-x 0 0;
    bottom: 0;
    left: 0;
}

.path-user .sign-up-email p,
.path-user .sign-up-social p,
.page-user-register .sign-up-email p,
.page-user-register .sign-up-social p {
    float: none;
    font: 300 21px "Open Sans", sans-serif;
    color: #5e6d81;
}

.path-user .sign-up-social .buttons,
.page-user-register .sign-up-social .buttons {
    float: right;
    width: 580px;
}

.path-user .sign-up-social .buttons a,
.page-user-register .sign-up-social .buttons a,
.ui-dialog .hybridauth-widget-provider {
    position: relative;
    font: 400 15px "Open Sans", sans-serif;
    color: #fff;
    width: 210px;
    height: 40px;
    text-align: center;
    float: left;
    margin: 0 0 0 50px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    padding: 8px 0 0;
}

.path-user .sign-up-social .buttons a:before,
.page-user-register .sign-up-social .buttons a:before,
.ui-dialog .hybridauth-widget-provider:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 50px;
    left: -51px;
    top: 0;
    display: block;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

.path-user .sign-up-social .buttons a:nth-child(1),
.page-user-register .sign-up-social .buttons a:nth-child(1),
.ui-dialog .hybridauth-widget-provider.google {
    margin: 0 51px 30px;
}

.path-user .sign-up-social .buttons a:nth-child(2),
.page-user-register .sign-up-social .buttons a:nth-child(2),
.ui-dialog .hybridauth-widget-provider.facebook {
    margin: 0 0 20px 50px;
}

.path-user .sign-up-social .buttons a:nth-child(3),
.page-user-register .sign-up-social .buttons a:nth-child(3),
.ui-dialog .hybridauth-widget-provider.twitter {
    margin: 0 51px;
}

.path-user .sign-up-social .buttons a:nth-child(4),
.page-user-register .sign-up-social .buttons a:nth-child(4),
.ui-dialog .hybridauth-widget-provider.linkedin {
    margin: 0 0 0 50px;
}

.path-user .sign-up-social .buttons .facebook,
.page-user-register .sign-up-social .buttons .facebook,
.ui-dialog .hybridauth-widget-provider.facebook {
    background-color: #2570c2;
}

.path-user .sign-up-social .facebook:before,
.page-user-register .sign-up-social .facebook:before,
.ui-dialog .hybridauth-widget-provider.facebook:before {
    background: url("../img/sprite.png") no-repeat 20px -313px #2570c2;
}

.path-user .sign-up-social .buttons .google,
.page-user-register .sign-up-social .buttons .google,
.ui-dialog .hybridauth-widget-provider.google {
    background-color: #f13c44;
}

.path-user .sign-up-social .buttons .google:before,
.page-user-register .sign-up-social .buttons .google:before,
.ui-dialog .hybridauth-widget-provider:before {
    background: url("../img/sprite.png") no-repeat -50px -310px #f13c44;
}

.path-user .sign-up-social .buttons .twitter,
.page-user-register .sign-up-social .buttons .twitter,
.ui-dialog .hybridauth-widget-provider.twitter {
    background-color: #5ea9dd;
}

.path-user .sign-up-social .buttons .twitter:before,
.page-user-register .sign-up-social .buttons .twitter:before,
.ui-dialog .hybridauth-widget-provider.twitter:before {
    background: url("../img/sprite.png") no-repeat -12px -312px #5ea9dd;
}

.path-user .sign-up-social .buttons .linkedin,
.page-user-register .sign-up-social .buttons .linkedin,
.ui-dialog .hybridauth-widget-provider.linkedin {
    background-color: #0080b2;
}

.path-user .sign-up-social .buttons .linkedin:before,
.page-user-register .sign-up-social .buttons .linkedin:before,
.ui-dialog .hybridauth-widget-provider.linkedin:before {
    background: url("../img/sprite.png") no-repeat -90px -311px #0080b2;
}

.path-user .sign-up-email .sign-up-form,
.page-user-register .sign-up-email .sign-up-form {
    float: right;
    width: 580px;
    margin: 0;
    padding-bottom: 40px;
}

.path-user .sign-up-email .sign-up-form:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: url(../img/dotted-line.png) repeat-x 0 0;
    bottom: 40px;
    left: 0;
}

z
.page-user-password .sign-up-email .sign-up-form:after{
    display: none;
}

.page-user-password .sign-up-email .search-wrap{
    width: 100%;
}


.path-user .sign-up-email input,
.page-user-register .sign-up-email input {
    margin: 20px 0;
    float: left;
    width: 100%;
    line-height: normal;
    height: auto;
}

.sign-up-form .form-item-remember-me {
    clear: both;
    position: absolute;
    bottom: 0;
}

.sign-up-form .form-item-remember-me .custom-checkbox {
    top: 0;
}

.path-user .sign-up-email input[type=submit],
.page-user-register .sign-up-email input[type=submit],
.ui-dialog .form-submit {
    width: 220px;
    height: 50px;
    margin: 20px 0 40px 180px;
    font: 400 18px "Open Sans", sans-serif;
}

.page-user-register .sign-up-email label {
    padding: 25px 0 0;
}

.path-user .sign-up-email input[type=checkbox],
.page-user-register .sign-up-email input[type=checkbox] {
    width: 30px;
    height: 25px;
}

.path-user .sign-up-email .logout,
.page-user-register .sign-up-email .logout {
    position: absolute;
    bottom: 91px;
    right: 0;
    font-size: 15px;
    font-weight: 400;
}

.path-user .right-side .section-links,
.page-user-register .right-side,
.page-user-register .right-side .section-links,
.page-user.right-side {
    margin: 0;
}

.path-user .sign-up-email .account-login {
    position: absolute;
    bottom: 0;
    right: 0;
    font: 300 15px "Open Sans", sans-serif;
    margin: 0;
}

.page-user-register .sign-up-email .account-login {
    float: right;
    margin: 0;
    font: 300 15px "Open Sans", sans-serif;
    clear: both;
}

.path-user .sign-up-email .account-login a,
.page-user-register .sign-up-email .account-login a {
    font: 400 15px "Open Sans", sans-serif;
}

.form-item-terms-and-conitions .custom-checkbox {
    top: 2px !important;
}

.form-item-terms-and-conitions label {
    width: auto;
    float: left;
    clear: none;
}

.form-actions {
    margin: 0;
}

.sign-up-form label {
    font: 400 15px "Open Sans", sans-serif;
    margin: 0 0 10px;
}

.sign-up-form label.form-required {
    color: #323a45;
}
.js-form-required.form-required:after {
    content: "*";
    margin: 5px;
    color: #f00;
}





.sign-up-form .description {
    display: none;
}

.sign-up-form #edit-submit {
    margin: 0 auto;
    float: none;
}


.sign-up-email .sign-up-form-extras{
    text-align: right;
}
.sign-up-email .form-item-persistent-login{
    position: absolute;
    bottom: 20px;
    display: flex;
    align-items: center;
}

.sign-up-email .form-item-persistent-login .custom-checkbox{
    top: 0;
}
.sign-up-email .form-item-persistent-login label{
    margin: 0;
}

.modal-box #user-login-form,
.modal-box #user-login-form .sign-up-email,
.modal-box #user-login-form .sign-up-form{
    width: 100%;
}
.modal-box .sign-up-email input{
    margin: 0 0 10px;
}

.modal-box .sign-up-email{
    padding-top: 20px;
}

.modal-box .user-login-form #edit-submit{
    width: 170px;
    height: 40px;
    font-size: 15px;
    margin-top: 5px;
}

.path-user .sign-up-email p{
    font-size: 20px;
    margin: 0 0 15px;
}

.modal-box .entity-bean p{
    font-size: 16px;
    line-height: normal;
    margin: 0 0 10px;
}
.modal-box .action.join-irland-xo{
    color: #FFF !important;
    margin-bottom: 0;
}



.login-popup-box {
    flex-direction: column;
    padding: 25px 0 25px !important;
    max-height: 95vh;
}
.login-popup{
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 65px;
}

.login-popup h2{
    margin: 5px 0;
}

.login-popup-box .login-title{
    margin: 0 0 10px;
}

.login-popup-box .login-facbooklogin a{
    margin : 0 10% 3.5%;
}
.login-popup-box .sign-up-email{
    padding-top: 0;
}
.login-popup-box p{
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.login-popup-box .sign-up-email p{
    font-size: 18px;
    margin-bottom: 15px;
}

.login-popup-box .sign-up-email .search-wrap {
    margin-bottom: 0;
}

.login-popup-box .sign-up-email .form-item-persistent-login{
    position: static;
}

.login-popup-box .edit-actions{
    margin: 7.5px 0 5px;
}


/* ==========================================================================
Social Media login
========================================================================== */

.page-hybridauth-window-linkedin .fieldset-description,
.page-hybridauth-window-linkedin .fieldset-legend {
    font: 400 16px "Open Sans", sans-serif;
    color: #5E6D81;
}

.page-hybridauth-window-linkedin .form-item .description {
    margin: 0 0 20px;
}


/* ==========================================================================
Password reset
========================================================================== */

.page-user-password .sign-up-email {
    padding: 20px 0 0;
    margin-top: 20px;
}

.page-user-password #user-pass {
    max-width: 880px;
    margin: auto;
}

.password-reset .password-reset-wrap {
    padding: 0 195px;
}

.password-reset .password-reset-form {
    float: left;
    clear: both;
    font: 400 15px "Open Sans", sans-serif;
    color: #323a45;
    background: url("../img/dotted-line.png") repeat-x 0 0;
    width: 100%;
    padding: 38px 0 0;
}

.password-reset .password-reset-form div {
    overflow: hidden;
}

.password-reset .password-reset-form label {
    font: 400 21px "Open Sans", sans-serif;
    float: left;
}

.password-reset .password-reset-form input {
    background: #eaedf1;
    padding: 8px 15px;
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
    margin: 0 0 20px;
    border: 0;
    width: 480px;
    float: right;
}

.password-reset .password-reset-form input[type=submit] {
    color: #fff;
    background: #FA7135;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    width: 200px;
    height: 50px;
    text-align: center;
    margin: 20px 125px 0 0;
}

.password-reset .password-reset-form input[type=submit]:hover {
    background: #d36330;
}


/* ==========================================================================
Content page
========================================================================== */

.content-page .banner {
    margin: 0 0 35px;
}

.content-page .left-side {
    width: 880px;
}

.content-page .left-side>h2 {
    display: block;
    margin-right: 0;
    max-width: none;
}


/* ==========================================================================
Inner homepage
========================================================================== */

.section-ireland-xo .header-text h2 {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

#block-views-community-news-block-2,
#block-views-message-board-block-1,
.term-listing-heading {
    display: none;
    clear: both;
}

.left-side .term-listing-heading .intro {
    font: 400 15px/26px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 25px;
}

.event-wrap {
    clear: both;
    overflow: hidden;
    padding: 0 0 60px;
}

.event-wrap>a {
    display: inline-block;
}

.event-wrap figure {
    width: 380px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 15px 20px 0;
}

.event-wrap a:nth-child(2n) figure,
.event-wrap figure:nth-child(2n) {
    margin: 0 0 20px;
}

.event-wrap a figure figcaption .title,
.event-wrap figure figcaption .title a {
    font: 700 18px/24px "Open Sans", sans-serif;
    color: #5e6d81;
    padding: 10px 0 0;
}

.event-wrap a figure figcaption .title span {
    font: 400 14px "Open Sans", sans-serif;
    color: #9ea7b3;
}

.inner-home-page .left-side .links {
    margin: 0;
}


/* ==========================================================================
Article
========================================================================== */

.article .left-side>h2 {
    margin: 0 0 5px;
}

.article .left-side .links-header {
    margin: 10px 0;
    padding: 8px 0;
    background: none;
    overflow: hidden;
}

.article .left-side .teaser {
    margin: 0 0 20px;
}

.left-side .teaser a,
.left-side .teaser p {
    font: 300 24px/36px "Open Sans", sans-serif;
}


/* ==========================================================================
Community News
========================================================================== */

.community-news .main {
    clear: both;
    overflow: hidden;
}

.community-news .main>div h2 {
    margin: 0 0 50px;
    font-size: 32px;
}

.community-news .main>div h2:before {
    background: url("../img/sprite.png") no-repeat -124px -174px #23b7c2;
}

.community-news h2 {
    position: relative;
    padding: 0 0 20px 60px;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
}

.community-news h2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.community-news .main>div {
    width: 750px;
    float: left;
}

.community-news .main aside {
    width: 350px;
    float: right;
    margin: 15px 0 0;
}

.community-news .main aside ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.community-news .main>div h3 {
    font-weight: 700;
    margin: 0 0 25px;
}

.community-news .main aside ul li {
    padding: 20px 20px 20px 0;
    position: relative;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
}

.community-news .column p span,
.community-news .main aside ul li:after {
    position: absolute;
    right: 0;
    top: 23px;
    content: "";
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url("../img/sprite.png") no-repeat -165px -142px #eaedf1;
}

.community-news .column p span {
    bottom: 0;
    top: auto;
}

.community-news .main aside ul li a {
    font: 700 18px "Open Sans", sans-serif;
    color: #5e6d81;
}

.community-news .view-all {
    display: block;
    padding: 25px 0;
}

.community-news .column {
    margin: 80px 0 0;
    width: 350px;
    margin: 80px 50px 0 0;
    float: left;
}

.community-news .column article a.button,
.community-news .column-two ul li>a {
    display: inline-block;
    background: #eaedf1;
    font: 400 14px "Open Sans", sans-serif;
    color: #9ea7b3;
    padding: 5px 10px;
}

.community-news main .column-one article {
    padding: 0 0 30px;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
}

.community-news main .column-one article:last-child {
    background: transparent;
}

.community-news main .column-one article:first-of-type a.button {
    background: #fa7135;
    color: #fff;
    margin: 30px 0 0;
}

.community-news main .column-one article a.button {
    margin: 30px 0 0;
}

.community-news .column-three>div a {
    margin: 30px 0 0;
    display: inline-block;
}

.community-news .column h2 {
    margin: 0;
}

.community-news .column h3,
.community-news .column h3 a {
    font-weight: 700;
}

.community-news .column h3 {
    margin: 20px 0;
}

.community-news .column .date {
    margin: 0 0 15px;
}

.community-news .column p {
    position: relative;
    margin: 0 0 20px;
}

.community-news .column p:last-of-type:after {
    position: absolute;
    content: "";
    background: url("../img/sprite.png") no-repeat -165px -142px #eaedf1;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin: 3px 0 0 5px;
}

.community-news .column-two ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.community-news .column-two ul li {
    padding: 25px 10px 30px;
    background: url("../img/dotted-line.png") repeat-x 0 100% #f4f6f8;
}

.community-news .column-two ul li:nth-child(even) {
    background: url("../img/dotted-line.png") repeat-x 0 100% #fff;
}

.community-news .column-two ul li h4,
.community-news .column-two ul li h4 a {
    font: 700 18px "Open Sans", sans-serif;
}

.community-news .column-two ul li h4 {
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative;
}

.community-news .column-two ul li h4:before {
    position: absolute;
    content: "";
    background: url("../img/sprite.png") no-repeat -120px 0;
    width: 18px;
    height: 17px;
    top: 5px;
    left: 0;
}

.community-news .column-three {
    margin: 80px 0 0;
}

.community-news .column-three div:first-child {
    margin: 0 0 80px;
}

.community-news .column-three article {
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    padding: 0 0 30px;
}

.community-news .column-three article:last-child {
    background: transparent;
}

.community-news .column-one h2:before {
    background: url("../img/sprite.png") no-repeat -73px -213px #fa7135;
}

.community-news .column-two h2:before {
    background: url("../img/sprite.png") no-repeat -62px -173px #23b7c2;
}

.community-news .column-three h2:before {
    background: url("../img/sprite.png") no-repeat -191px -176px #cbdb2a;
}

.community-news .column-three div:last-child h2:before {
    background: url("../img/sprite.png") no-repeat -155px -173px #fa7135;
}

.community-news .column-three>a {
    margin: 25px 0 0;
    display: inline-block;
}


/* ==========================================================================
Membership Form
========================================================================== */

#user-form {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 0 100px;
    color: #5e6d81;
}

#user-form label {
    margin-bottom: 8px;
    font: 400 16px/26px "Open Sans", sans-serif;
    color: inherit;
}

#user-form h3 ,
#user-form .user-privacy legend{
    margin-bottom: 18px;
    font: 400 22px/28px "Open Sans", sans-serif;
    color: inherit;
}

#user-form p {
    font: inherit;
}

#user-form fieldset{
    display: block !important;
}


#user-form .customSelect,
#user-form .edit-pass-login{
    width: 100%;
    max-width: 100%;
}

#user-form .user-description {
    margin-bottom: 20px;
    font: 400 16px/26px "Open Sans", sans-serif;
}

#user-form h3,
#user-form .user-group-render,
#user-form .user-group-message,
#user-form .user-description,
#user-form .form-item:not(#edit-field-profile-status--wrapper){
    max-width: 480px;
    width: 100%;
}

#user-form .member-form-wrap>div {
    padding-bottom: 0;
    overflow: visible;
    clear: both;
}
#user-form .member-form-wrap > .actions > #edit-delete{
    max-width: unset;
}
#user-form .member-form-wrap > .actions > #edit-delete a {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 25px;
    background-color: #df4a32;
    font: 700 14px "Open Sans", sans-serif;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 1;
}

#user-form .member-form-wrap>.actions>#edit-delete a:hover,
#user-form .member-form-wrap>.actions>#edit-delete a:focus {
    opacity: 0.7;
}

#user-form .form-item {
    padding-bottom: 0;
    margin-top: 0;
}

#user-form .form-item input {
    width: 100%;
    margin-bottom: 0;
}

#user-form .description {
    float: none;
    margin-top: 6px;
    font-size: 13px;
    line-height: 21px;
}

#user-form .form-item:not(.form-type-checkbox):not(.form-type-radio) {
    margin-bottom: 20px;
}

#user-form .form-item:not(.form-type-checkbox):not(.form-type-radio):last-child {
    margin-bottom: 0;
}

#user-form .form-type-checkbox,
#user-form .form-type-radio {
    float: none !important;
}

#user-form .form-type-checkbox .custom-checkbox,
#user-form .form-type-radio .custom-checkbox {
    margin-top: 1px;
}

#user-form .user-edit-picture .user-edit-picture {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dotted #ccc;
    padding-top: 20px;
}

@media (min-width: 1025px) {
    #user-form .user-edit-picture .user-edit-picture .fieldset-wrapper {
        display: flex;
    }
}

#user-form .user-edit-picture .user-edit-picture .user-picture {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 85px;
    width: 85px;
    margin: 0 20px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

#user-form .user-edit-picture .user-edit-picture .user-picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
}

#user-form .user-edit-picture .user-edit-picture .form-item-picture-delete {
    margin: 0 0 20px 0;
    padding: 30px 0 0 0;
}

@media (min-width: 1025px) {
    #user-form .user-edit-picture .user-edit-picture .form-item-picture-delete {
        margin: 0;
    }
}

#user-form .user-edit-picture .user-edit-picture .form-item-picture-delete label {
    line-height: 22px;
}

#user-form .user-edit-picture .user-edit-picture .form-item-files-picture-upload {
    margin: 0;
}

#user-form .user-edit-picture .user-edit-picture .form-item-files-picture-upload input {
    margin-bottom: 0;
}

#user-form .actions,
#user-form .user-form,
#user-form .location-group,
#user-form .subscriptions-group,
#user-form .user-group,
#user-form .user-privacy {
    margin-top: 40px;
    border-top: 1px dotted #ccc;
    padding-top: 30px;
    clear: both;
}

#user-form .user-edit-info {
    margin-top: 20px;
    border-top: 1px dotted #ccc;
    padding-top: 36px;
}

#user-form .user-edit-info>div {
    margin-bottom: 20px;
}

#user-form .user-edit-info>div:last-child {
    margin-bottom: 0;
}

#user-form .user-form .form-item {
    width: 100%;
}

#user-form .user-form .form-item [type=text],
#user-form .user-form .form-item [type=password] {
    width: 100%;
    max-width: 100%;
}

#user-form .user-form .password-strength {
    margin-top: 0;
    padding: 20px 0;
    float: none;
}

#user-form #edit-account .form-item-current-pass  {
    position: relative;
}

#user-form #edit-account .form-item-current-pass  .description {
    position: static;
    font-weight: 700;
}

@media (min-width: 1025px) {
    #user-form #edit-account .form-item-current-pass  .description a[href*="/user/password"] {
        position: absolute;
        top: 34px;
        right: -20px;
        transform: translateX(100%);
        display: block;
        min-height: 40px;
        padding: 10px 20px;
        border-radius: 20px;
        background-color: #23B7C2;
        font: 700 14px "Open Sans", sans-serif;
        line-height: 18px;
        color: white;
        white-space: normal;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
}

#user-form #edit-account .form-item-current-pass  .description a[href*="/user/password"]:hover,
#user-form #edit-account .form-item-current-pass  .description a[href*="/user/password"]:focus {
    background-color: #28919c;
}

#user-form #edit-account .form-item-current-pass  .description:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 16px;
    margin-left: -4px;
    background-color: #fff;
}

#user-form #edit-account .form-item-current-pass  .password-strength,
#user-form #edit-account .form-item-current-pass  div.password-confirm {
    display: block;
    min-height: 40px;
    margin-top: 0;
    padding: 10px 0;
    font: 700 14px "Open Sans", sans-serif;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    #user-form #edit-account .form-item-current-pass  .password-strength,
    #user-form #edit-account .form-item-current-pass  div.password-confirm {
        position: absolute;
        top: 34px;
        right: -20px;
        transform: translateX(100%);
    }
}

#user-form #edit-account .form-item-current-pass  .password-strength {
    width: auto;
}

#user-form #edit-account .form-item-current-pass  .password-strength .password-strength-text {
    margin-left: 10px;
    font: inherit;
}

#user-form #edit-account .form-item-current-pass  .password-strength .password-strength-text:empty~* {
    display: none;
}

#user-form .edit-pass-login .description {
    font-weight: 700;
}

#user-form .user-form .password-suggestions {
    width: 100%;
    max-width: 480px;
    background: rgba(234, 237, 241, 0.5);
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
}

#user-form .location-group .form-item:not(.form-type-checkbox):not(.form-type-radio) {
    margin-bottom: 20px;
}

#user-form .location-group .form-item:not(.form-type-checkbox):not(.form-type-radio):last-child {
    margin-bottom: 20px;
}

#user-form .user-group-render .group {
    position: relative;
    display: inline-block;
    margin: 0 16px 8px 0;
    border: 1px solid #5e6d81;
    border-radius: 20px;
    padding: 8px 22px;
    background-color: #fff;
    font: 700 16px/20px "Open Sans", sans-serif;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    color: #5e6d81;
}

#user-form .user-group-render .group label {
    margin-bottom: 0;
    font: inherit;
    color: inherit;
}

#user-form .user-group-render .group a {
    font: inherit;
    text-decoration: none;
}

#user-form .user-group-render .group a:hover,
#user-form .user-group-render .group a:focus {
    text-decoration: underline;
}

#user-form .subscriptions-group>div {
    max-width: 480px;
    margin-bottom: 1em;
}

#user-form #user-form #edit-field-profile-status--wrapper {
    display: none;
}

@media screen and (min-width: 641px) {
    #user-form #edit-field-profile-status--wrapper {
        display: flex;
    }

    #user-form #edit-field-profile-status--wrapper .form-type-radio {
        width: 50%;
        padding-right: 15px;
    }
}

#user-form .user-privacy .user-privacy--description {
    font: 400 16px/26px "Open Sans", sans-serif;
    margin-top: 18px;
}

@media screen and (min-width: 641px) {
    #user-form .user-privacy .user-privacy--description {
        display: flex;
    }
}

#user-form .user-privacy .user-privacy--description>div {
    width: 100%;
    margin-bottom: 10px;
}

#user-form .user-privacy .user-privacy--description>div span {
    font-weight: 700;
}

@media screen and (min-width: 641px) {
    #user-form .user-privacy .user-privacy--description>div span {
        font-weight: 400;
    }
}

@media screen and (min-width: 641px) {
    #user-form .user-privacy .user-privacy--description>div {
        width: 50%;
        margin-bottom: 0;
        padding-right: 20px;
    }
}

#user-form .actions {
    text-align: center;
}

#user-form .actions p {
    margin-bottom: 0;
    text-align: center;
}

#user-form .actions>[type=submit] {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 30px;
    border-radius: 25px;
    padding: 15px 30px;
    margin-right: 0;
    float: none !important;
    text-transform: uppercase;
    font-weight: 700;
}

#user-form .ajax-progress {
    display: none;
}

.user-cancel-form {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 0 100px;
    font: 400 18px/30px "Open Sans", sans-serif;
    color: #5e6d81;
}

.user-cancel-form #edit-actions{
    margin-top: 1em;
}

.user-cancel-form .form-submit,
.user-cancel-form #edit-cancel {
    padding: 15px 30px;
    border-radius: 25px;
    font: 700 14px "Open Sans", sans-serif;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-top: 15px;
    margin-bottom: 15px;
}

.user-cancel-form .form-submit {
    opacity: 1;
    background: #df4a32;
}

.user-cancel-form .form-submit:hover,
.user-cancel-form .form-submit:focus {
    opacity: 0.7;
}

.user-cancel-form #edit-cancel {
    display: inline-block;
    background: #FA7135;
}

.user-cancel-form #edit-cancel:hover,
.user-cancel-form #edit-cancel:focus {
    background: #d36330;
}


/* ==========================================================================
Sign up
========================================================================== */

.sign-up-form .form-item {
    margin: 0;
}

.sign-up-form .custom-checkbox {
    top: 9px;
}


/* ==========================================================================
Profile page -  irelandxo.com/user
========================================================================== */

.path-user .profile {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding-top: 60px;
    color: #5e6d81;
}

.path-user .profile .user-picture {
    position: absolute;
    top: -20px;
    left: 0;
    transform: translateY(-50%);
    height: 85px;
    width: 85px;
    margin: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.path-user .profile .user-picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
}

.path-user .profile h3 {
    margin: 40px 0 15px;
    border: 0;
    padding: 0 0 15px;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    font: 400 22px/28px "Open Sans", sans-serif;
    color: inherit;
}

.path-user .profile .field-name-field-profile-name {
    margin-top: -20px;
    margin-bottom: 15px;
    font-size: 35px;
    font-weight: 600;
    color: inherit;
}

.path-user .profile .field-name-og-user-node {
    position: relative;
    display: inline-block;
    margin: 0 16px 8px 0;
    vertical-align: middle;
}


.path-user .profile .field-name-og-user-node a {
    position: relative;
    margin: 0;
    border: 1px solid #5e6d81;
    border-radius: 20px;
    padding: 8px 22px;
    overflow: hidden;
    background-color: #fff;
    font: inherit;
    text-decoration: none;
    color: inherit;
}

.path-user .profile .field-name-og-user-node a:hover,
.path-user .profile .field-name-og-user-node a:focus {
    background-color: #eaedf1;
}

.path-user .profile .field-label-above {
    font: 700 16px/20px "Open Sans", sans-serif;
    color: inherit;
    margin: 0 16px 8px 0;
}

.path-user .profile dl dd,
.path-user .profile dl dt,
.path-user .profile .field-name-field-county-state,
.path-user .profile .field-name-field-zip-postal-code,
.path-user .profile .field-name-field-country,
.path-user .profile .field-name-field-town-city {
    display: inline-block;
    color: inherit;
}

.path-user .profile .field-name-field-county-state,
.path-user .profile .field-name-field-zip-postal-code,
.path-user .profile .field-name-field-country,
.path-user .profile .field-name-field-town-city {
    font: 400 16px/20px "Open Sans", sans-serif;
}

.path-user .profile dl dd,
.path-user .profile dl dt {
    font: 400 16px/20px "Open Sans", sans-serif;
}

.path-user .profile dl dd {
    font-weight: 700;
}

.path-user .profile .group-email-notifications {
    color: inherit;
}

.path-user .profile .group-email-notifications>h2 {
    margin: 40px 0 15px;
    border: 0;
    padding: 0 0 15px;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    font: 400 22px/28px "Open Sans", sans-serif;
    color: inherit;
    text-align: left;
}

.path-user .profile .group-email-notifications .field-label {
    margin: 0 0 20px;
    padding: 0;
    background: none;
    font: 400 16px/20px "Open Sans", sans-serif;
    color: inherit;
}

.path-user .profile p {
    font: inherit;
}

.path-user .sign-up-email label {
    padding: 0;
}


/* ==========================================================================
Events landing
========================================================================== */

.events-landing article:first-of-type {
    padding: 0 0 30px;
}

.events-landing .item-list {
    border-top: none;
}

.events-landing article {
    clear: both;
    background: transparent url("../img/dotted-line.png") repeat-x 0 100%;
    padding: 50px 0 30px;
    overflow: hidden;
    width: 100%;
}

.events-landing article:last-of-type {
    margin-bottom: 30px;
    background: none;
}

.events-landing+.bottom-controls>.item-list {
    border-top: none;
}

.events-landing article>div {
    width: 45%;
    float: right;
}

.events-landing article:nth-child(2n) div {
    float: left;
}

.events-landing article>.img-wrapper {
    width: auto;
    float: left;
}

.events-landing article:nth-child(2n) .img-wrapper {
    float: right;
}

.events-landing article div>a:not(.contextual-links-trigger),
.events-landing article div>a:not(.contextual-links-trigger),
.field-type-taxonomy-term-reference a {
    display: inline-block;
    background: #EAEDF1;
    font: 400 14px "Open Sans", sans-serif;
    color: #9EA7B3;
    padding: 5px 10px;
}

.field-type-taxonomy-term-reference a {
    margin-bottom: 30px;
}

.events-landing article .file-image,
.events-landing article .file-video {
    width: 380px;
}

.events-landing article:nth-child(odd) .file-image,
.events-landing article:nth-child(odd) .file-video {
    float: left;
}

.events-landing article:nth-child(even) .file-image,
.events-landing article:nth-child(even) .file-video {
    float: right;
}

.view-section-landing-page .views-row {
    clear: both;
    background: url("../img/dotted-line.png") repeat-x 0 100%;
    padding: 50px 0;
    overflow: hidden;
    width: 100%;
}

.view-section-landing-page .views-row-last {
    background: none;
}

.events-landing .views-row:last-child {
    background: transparent;
}

.view-section-landing-page .views-row-first {
    padding: 0;
}

.view-section-landing-page .views-row .text-wrap {
    width: 100%;
    max-width: 360px;
}

.view-section-landing-page .views-row .text-wrap h3 {
    font-weight: 700;
    margin: 0 0 20px;
    max-width: 380px;
    text-transform: capitalize;
}

.view-section-landing-page h3 a.active {
    color: #5E6D81;
}

.view-section-landing-page .views-row .image-wrap img {
    max-width: 340px;
    width: 100%;
}

.view-section-landing-page .views-row-even .image-wrap,
.view-section-landing-page .views-row-odd .text-wrap {
    float: right;
}

.view-section-landing-page .views-row-even .text-wrap,
.view-section-landing-page .views-row-odd .image-wrap {
    float: left;
}

.view-section-landing-page .views-row div .date:last-of-type {
    margin: 5px 0 10px;
}

.view-section-landing-page .views-row .text-wrap>span a {
    display: inline-block;
    font: 400 14px "Open Sans", sans-serif;
    color: #fff;
    padding: 10px 30px;
    background: #FA7135;
    border-radius: 20px;
    text-decoration: none;
}

.view-section-landing-page .views-row .text-wrap>span a:hover {
    background: #D36330;
}

.events-landing h3 a,
.view-section-landing-page h3 a {
    font: 700 24px/36px "Open Sans", sans-serif;
}

.events-landing .results,
.view-section-landing-page .results {
    color: #9ea7b3;
    width: 200px;
    float: left;
}

.events-landing .pagination,
.view-section-landing-page .pagination {
    float: left;
    padding: 0 0 0 25px;
    list-style: none;
    margin: 0;
}

.events-landing .pagination li,
.view-section-landing-page .pagination li {
    float: left;
    padding: 0 20px 0 0;
    font: 400 15px "Open Sans", sans-serif;
    color: #9ea7b3;
}

.node-type-events .field-name-field-introduction- p {
    font: 300 24px/36px "Open Sans", sans-serif;
}


/* ========================
communities-listing
======================== */

.communities-listing .results {
    margin: 0 50px 30px 0;
}

.communities-listing>a {
    margin: 0 30px 0 0;
}

.communities-listing>a:last-of-type {
    margin: 0;
}

.communities-listing h1 {
    font: 300 32px/36px "Open Sans", sans-serif;
}

.communities-listing .results span {
    font: 400 15px "Open Sans", sans-serif;
    color: #9ea7b3;
    margin: 0 50px 0 0;
}

.communities-listing .results a {
    margin: 0 50px 0 0;
    position: relative;
}

.communities-listing .results a:last-of-type {
    margin: 0;
}

.communities-listing .results a ul {
    position: absolute;
}

.communities-listing .wrap {
    list-style: none;
    margin: 50px 0 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.communities-listing .wrap li {
    float: left;
    height: 250px;
    width: 180px;
    overflow: hidden;
    position: relative;
    margin: 0 20px 0 0;
    padding: 0;
}

.communities-listing .wrap li:before {
    display: none;
}

.communities-listing .wrap li:nth-child(6n) {
    margin: 0;
}

.communities-listing .wrap li a {
    text-decoration: none;
}

.communities-listing .wrap li .image-wrap {
    max-height: 180px;
    overflow: hidden;
}

.communities-listing .wrap li .icon {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: url("../img/sprite.png");
    background-position: -139px -68px;
    background-repeat: no-repeat;
    background-color: #b0d361;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.communities-listing .wrap li:hover .icon {
    background-color: #323a45;
}

.communities-listing .wrap li .rollover {
    position: relative;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font: 400 16px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.communities-listing .wrap li .rollover:after {
    position: absolute;
    content: "";
    top: 90px;
    left: 70px;
    height: 30px;
    width: 30px;
    background: url("../img/sprite.png") no-repeat scroll -153px -320px;
}

.communities-listing .wrap li:hover .rollover {
    height: 80px;
    padding: 25px 20px 20px;
    opacity: 1;
}

.rollover.green {
    background: #B0D361;
}

.rollover.orange {
    background: #FA7135;
}

.rollover.turquoise {
    background: #23B7C2;
}

.communities-listing .wrap li .title {
    font: 400 16px "Open Sans", sans-serif;
    color: #5e6d81;
    padding: 3px 0 0;
}


/* =======================
News
====================== */

.node-news .content .field-name-field-county-parish-multiple a {
    display: inline-block;
    background: #EAEDF1 none repeat scroll 0 0;
    font: 400 14px "Open Sans", sans-serif;
    color: #9EA7B3;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

.node-type-news .field-name-field-introduction p {
    font: 300 24px/36px "Open Sans", sans-serif;
}

.left-side .form-controls.refine-results {
    height: 100px;
}

.left-side .form-controls.refine-results form {
    width: 100%;
    height: 100%;
}

.left-side .form-controls.refine-results .form-item {
    margin: 0;
}

.left-side .form-controls.refine-results .form-item .description {
    margin-top: 0;
    font-size: 13px;
}

.left-side .form-controls.refine-results .search-wrap {
    width: 530px;
}

.left-side .form-controls.refine-results .search-wrap:nth-child(2) {
    float: right;
    width: auto;
    position: relative;
}

.left-side .form-controls.refine-results .search-wrap:nth-child(2) input[type=submit] {
    background: #FA7135;
    width: 200px;
}


/* =======================
Edit News & Events
====================== */

.view-user-views {
    width: 780px;
}

.view-user-views fieldset legend {
    font: 300 32px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 20px;
}

.view-user-views .form-type-select {
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
}

#views-exposed-form-parishes-page,
.view-user-views .form-type-select .customSelect,
.view-user-views .form-type-select select {
    width: 100%;
}

.view-user-views input {
    margin: 0 0 30px;
    float: left;
}

#edit-preview,
#edit-submit {
    margin: 0 20px 0px 0;
}

.user-login-form #edit-submit {
    margin: auto;
}

.user-login-form .search-wrap {
    width: 100%;
}

#edit-field-download-und-ajax-wrapper {
    padding: 0 0 60px;
}

#edit-field-download-und .form-item {
    margin: 0;
}

#edit-field-download-und-0-browse-button {
    text-decoration: none;
}

.form-textarea-wrapper {
    float: left;
    clear: both;
    width: 100%;
}

.form-textarea-wrapper textarea {
    background: none repeat scroll 0 0 #EAEDF1;
    background-color: transparent;
    padding: 8px 15px;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
}

.tooltip-wrapper+.form-textarea-wrapper {
    clear: both;
}


/* ==========================================================================
Forms
========================================================================== */


/* =======================
Common form styles
======================= */

.form-managed-file .image-widget-data {
    width: 100%;
}

.form-managed-file .form-file {
    margin: 0 0 20px;
    cursor: pointer;
}

#taxonomy-form-term input[type=submit],
.node-form .button.browse,
.node-form input[type=submit] {
    width: auto;
    float: left;
    margin: 0 20px 0 0;
}

#message-board-answers-node-form input.form-submit {
    margin: 0 20px 30px 0;
}

#message-board-answers-node-form #edit-field-attached-files-und-0-remove-button {
    margin: 0;
}

#taxonomy-form-term .description,
.node-form .description {
    font: 300 13px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 15px 0 0;
}


/* =======================
Sign-up form
======================= */

.form-item .description,
.password-strength,
.password-strength-text,
div.password-confirm {
    font: 400 16px "Open Sans", sans-serif;
    color: #5E6D81;
}

.form-item .description {
    /* clear: both; */
    margin: 20px 0 0;
    text-align: left;/* float: left; */
}

.password-strength,
div.password-confirm {
    float: left;
    width: 100%;
}

div.password-confirm {
    padding: 0 0 30px;
}

.password-strength {
    padding: 30px 0;
}

.password-strength .password-indicator {
    max-width: 200px;
    width: 100%;
}

div.form-item div.password-suggestions {
    z-index: 99;
}

.form-type-password label {
    background: none !important;
}
.form-item-pass-pass1 label {
    background: none !important;
}

.node-form label {
    text-align: left; /* float: left; */
    display: inline-block;
    font: 300 21px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 10px;
}

.not-front .node-form label {
    float: none;
    clear: both;
}

.node-form th label {
    margin-bottom: 0;
    padding-left: 20px;
    /*padding-right: 20px;*/
}

.node-form input[type=text] {
    margin: 0;
}

#edit-field-date-of-birth-split input,
#edit-field-date-of-death-split input {
    width: 32%;
}

#edit-field-date-of-birth-split .date-wrapper,
#edit-field-date-of-death-split .date-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#edit-field-date-of-birth-split .date-wrapper input,
#edit-field-date-of-death-split .date-wrapper input {
    margin-left: 15px;
}

#edit-field-date-of-birth-split .date-wrapper input:first-of-type,
#edit-field-date-of-death-split .date-wrapper input:first-of-type {
    margin-left: 0;
}

#edit-field-timeline-date-split {
    padding-bottom: 30px;
}

#edit-field-timeline-date-split .date-wrapper {
    display: flex;
    clear: both;
}

.date-wrapper {
    clear: both;
}

#field-additional-information-add-more-wrapper label,
#field-sources-add-more-wrapper label {
    float: none;
}

.node-form>div {
    padding: 0 0 30px;
    /* overflow: hidden; not a good solution */
}

.node-form .button.browse {
    color: #FFF;
    background: #FA7135;
    border-radius: 20px;
    text-align: center;
    padding: 8px 15px;
}

.node-form .button.browse:hover {
    background: #d36330;
}

.node-form .form-type-date-popup {
    margin: 0;
}

.node-form .form-type-date-popup .date-padding {
    padding: 0;
}

.node-form legend {
    display: none;
}
#edit-field-date-of-birth-0 legend ,#edit-field-date-of-death-0 legend {
    display: unset !important;
}

.node-form .vertical-tabs {
    border-bottom: 1px solid #CCC;
}

.node-form .vertical-tabs .vertical-tabs-list {
    margin: 0;
}

.node-form .vertical-tabs-panes fieldset {
    padding: 20px;
}

.node-form .vertical-tabs .vertical-tabs-list .selected strong {
    color: #23B7C2;
}

.node-form .vertical-tabs ul.vertical-tabs-list {
    border-top: 0;
}

.node-form .vertical-tabs ul.vertical-tabs-list li {
    border-left: 0;
}

.node-form .vertical-tabs ul.vertical-tabs-list li a,
.node-form .vertical-tabs ul.vertical-tabs-list li a strong,
.node-form .vertical-tabs ul.vertical-tabs-list li a:hover strong {
    text-decoration: none;
    font-size: 14px;
}

.node-form .vertical-tabs fieldset .form-type-checkbox input[type=checkbox] {
    width: 30px;
    height: 30px;
    margin: 0;
    float: right;
}

.node-form .vertical-tabs fieldset {
    margin: 0 0 20px;
}


/* =======================
Delete post
======================= */

.page-node-delete .confirmation {
    font: 300 32px "Open Sans", sans-serif;
    color: #5E6D81;
    position: relative;
}

.page-node-delete .confirmation .form-submit {
    margin-top: 40px !important;
}

.page-node-delete .confirmation>a {
    float: left;
    color: #fff;
    background: #FA7135;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    width: 200px;
    display: block;
    margin: 0 auto;
    padding: 8px 15px;
    position: absolute;
    top: 83px;
    left: 240px;
}


/* =======================
countries/add
======================= */

#taxonomy-form-term>div {
    margin: 0 0 30px;
    padding: 0 0 60px;
    border-bottom: 1px dotted #9ea7b3;
}

#taxonomy-form-term .form-item {
    clear: both;
    overflow: hidden;
    margin: 0;
}

#taxonomy-form-term .form-type-radios,
#taxonomy-form-term .text-format-wrapper .form-item {
    margin: 30px 0 0;
}

#taxonomy-form-term .form-item>label {
    font: 300 21px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 10px;
}

#taxonomy-form-term .form-type-radio label {
    float: left;
}

#taxonomy-form-term .form-type-radio input[type=radio] {
    height: 30px;
    width: 30px;
    float: right;
    margin: 0;
}

#taxonomy-form-term .form-item input[type=text] {
    margin: 0;
}

#taxonomy-form-term .form-radios label {
    font: 400 15px "Open Sans", sans-serif;
    margin: 0;
}


/* ==========================================================================
Calendar

Two different calanders are used on the site.
One appears on right had column of add/events page
The other is generated by Drupal's pop up calendar
widget thingamabob - /news/add (see Date field)
========================================================================== */

#ui-datepicker-div {
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
    background: #EAEDF1;
    border: 0;
    margin: 20px 0;
    overflow: hidden;
}

.ui-widget-header .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    border: 0;
    background: #EAEDF1;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-next span:hover,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-prev span:hover {
    background: #EAEDF1;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff;
    border: 0;
    padding: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 0;
}

.ui-datepicker-calendar tbody {
    border: 0;
}

.ui-datepicker-calendar tr td {
    bottom: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0;
}

.ui-datepicker-calendar tr:first-of-type td {
    border-top: 1px solid #ccc;
}

.ui-datepicker-calendar tr:first-of-type td:first-of-type {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.ui-datepicker td a,
.ui-datepicker td span {
    text-align: center;
}

.ui-datepicker-calendar td a.ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    padding: 7px 0 0;
}

.ui-datepicker-calendar td a:hover {
    border: 0;
}

#block-calendar-block-calendar {
    font-size: 21px;
    font-weight: 400;
    margin: 0 0 10px;
}

#block-calendar-block-calendar:before {
    display: none;
}

#calendar_block,
#ui-datepicker-div {
    background: #EAEDF1;
    overflow: hidden;
    width: 280px;
    border: 0;
    border-top: 5px solid #b0d361;
    padding: 0 22px 25px;
}

#calendar_block {
    margin: 0 0 40px;
}

#calendar_row0 {
    height: 100px;
    padding: 20px 0;
    background-image: none;
}

#calendar_row0 #nav {
    overflow: hidden;
    margin: 0 0 20px;
}

#calendar_row0 .hok.top span {
    text-transform: capitalize;
}

#calendar_row0 #calendar_header {
    font: 400 16px "Open Sans", sans-serif;
    color: #5E6D81;
    width: 90%;
    margin: 0;
}

#calendar_row0 #calendar_next,
#calendar_row0 #calendar_prev {
    width: 5%;
}

#calendar_prev span {
    text-align: right;
}

#calendar_prev a,
.ui-datepicker-prev span {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 8px 0;
    border-color: transparent #5d6b85 transparent;
    text-align: right;
}

#calendar_next a,
.ui-datepicker-next span {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent #5d6b85 transparent;
}

#calendar_row0 .hok.top,
.ui-datepicker-calendar th span {
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    height: auto;
}

#calendar_row1,
#calendar_row2,
#calendar_row3,
#calendar_row4,
#calendar_row5,
#calendar_row6 {
    width: 100%;
    overflow: hidden;
}

#calendar_row1 .hok,
#calendar_row2 .hok,
#calendar_row3 .hok,
#calendar_row4 .hok,
#calendar_row5 .hok,
#calendar_row6 .hok,
.ui-datepicker-calendar td a {
    height: 33px;
    width: 33px;
    background-image: none;
    background: #fff;
    font: 400 14px "Open Sans", sans-serif;
    color: #5e6d81;
}

#calendar_row1 .hok.today,
#calendar_row2 .hok.today,
#calendar_row3 .hok.today,
#calendar_row4 .hok.today,
#calendar_row5 .hok.today,
#calendar_row6 .hok.today,
.ui-datepicker-calendar td a.ui-state-active {
    background-image: none;
    background: #23b7c2;
    color: #fff;
}

#calendar_row1 .hok.disabled,
#calendar_row2 .hok.disabled,
#calendar_row3 .hok.disabled,
#calendar_row4 .hok.disabled,
#calendar_row5 .hok.disabled,
#calendar_row6 .hok.disabled,
.ui-datepicker-calendar td.ui-state-disabled {
    background-image: none;
    background: #eaedf1;
}

.week .hok {
    border-bottom: 1px solid #d7dbe0;
    border-right: 1px solid #d7dbe0;
}

.week .hok.date-selected {
    background: #b0d361 !important;
}

.week .hok.date-selected span,
.week .hok.date-selected span a {
    color: #fff !important;
}

.week .hok.first {
    border-left: 1px solid #d7dbe0;
}

.week.first .hok {
    border-top: 1px solid #d7dbe0;
    border-bottom: 1px solid #d7dbe0;
    border-right: 1px solid #d7dbe0;
}

.hok .border_bottom,
.last .last .border_bottom {
    display: none;
}

.block-dara-overwrite .form-required {
    display: none;
}


/* =======================
Team page
======================= */

.section-our-team .view-section-landing-page .views-row .text-wrap {
    max-width: 400px;
}

.section-our-team .image-wrap img {
    -webkit-border-radius: 220px;
    -moz-border-radius: 220px;
    -ms-border-radius: 220px;
    -o-border-radius: 220px;
    border-radius: 220px;
}

.team {
    margin: 0;
    padding: 0;
}

.team li {
    float: left;
    padding: 0;
    margin: 0 0 10px;
    background: none;
}


/* =======================
Donate page
======================= */

.section-donate .left-side {
    width: 880px;
    padding-bottom: 50px;
}

.section-donate .field-name-field-main-image img {
    float: left;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    -ms-border-radius: 180px;
    -o-border-radius: 180px;
    border-radius: 180px;
}

.section-donate .field-name-body {
    float: right;
    max-width: 480px;
    width: 100%;
}

.section-donate .payment_row {
    overflow: hidden;
    padding: 30px 0;
    background: url("../img/dotted-line.png") repeat-x 0 0;
    display: table;
    width: 100%;
}

.section-donate .payment_row h3 {
    font-size: 21px;
    margin: 0 0 15px;
}

.section-donate .payment_row p {
    line-height: 24px;
    margin: 0;
}

.region-full-width {
    background-color: #eaedf1;
}

.region-full-width .content {
    max-width: 1060px;
    margin: 0 auto;
    padding: 30px 20px;
}

.region-full-width .field-name-body.field-type-text-with-summary {
    margin-bottom: 0;
}

.region-full-width .field-name-body.field-type-text-with-summary h3 {
    margin-bottom: 0;
}

.region-full-width .field-name-body.field-type-text-with-summary h3 a {
    color: #23B7C2;
}

.region-full-width .field-name-body.field-type-text-with-summary a {
    font-size: 24px;
    font-weight: 300;
}

#block-bean-donations {
    margin: 30px 0 0;
}

.section-donate .payment_left_column {
    width: 600px;
    padding: 0 120px 0 0;
    display: table-cell;
    vertical-align: top;
}

.section-donate .payment_right_column {
    width: 280px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.section-donate .right-side .section-links h3,
.section-donate .right-side .section-links ul {
    margin-left: 60px;
}

.donation-form label {
    font: 400 16px "open Sans", sans-serif;
    color: #5E6D81;
}

.donation-form .customSelect,
.donation-form input {
    margin: 0 0 28px;
}



#block-paypaldonations #edit-custom-submit{
    /* display: flex; */
    display: inline-block;
}

.donation-submit-button {
    display: inline-block;
    margin: 0 auto;
}
.donation-submit-button span:first-child{
    color: #fff;
    background: #FA7135;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 0 0 20px;
    text-align: center;
    padding: 14px 20px 0 30px;
    /* border-right: 1px dotted #fff; */
    position: relative;
    height: 50px;
    font-size: 16px;
    display: inline-block;
}
/* .donation-submit-button span:last-child {
    display: block;
    width: 140px;
    height: 50px;
    background: url("../img/sprite.png") no-repeat 27px -353px #FA7135;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
} */

/* .donation-submit-button:hover span:last-child {
    background: url("../img/sprite.png") no-repeat 27px -353px #d36330;
} */

.donation-submit-button:hover span:first-child{
    color: #fff;
    text-decoration: none;
    background: #d36330;

}

.section-donate .hasCustomSelect {
    width: 280px !important;
}


/* =======================
Parish search
======================= */

.page-user-parishes .views-exposed-form .views-reset-button,
.page-user-parishes .views-exposed-form .views-submit-button {
    width: 200px;
    float: left;
}

.page-user-parishes .views-exposed-form .views-reset-button {
    margin: 0 0 60px;
}

.page-user-parishes .views-exposed-form .views-submit-button {
    margin: 0 20px 60px 0;
}


/* =======================
Parish search
======================= */

.section-partners .left-side {
    width: 880px;
    padding-bottom: 50px;
}

.section-partners .left-side .node-partner {
    position: relative;
}

.section-partners .left-side .node-partner .summary {
    max-width: 500px;
    min-height: 340px;
}

.section-partners .left-side .node-partner .content .field-name-field-main-image {
    position: absolute;
    top: 0;
    right: 0;
}

.section-partners h2 {
    font-size: 24px;
    font-weight: 400;
}

.section-partners .left-side .field-name-field-introduction {
    max-width: 480px;
    width: 100%;
}

.section-partners .img-wrapper img {
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    -ms-border-radius: 170px;
    -o-border-radius: 170px;
    border-radius: 170px;
}

.section-partners .img-wrapper {
    float: right;
    margin: 0 0 30px;
}

.section-partners .section-partners-field-body {
    clear: both;
    overflow: hidden;
    margin: 0 0 20px;
}

.section-partners .right-side .section-links h3,
.section-partners .right-side .section-links ul {
    margin: 0 0 0 60px;
}

.section-partners .right-side .section-links ul {
    margin-bottom: 30px;
}

.section-partners .field-name-field-contact-image {
    float: left;
    margin: 0 60px 0 0;
}

.section-partners .partner-contact-detail {
    float: left;
    width: 400px;
}

.section-partners .partner-contact-detail tr{
    margin: 0 0 20px;
}
.section-partners .partner-contact-detail td{
    vertical-align: top;
}
.section-partners .partner-contact-detail-label {
    width: 80px;
    font: 700 15px "Open Sans", sans-serif;
    margin: 0;
}
.section-partners .partner-contact-detail-field p{
    margin: 0;
}


.section-partners .field-name-field-contact-details .field-name-field-contact-title {
    font: 400 32px "Open-Sans", sans-serif;
    color: #5e6d81;
    float: none;
    margin: 0 0 30px;
    clear: none;
    padding: 0;
    width: 400px;
}
.section-partners .field-name-field-contact-details .field-name-field-telephone {
    font: 400 15px "Open Sans", sans-serif;
    color: #5e6d81;
}


/* =======================
Landing pages
======================= */

.full-width .article .field-type-text-with-summary {
    text-align: left;
}

.full-width .field-type-text-with-summary {
    text-align: center;
    margin-bottom: 55px;
}

.view-section-landing-page .image-wrap img {
    -webkit-border-radius: 220px;
    -moz-border-radius: 220px;
    -ms-border-radius: 220px;
    -o-border-radius: 220px;
    border-radius: 220px;

    width: auto !important;
}

.view-section-landing-page .views-row {
    position: relative;
    background: none;
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.views-row.views-row-odd {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.view-section-landing-page .views-row-even .image-wrap,
.view-section-landing-page .views-row-even .text-wrap,
.view-section-landing-page .views-row-odd .image-wrap,
.view-section-landing-page .views-row-odd .text-wrap {
    float: none;
}

.view-section-landing-page .views-row .text-wrap {
    display: table-cell;
    max-width: 100%;
    vertical-align: middle;
}

.view-section-landing-page .views-row-even .text-wrap,
.view-section-landing-page .views-row-odd .text-wrap {
    padding: 3rem;
}



.view-section-landing-page .views-row .text-wrap h3,
.view-section-landing-page .views-row .text-wrap h3 a {
    max-width: 100%;
    font-size: 32px;
    font-weight: 300;
    text-decoration: none;
    text-transform: capitalize;
}

.view-section-landing-page .views-row .text-wrap h3 {
    margin-bottom: 30px;
}


/* =======================
Twitter auth
======================= */

.page-hybridauth-window-twitter span {
    font: 300 32px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 20px;
}

.page-hybridauth-window-twitter .fieldset-description {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 30px;
    padding: 0;
}

.page-hybridauth-window-twitter .description {
    margin: 0 0 30px;
}


/* =======================
Unanswered Questions
======================= */

.page-user-unanswered-messages main section>.inner {
    padding: 0;
}

.page-user-unanswered-messages .views-table form .vbo-table-this-page {
    margin-top: 20px;
}

.page-user-unanswered-messages th input[type=checkbox].form-checkbox {
    margin: 0;
}

.page-user-unanswered-messages th.views-field-name {
    width: 30%;
}

.page-user-unanswered-messages th.views-field-created {
    width: 25%;
}

.page-user-unanswered-messages .description {
    margin-top: 0;
}

.page-user-unanswered-messages .view-user-views input {
    margin-bottom: 20px;
}

.page-user-unanswered-messages .left-side form .form-submit {
    clear: both;
    margin: 0 20px 20px 0;
    padding: 8px 15px !important;
    width: 200px;
    float: left;
}

.page-user-unanswered-messages .left-side form #edit-submit-user-views {
    margin-top: 0;
}

.page-user-unanswered-messages #views-form-user-views-page-4>input {
    width: 200px;
    margin: 20px 20px 0 0 !important;
}

.form-item-assign-user label {
    font: 300 32px "Open Sans", sans-serif;
    color: #5E6D81;
    margin-bottom: 20px;
}

.page-user-unanswered-messages form .active {
    float: left;
    color: #fff;
    background: #FA7135;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    width: 200px;
    display: block;
    margin: 20px 0 0;
    padding: 8px 0;
    text-decoration: none;
}

.page-user-unanswered-messages form .active:hover {
    background: #d36330;
}

.page-user-unanswered-messages #autocomplete {
    z-index: 100;
    background: #fff;
}

.page-user-unanswered-messages #autocomplete ul li {
    margin: 0;
}

.page-user-unanswered-messages #autocomplete ul li:before {
    display: none;
}


/* =======================
Exhibitions
======================= */

.node-type-exhibition-overview-page .banner {
    height: 410px;
}

.node-type-exhibition-overview-page .banner .inner {
    top: 130px;
    padding-right: 20px;
}

.banner .banner_logo {
    float: left;
    margin-right: 40px;
    border: 10px solid #fff;
}

.exhibitions .banner .inner h1 {
    margin-top: 40px;
}

.exhibitions .banner .breadcrumb {
    display: none;
}

.node-type-exhibition-subpage main .exhibitions .left-side {
    width: 780px;
}

#block-menuonexhibitionsection .item-list ul {
    margin: 0;
    list-style: none;
    padding-bottom: 12px;
    border-bottom: 1px solid #eaedf1;
    overflow: hidden;
}

#block-menuonexhibitionsection .item-list ul li {
    float: left;
    padding-left: 0;
    margin: 0 35px 0 0;
}

#block-menuonexhibitionsection .item-list ul li:before {
    display: none;
}

#block-menuonexhibitionsection .item-list ul li:last-of-type {
    margin-right: 0;
}

#block-menuonexhibitionsection .item-list ul li a {
    padding-bottom: 10px;
    font-size: 18px;
}

#block-menuonexhibitionsection .item-list ul li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #B0D361;
    color: #B0D361;
}

#block-menuonexhibitionsection .item-list ul li .active {
    border-bottom: 2px solid #B0D361;
}


#menuonexhibitionsection-responsive-menu .item-list{
    transition: max-height 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
}
#menuonexhibitionsection-responsive-menu .item-list ul{
    transition: all 0.3s ease-in-out;
    transform: scale(0.95);
}

#menuonexhibitionsection-responsive-menu .item-list-visible{
    transition: max-height 0.3s ease-in;
    max-height: 300px;
}
#menuonexhibitionsection-responsive-menu .item-list-visible ul{
    transform: scale(1);
}



.exhibitions .full-width .field-type-text-with-summary {
    text-align: left;
}

.exhibitions .tile-wrap .row {
    padding: 0;
}

.exhibitions .tile-wrap .row figure {
    width: 380px;
}

.exhibitions .tile-wrap .row figure figcaption .title {
    font-size: 18px;
    font-weight: bold;
}

.exhibitions #block-sharethis-sharethis-block {
    background: none;
    padding-top: 20px;
}

#views-exposed-form-exhibits-block-1 {
    margin-bottom: 40px;
}

#views-exposed-form-exhibits-block-1 .form-item ,
#views-exposed-form-exhibits-block-1 .search-wrap {
    margin-right: 20px;
    float: left;
    max-width: 250px;
}

#views-exposed-form-exhibits-block-1 .form-item input,
#views-exposed-form-exhibits-block-1 .search-wrap input{
    width: 100%;
    background-color: #eaedf1;
    border-radius: 20px;
    color: #5E6D81;
    padding: 8px 10px;
}

#views-exposed-form-exhibits-block-1 .form-item input{
    background: #EAEDF1 url("../img/sprite.png") no-repeat scroll -150px -250px;
    padding-left: 40px;
}

#views-exposed-form-exhibits-block-1 #edit-actions{
    text-align: left;
    padding: 0 0.5rem;
}

#views-exposed-form-exhibits-block-1 #edit-actions input{
    color: #fff !important;
    background: #FA7135 !important;
    padding: 8px 19px !important;
    width: auto !important;
    text-decoration: auto !important;
    display: inline-block !important;
}



.exhibitions .find-my-parish-pager .item-list .pager {
    float: right;
}


/* Exhibit subpage */

.node-type-exhibition-subpage .exhibitions .banner {
    height: 180px;
}

.node-type-exhibition-subpage .exhibitions .banner .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

.node-type-exhibition-subpage .exhibitions .banner .inner h1 {
    margin-top: 0;
}

.node-type-exhibition-subpage .exhibitions .banner .inner .breadcrumb {
    display: block;
}

#menuonexhibitionsection-responsive-menu {
    display: none;
}

.exhibitions .exhibit_details {
    overflow: hidden;
    margin-bottom: 30px;
}

.exhibitions .field-exhibit-intro {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 0;
    margin-bottom: 20px;
}

.exhibitions .field-exhibition-image {
    margin-bottom: 30px;
}

.exhibitions .field-exhibition-image img {
    width: 100%;
    max-width: 780px;
    height: 100%;
    max-height: 520px;
    margin-bottom: 0;
}

.exhibitions .exhibit_details div {
    font: 300 14px "Open Sans", sans-serif;
    color: #9EA7B3;
    position: relative;
    margin: 0 30px 0 0;
    float: left;
}

.exhibitions .exhibit_details div:after {
    position: absolute;
    content: "";
    background: transparent url("../img/sprite.png") no-repeat scroll -30px -32px;
    height: 20px;
    width: 20px;
}

.exhibitions .exhibit_details div:last-of-type:after {
    background: none;
}

.exhibitions .left-side .join {
    top: 90px;
    right: 30px !important;
    position: absolute;
}


/* Hub updates */

.left-side .field-type-text-with-summary {
    margin: 55px 0;
    text-align: center;
}
.left-side .field-type-text-with-summary h2{
    text-align: left;
    float: none;
}

.left-side .field-type-text-with-summary p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}
.left-side .field-type-text-with-summary a {
    color: #23a0a9;
}

.left-side .view-section-landing-page .views-row {
    position: relative;
    padding: 0;
    margin-bottom: 70px;
    background: none;
    height: 280px;
}

.left-side .view-section-landing-page .views-row .text-wrap {
    height: 280px;
    max-width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none;
}




.left-side .view-section-landing-page .block-bean:nth-child(odd) .views-row .text-wrap {
    padding-left: 310px;
}

.left-side .view-section-landing-page .block-bean:nth-child(even) .views-row .text-wrap {
    padding-right: 310px;
}


.left-side .view-section-landing-page .block-bean:nth-child(odd) .views-row .img-wrapper {
    left: 0;
}

.left-side .view-section-landing-page .block-bean:nth-child(even) .views-row .img-wrapper {
    right: 0;
}




.left-side .view-section-landing-page .img-wrapper {
    position: absolute;
    top: 0;
}


.left-side .view-section-landing-page .views-row .img-wrapper img {
    height: 280px;
    width: 280px;
    border-radius: 280px;
}

.left-side .view-section-landing-page .views-row .text-wrap h3,
.left-side .view-section-landing-page .views-row .text-wrap h3 a {
    max-width: 100%;
    font-size: 32px;
    font-weight: 300;
    text-decoration: none;
    text-transform: capitalize;
}






.database-hub-landing #body-add-more-wrapper .text-format-wrapper>div {
    overflow: hidden;
}

.database-hub-landing .field-multiple-table {
    margin-bottom: 20px;
}

.database-hub-landing .field-multiple-table th,
.database-hub-landing .sticky-header .field-label {
    background: #fff;
}

.database-hub-landing .field-multiple-table th label,
.database-hub-landing .sticky-header .field-label label {
    font: 300 21px "Open Sans", sans-serif;
    color: #5E6D81;
    margin: 0 0 10px;
}

.database-hub-landing a.tabledrag-handle .handle {
    height: 25px;
    width: 25px;
}

.database-hub-landing #field-featured-articles-values .form-item input {
    background-color: transparent;
}

.database-hub-landing #taxonomy-form-term .form-item .image-widget-data .form-type-textfield {
    padding: 25px 0;
}

.geo-container>div {
    clear: both;
}



.edit-add-form input.geocode-btn {
    width: 200px;
    float: none;
    margin: 0 0 20px;
}

.edit-add-form .form-item-body-0-format,
.node-profile-add-form-form .form-item-body-0-format {
    display: flex;
    align-items: center;
    padding: 2em 0 1em;
    float: left;
}

.edit-add-form .form-item-body-0-format label,
.node-profile-add-form-form .form-item-body-0-format label {
    white-space: nowrap;
    margin: 0 0.75em;
}

.edit-add-form .form-item-body-0-format select,
.node-profile-add-form-form .form-item-body-0-format select {
    width: 400px !important;
}

.edit-add-form .form-managed-file,
.edit-add-form .field--name-field-buiding-type{
    clear: both;
}

#edit-field-attached-files-wrapper summary {
    display: none;
}
#edit-field-attached-files-wrapper table {
    text-align: left;
}

.edit-add-form .field--name-field-accociated-parishes th:last-child,
.edit-add-form .field--name-field-accociated-parishes .delta-order,
.edit-add-form .field--name-field-source th:last-child,
.edit-add-form .field--name-field-source .delta-order,
.edit-add-form .field--name-field-source .paragraph-type-title,
.node-profile-add-form-form .field--name-field-biographical-details th:last-child,
.node-profile-add-form-form .field--name-field-sources th:last-child,
.node-profile-add-form-form .field--name-field-sources .delta-order,
.node-profile-add-form-form .field--name-field-sources .paragraph-type-title,
.node-profile-add-form-form .field--name-field-biographical-details .paragraph-type-title,
.node-profile-add-form-form .field--name-field-biographical-details .delta-order ,
.node-profile-add-form-form .field--name-field-accociated-buildings th:last-child,
.node-profile-add-form-form .field--name-field-accociated-buildings .delta-order{
    display: none;
}


.node-profile-add-form-form .field--name-field-sources tr:nth-child(odd),
.node-profile-add-form-form .field--name-field-biographical-details tr:nth-child(odd),
.edit-add-form .field--name-field-accociated-parishes tr:nth-child(odd) ,
.edit-add-form .field--name-field-accociated-buildings tr:nth-child(odd) ,
.node-profile-add-form-form .field--name-field-attached-files tr:nth-child(odd),
.edit-add-form .field--name-field-source tr:nth-child(odd) {
    background-color: #f4f6f8;
}

.node-profile-add-form-form .field--name-field-sources tr:nth-child(even),
.node-profile-add-form-form .field--name-field-biographical-details tr:nth-child(even),
.edit-add-form .field--name-field-accociated-parishes tr:nth-child(even) ,
.edit-add-form .field--name-field-accociated-buildings tr:nth-child(even) ,
.node-profile-add-form-form .field--name-field-attached-files tr:nth-child(even),
.edit-add-form .field--name-field-source tr:nth-child(even) {
    background-color: #e5e7e9;
}


.edit-add-form .field--name-field-accociated-buildings h4,
.edit-add-form .field--name-field-sources h4,
.edit-add-form .field--name-field-accociated-parishes h4,
.edit-add-form .field--name-field-timeline-date h4,
.edit-add-form .field--name-field-source h4,
.node-profile-add-form-form .field--name-field-biographical-details h4 {
    margin: 0;
    text-align: left;
    text-indent: 0.5em;
    color: unset;
    font-size: 21px;
    color: #5e6d81;
}
.edit-add-form .field--name-field-timeline-date h4{
    text-indent: 0;
    margin: 0 0 10px;
}

.edit-add-form .js-form-type-textarea label {
    float: unset;
}

.edit-add-form .js-text-format-wrapper .js-text-summary-wrapper .js-form-type-textarea div{
    display: none;
}



.edit-add-form .field--name-field-source .tabledrag-handle .handle,
.node-profile-add-form-form .field--name-field-sources .tabledrag-handle .handle,
.node-profile-add-form-form .field--name-field-biographical-details .tabledrag-handle .handle{
    margin: -0.4em 0.5em 0;
    padding: 12px;
}




.edit-add-form .field--name-field-source td div.form-wrapper:only-child,
.node-profile-add-form-form .field--name-field-sources td div.form-wrapper:only-child,
.node-profile-add-form-form .field--name-field-biographical-details td div.form-wrapper:only-child{
    display: flex;
    flex-direction: column-reverse;
    padding: 0 1em;
}



.edit-add-form .form-actions{
    display: flex;
}
.visiting-edit-add-form .form-actions{
    justify-content: center;
}
.visiting-edit-add-form .form-actions input[type=submit],
.visiting-edit-add-form .form-actions #edit-delete{
    margin-top: 20px !important;
    border-radius: 25px;
    padding: 15px 30px;
    font-weight: 700;
    text-transform: uppercase;
}
    


#node-visiting-add-form-form.edit-add-form {
    max-width: 700px;
    margin: 0 auto;
}

#node-visiting-add-form-form.edit-add-form .form-checkboxes{
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

#node-visiting-add-form-form.edit-add-form .form-item legend{
    display: block;
    font-size: 15px;
    color: #5E6D81;
}
#node-visiting-add-form-form.edit-add-form label {
    font-size: 15px;
}
#node-visiting-add-form-form.edit-add-form .form-checkboxes .js-form-type-checkbox{
    display: flex;
    align-items: center;
}
#node-visiting-add-form-form.edit-add-form .form-checkboxes label{
    margin: 0;
}




#node-visiting-add-form-form.edit-add-form {
    max-width: 700px;
    margin: 0 auto;
}

#node-visiting-add-form-form.edit-add-form .form-checkboxes{
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

#node-visiting-add-form-form.edit-add-form .form-item legend{
    display: block;
    font-size: 15px;
    color: #5E6D81;
}
#node-visiting-add-form-form.edit-add-form label {
    font-size: 15px;
}
#node-visiting-add-form-form.edit-add-form .form-checkboxes .js-form-type-checkbox{
    display: flex;
    align-items: center;
}
#node-visiting-add-form-form.edit-add-form .form-checkboxes label{
    margin: 0;
}

#node-visiting-add-form-form.edit-add-form .form-checkboxes .custom-checkbox{
    margin: 5px 10px;
}
.categories a {
    display: block;
}


#edit-field-gender--wrapper label,
.form-type-managed-file label {
    float: none;
    clear: both;
}

#edit-field-gender--wrapper .form-radios div {
    float: none;
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}


#field-sources-und-0-field-source-url-add-more-wrapper .description {
    margin-bottom: 20px;
}

.building {
    position: relative;
}

.building h2 {
    float: none;
    margin-bottom: 10px;
}

.building h2 a {
    font-size: 15px;
    font-weight: 400;
}

.building h3 {
    margin-bottom: 10px;
}

.building>.form-controls {
    position: relative;
    top: 5px;
}

.building>.form-controls .action {
    position: absolute;
    right: 145px;
}

.building>.form-controls .cms-edit {
    right: 0;
}

.building .back-to-list {
    position: absolute;
    right: 258px;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 40px;
    border: 1px solid #d6dae5;
    color: #5e6d81;
    background-color: white;
}

.building .back-to-list:hover {
    color: white;
    background-color: #d6dae5;
    text-decoration: none;
}

.field-name-field-buiding-type,
.btn-filter a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    background-color: #eaedf1;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top;
    color: #5e6d81;
}

.field-name-field-buiding-type:hover,
.btn-filter a:hover {
    text-decoration: none;
}

.building .view-header h2 {
    margin-bottom: 40px;
}

.building .view-header h2 a {
    font-size: 32px;
    font-weight: 700;
}

.people-database main .tile-wrap {
    text-align: left;
}

.people-database .field-type-text-with-summary {
    text-align: left;
    margin-bottom: 50px;
}

.people-database .field-type-text-with-summary,
.people-database .field-type-text-with-summary p {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
}

.people-database .left-side.search-wrap:nth-child(2) {
    border-right: 0;
}

.people-database .left-side .form-controls form {
    width: 100%;
    max-width: 550px;
}

.people-database .left-side .bottom-controls {
    float: left;
    clear: both;
    width: 100%;
    background: url("../img/dotted-line.png") repeat-x 0 0;
}

.people-database .left-side #block-sharethis-sharethis-block {
    float: left;
    background: none;
}

.people-database .left-side .item-list {
    float: right;
    display: inline-block;
    width: auto;
    margin-top: 45px;
}

.people-database .left-side .select-wrap label {
    display: inline-block;
    color: #5E6D81;
}

.people-database .left-side .search-wrap {
    width: 225px;
}

.people-database .left-side input[type=radio]:not(old)+label>span {
    margin-bottom: 5px;
}

.people-database .left-side .media-widget {
    float: left;
    clear: both;
}

.people-database .left-side .media-widget .form-submit {
    width: auto;
    float: left;
    clear: both;
    margin-top: 25px;
}

.people-database .left-side .media-widget .preview {
    float: left;
    clear: both;
}

.people-database .left-side .media-widget .button {
    margin-top: 25px;
    float: left;
}

.people-database .form-checkboxes {
    clear: both;
}

.people-database .form-checkboxes .form-item,
.people-database .form-radios .form-item {
    float: left;
    clear: both;
}

.people-database .node-form .option {
    font-size: 16px;
}

.people-database .form-textarea-wrapper {
    clear: both;
}

.page-ireland-xo-visiting .left-side .form-controls {
    position: relative;
}

.page-ireland-xo-visiting .left-side .form-controls form {
    padding-top: 30px;
    margin-top: 70px;
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    max-width: none;
}

.page-ireland-xo-visiting .left-side .action {
    position: absolute;
    top: 0;
    right: 0;
}

.page-ireland-xo-visiting .left-side .search-wrap:nth-child(2) {
    max-width: none;
    width: auto;
    margin-left: 45px;
    margin-right: 45px;
}

.node-type-visiting .node-title {
    padding-right: 245px;
}

.node-type-visiting .form-controls .action {
    margin-left: 30px;
}

.node-type-visiting .main-img img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 0;
}

.node-type-visiting .database-table {
    clear: both;
}

.building-database .left-side .form-controls form {
    margin-bottom: 20px;
}

.building-database .database-item figcaption {
    font-size: 17px;
    font-weight: 300;
    color: #5E6D81;
}

.building-database .database-item .title {
    font-size: 17px;
    font-weight: 700;
}

.page-ireland-xo-history-and-genealogy-buildings-database .field-type-text-with-summary {
    margin-bottom: 43px;
}

.page-ireland-xo-history-and-genealogy-buildings-database .field-type-text-with-summary p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}

.ajax-new-content .form-textarea-wrapper,
.ajax-new-content label+input,
.ajax-new-content label+select,
.draggable .form-textarea-wrapper,
.draggable label+input,
.draggable label+select {
    clear: both;
    float: left;
    margin-bottom: 20px;
}

.ajax-new-content .form-textarea-wrapper,
.draggable .form-textarea-wrapper {
    width: 100%;
}

.field-multiple-table .tooltip-wrapper {
    padding-top: 0;
    text-indent: initial;
}

.ajax-new-content select,
.draggable select {
    padding-top: 10px;
    padding-bottom: 10px;
}

.person-heading {
    display: table;
    margin-bottom: 30px;
    margin-bottom: 30px;
}

.person-heading div {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin-left: 30px;
}

.person-heading-left h2 {
    float: none;
    margin-left: 10px;
    margin-bottom: 0;
}

.person-heading .action {
    margin-top: 5px;
    margin-bottom: 0;
}

.person-heading .action:after {
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
    background-position: -197px -314px;
}

.person-heading-left .action {
    float: none !important;
    margin: 20px 0;
}

.person-heading-left {
    padding-left: 30px !important;
}

.person-heading .profile-parishes-county {
    /* padding-left: 22px; */
}

 /* for ancestor body crop image issue resolve */
  .person-heading img {
    width: 170px;
    height: 170px;
    object-fit: initial;
 }


.node-type-profile .database-table tbody tr td:last-of-type {
    text-align: left;
}

.migration-notification {
    margin: 0 0 30px;
    padding: 0;
    font: 700 15px/26px "Open Sans", sans-serif;
    color: #23B7C2;
}

.contact h2 {
    width: 100%;
    margin-bottom: 20px;
}

.contact form {
    max-width: 540px;
}

.contact input {
    float: left;
}

.contact label {
    font: 400 15px "Open Sans", sans-serif;
    color: #323A45;
    margin: 0 0 10px;
    display: block;
}

.contact .form-required {
    color: #F00;
}

/* .form-required {
    color: #f00;
} */

.contact .chechbox1 {
    float: left;
}

.contact .chechbox2 {
    float: right;
}

.contact main input[type=submit] {
    height: 50px;
    font-size: 18px;
    margin-top: 40px;
}

.timeline #block-bean-timeline-intro .field-type-text-long,
.timeline #block-bean-timeline-intro .field-type-text-long p,
.timeline #block-bean-timeline-intro .field-type-text-with-summary,
.timeline #block-bean-timeline-intro .field-type-text-with-summary p {
    font: 300 24px/36px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 0;
    margin-bottom: 27px;
}

.timeline .left-side .form-controls {
    padding-bottom: 30px;
    border-bottom: 2px solid #EAEDF1;
    margin-bottom: 20px;
}

.timeline-wrap {
    margin-bottom: 20px;
    padding-bottom: 20px;
    clear: both;
    overflow: hidden;
}

.timeline-wrap .timeline-row {
    display: table;
}

.timeline-row .timeline-content,
.timeline-row .timeline-date {
    margin: 0 auto;
}

.timeline-row .timeline-date {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 70px;
    display: table;
    position: relative;
    top: 30px;
    background: none;
}

.timeline-row .timeline-date.has-date {
    background: #23B7C2;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: relative;
}

.timeline-row .timeline-date.has-date:after {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    height: 8000px;
    width: 1px;
    background: #23B7C2;
    z-index: -1;
}

.timeline-row .timeline-date.has-date span {
    font-size: 18px;
}

.timeline #edit-field-timeline-date-split input {
    flex: 1 1 33.3%;
    margin-right: 20px;
    margin-bottom: 0;
}

.timeline #edit-field-timeline-date-split input:last-of-type {
    margin-right: 0;
}

.timeline-wrap .timeline-row:nth-last-of-type(1) .timeline-date.has-date:after {
    background: #fff;
    width: 2px;
}

.timeline .timeline-date>div {
    margin-top: 20px;
    display: table-cell;
    vertical-align: middle;
}

.timeline-row .timeline-content {
    display: table-cell;
    width: 610px;
    padding: 35px 20px;
    border-bottom: 2px solid #eaedf1;
    text-align: left;
    vertical-align: middle;
}

.timeline-row .timeline-content span,
.timeline-row .timeline-content span a {
    font: 700 18px "Open Sans", sans-serif;
    color: #5e6d81;
    display: block;
    margin-bottom: 20px;
}


/* .timelines-body p
{
    font: 700 18px "Open Sans", sans-serif !important;
    color: #5e6d81 !important;
    display: block;
    margin-bottom: 20px;
    font-weight: 400 !important;
} */

.timeline-row .timeline-content .timeline_date {
    font-weight: 400;
}

.timeline-row .timeline-content p {
    font: 300 18px/30px "Open Sans", sans-serif;
    color: #5e6d81;
}

.timeline-row:last-of-type .timeline-content {
    border-bottom: 0;
}

.timeline .left-side .search-wrap {
    width: 290px;
}

.timeline .field-name-field-county-parish-multiple {
    clear: both;
}

.section-ireland .left-side .search-wrap {
    width: 250px;
}

.tabs {
    width: 100%;
    display: inline-block;

}

.tabs .tab-links {
    margin: 0;
    overflow: hidden;
}

.tabs .tab-links li {
    float: left;
    list-style: none;
    margin-right: 3px;
    margin-bottom: 0;
    padding-left: 0;
}

.tabs .tab-links li:before {
    display: none;
}

.tabs .tab-links a {
    padding: 10px 30px 10px 40px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    transition: all linear 0.15s;
    position: relative;
    background: #9ea7b3;
}

.tabs .tab-links a:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 10px;
    height: 30px;
    width: 30px;
    background: url("../img/sprite.png") no-repeat 0 0;
}

.tabs .tab-links li:first-of-type a:before {
    background-position: -195px -99px;
}

.tabs .tab-links li:last-of-type a:before {
    background-position: -195px -135px;
}

.tabs li a:hover,
.tabs li.active a {
    background: #23b7c2;
    color: #fff;
    text-decoration: none;
}

.tabs .tab-content {
    background: #fff;
    width: 100%;
    height: 100%;
}

.tabs .tab {
    display: none;
}

.tabs .tab.active {
    display: block;
}

.tabs .tab figure img {
    width: auto;
    max-width: 100%;
}

.tabs .tab figure figcaption {
    font-size: 14px;
    color: #9ea7b3;
    padding: 15px 0;
    text-align: left;
}

.tabs #google_map_embeded {
    height: 450px;
}

.events .form-controls {
    margin-bottom: 55px;
}

.database-item {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: 0 5px 40px;
}

.database-item>a {
    display: block;
    overflow: hidden;
}
.ancestor-database .database-item>a{
    height: 280px;
}

.database-item>a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.database-item .img-wrapper {
    overflow: hidden;
}

.database-item .img-wrapper img {
    vertical-align: bottom;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    max-height: 250px;
}

.bld-associated-img {
    width: 250px !important;
    height: 250px !important;
}

.database-item img {
    width: 100%;
    height: 100%;
}

.database-item figcaption {
    font: 400 14px "Open Sans", sans-serif;
    color: #9EA7B3 !important;
    padding: 10px 0 0;
    text-align: left;
    font-weight: 400;
}

.database-item .title {
    font-size: 20px;
    font-weight: 300;
    color: #5e6d81 !important;
}

.database-item .members-data span {
    font-weight: 400;
}

.database-item>a:hover,
.database-item a:hover {
    text-decoration: none;
}

.members-data {
    line-height: 1.5;
}

.members-data .first {
    padding-right: 15px;
}

.dob-border {
    padding-left: 15px;
    border-left: 1px dotted #5e6d81;
}

.loaded #cookie-compliance-wrap {
    opacity: 1;
}

#cookie-compliance-wrap {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.main-img img {
    width: 100%;
    margin-bottom: 20px;
}

.main-img figcaption {
    font-size: 14px;
    color: #9EA7B3;
    padding: 0 0 30px;
    text-align: left;
}

.left-side .form-controls {
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.left-side .form-controls form {
    float: left;
}

.left-side .search-wrap {
    float: left;
    position: relative;
    height: 35px;
}

.left-side .search-wrap input[type=text] {
    position: absolute;
    left: 0;
    color: #5E6D81;
    width: 100%;
    padding: 8px 20px;
    border-radius: 20px;
}

.left-side .search-wrap input[type=submit] {
    position: absolute;
    right: 2px;
    width: 40px;
    text-align: center;
    background: url("../img/sprite.png") no-repeat scroll -150px -250px;
}

.left-side .select-wrap {
    float: left;
    width: 215px;
    display: inline-block;
    position: relative;
    margin-left: 30px;
}

.left-side .select-wrap label {
    font: 700 15px "Open Sans", sans-serif;
    color: #5E6D81;
    margin-right: 5px;
    display: inline-block;
}

.left-side .select-wrap .customSelect,
.left-side .select-wrap .hasCustomSelect,
.left-side .select-wrap select {
    width: 150px !important;
    text-align: left;
}

.left-side .select-wrap .customSelect,
.left-side .select-wrap .hasCustomSelect {
    border-radius: 20px;
    margin-bottom: 0;
}

.left-side .select-wrap .hasCustomSelect option {
    border: 0;
    text-align: left;
}

.left-side .clear-filter {
    background: transparent;
    width: auto;
    color: #9EA7B3;
    text-align: left;
    margin: 5px 0 0;
    display: inline-block;
    border-radius: 0;
    text-decoration: underline;
    clear: both;
    float: left;
}

.left-side .clear-filter:hover {
    background: transparent;
}

.section-ireland-xo.people-database .left-side .search-wrap {
    border-right: 0;
    width: 225px;
    position: relative;
}

.section-ireland-xo.people-database .left-side .search-wrap:nth-child(2) {
    margin-right: 0;
    width: 100%;
    max-width: 300px;
    margin-left: 25px;
}

.section-ireland-xo.people-database .left-side .search-wrap:nth-child(2) label {
    margin-right: 10px;
    display: inline-block;
    color: #5E6D81;
}

.section-ireland-xo.people-database .left-side .search-wrap:nth-child(2) input {
    width: 230px;
}

.section-ireland-xo.people-database .left-side .search-wrap input[type=text] {
    position: static;
    margin-bottom: 0;
}

.section-ireland-xo.people-database .left-side .search-wrap input[type=submit] {
    top: 0;
}

.section-ireland-xo.building .left-side .search-wrap {
    border-right: 0;
    width: 225px;
    position: relative;
    float: left;
}

.section-ireland-xo.building .left-side .search-wrap:nth-child(2) {
    float: left;
    margin-right: 0;
    margin-left: 25px;
}

.section-ireland-xo.building .left-side .search-wrap:nth-child(2) label {
    margin-right: 10px;
    display: inline-block;
    color: #5E6D81;
}

.section-ireland-xo.building .left-side .search-wrap input[type=text] {
    position: static;
    margin-bottom: 0;
}

.section-ireland-xo.building .left-side .search-wrap input[type=submit] {
    top: 0;
}

#edit-submit-buildings-database,
#edit-submit-people-database {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    padding: 0;
    background: #D6DAE3 url("../img/sprite.png") no-repeat scroll -153px -251px;
    top: 1px;
    right: 50px;
}

.associated-people {
    margin-bottom: 10px;
}

.associated-people h2 {
    width: 100%;
    margin-bottom: 20px;
}

.database-table {
    width: 780px;
    overflow: auto;
    margin: 0 0 40px;
}

.database-table thead tr th {
    background: #5E6D82;
    padding: 15px 25px;
    border-bottom: 2px solid #fff;
    color: #5e6d81;
    font: 400 18px "Open Sans", sans-serif;
    color: #fff;
    text-align: left;
}

.database-table tbody {
    border: 0;
}

.database-table tbody tr:nth-child(odd) td {
    background: #F1F2F6;
}

.database-table tbody tr:nth-child(even) td {
    background: #F7F8FA;
}

.database-table tbody tr td:nth-child(1) {
    font-weight: 700;
}

.database-table tbody tr td {
    font-size: 13px !important;
    font-weight: 400;
    color: #5e6d81;
    padding: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-weight: 400;
    text-align: left;
    padding: 15px 25px;
    font-size: 15px;
}

.database-table tbody tr td:last-of-type {
    text-align: center;
}

.database-table tbody tr td:last-of-type a {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.table-accordion-wrap .table-accordion-txt {
    float: right;
    font: 700 15px "Open Sans", sans-serif;
    color: #5e6d81;
    padding-right: 20px;
}

.table-accordion-wrap .table-accordion-icon {
    float: right;
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    background: #23B7C3;
    border-radius: 100%;
    margin-top: -10px;
    text-align: center;
}

.table-accordion-wrap .table-accordion-icon:after {
    display: inline-block;
    content: "+";
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
}

.table-accordion-wrap .table-accordion-icon.icon-active:after {
    top: 1px;
    left: 14px;
    content: "-";
}

.safari .table-accordion-wrap .table-accordion-icon:after {
    line-height: 36px;
}

.left-side .sources {
    text-align: left;
    margin: 50px 0;
    overflow-y: auto;
    clear: both;
}

.left-side .sources h2 {
    display: block;
    width: 100%;
    line-height: 32px;
}

.left-side .sources table {
    width: 780px;
}

.left-side .sources table tr {
    border-top: 1px solid #D7DADF;
}

.left-side .sources table tr td {
    padding: 15px 10px;
}

.left-side .sources table tr td a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.left-side .sources table tr td:last-of-type {
    text-align: center;
}

.left-side .sources #block-sharethis-sharethis-block {
    background: none;
}
.toolbar-handle .action {
    all:unset !important;
}
.toolbar-handle .action:after {
    all:unset !important;
}

.action {
    float: right;
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    padding: 10px 50px 10px 30px;
    border-radius: 20px;
    text-decoration: none;
    background: #FA7135;
    margin-bottom: 20px;
}

.action:hover {
    background: #D36330;
    color: #fff;
    text-decoration: none;
}

.action:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    height: 40px;
    width: 30px;
    background: url(../img/sprite.png) no-repeat  0 -25px;
}

.cta-button {
    min-width: 240px;
    padding: 12px;
    float: none;
    font-size: 18px;
    text-align: center;
}

.cta-button:after {
    display: none;
}

.modal-active {
    overflow: hidden;
}

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    max-width: 580px;
    padding: 70px 65px 55px;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.modal-box .js-modal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    height: 60px;
    width: 60px;
    background: #2FB7C1;
    border-radius: 60px;
    color: #fff;
    font-size: 58px;
    font-weight: 700;
    line-height: 55px;
}

.modal-box h2 {
    margin-bottom: 25px;
}

.modal-box p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

.modal-box .action {
    float: none;
    padding: 15px 50px;
    margin-bottom: 40px;
    font-size: 18px;
    border-radius: 40px;
}

.modal-box .action:after {
    background: none;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: #fff;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(30%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

.tooltip-wrapper {
    display: inline-block;
    height: 25px;
    width: 25px;
    background: #23b7c2;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-top: 4px;
    margin-left: 15px;
    border-radius: 100%;
    text-align: center;
    font-family: sans-serif;
    cursor:help;
}

.tooltip-wrapper[data-tootik]:after{
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 40%);
    border-radius: 6px;
    padding: 0.75em;
}


/*  banner-section */

.banner-section {
    color: #ffffff;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    padding: 110px 0 65px;
    background: url("../img/banner-img.jpg") no-repeat 50% 50%;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}

.banner-section:before {
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
}

.banner-section .field-name-field-banner-image {
    display: none;
}

.banner-section .inner {
    max-width: 90%;
    position: relative;
}

.banner-section h3 {
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 15px;
    color: #ffffff;
    font-weight: bold;
}

.banner-section p {
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    margin-bottom: 30px;
}

.banner-section .link-banner-more {
    border-radius: 25px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    min-width: 240px;
    color: white;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
}

.banner-section .link-banner-more:hover {
    background-color: #28919c;
    border-color: #28919c;
}


/*  features-section */

#block-bean-front-page-features .block-title {
    display: none;
}

.features-section {
    text-align: center;
    padding: 61px 0 30px;
}

.features-section h3 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 62px;
}

.features-section .paragraphs-items {
    margin: 0 -15px;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}

.features-section .field {
    vertical-align: top;
    width: 25%;
    margin-bottom: 50px;
    padding: 0 15px 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #5e6d81;
    display: inline-block;
    vertical-align: top;
}

.features-section img {
    display: block;
    margin: 0 auto 43px;
    height: 70px;
    width: auto;
    object-fit: cover;
}

.features-section .banner-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 13px;
}

.features-section p {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #5e6d81;
    margin-bottom: 15px;
}

.features-section a.link-banner-paragraph {
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    color: #23B7C2;
}

.features-section a.link-banner-paragraph:hover {
    text-decoration: underline;
}


/*  feedback-section */

.feedback-section {
    font-family: "Open Sans", sans-serif;
    padding: 75px 0 70px;
}

.feedback-section .inner {
    width: 1024px;
    max-width: calc(100% - 40px);
}

.feedback-section .item:after {
    clear: both;
    content: "";
    display: block;
}

.feedback-section .user-picture {
    margin-top: -110px;
    width: 468px;
    float: left;
    height: 345px;
    position: relative;
    background: url("../img/feedback-img-bg.png") no-repeat 50% 50%;
    background-size: cover;
}

.feedback-section .user-picture img {
    position: absolute;
    top: 31px;
    left: 22px;
    width: 422px;
    height: 284px;
    transform: rotate(-5.5deg);
    object-fit: cover;
}

.feedback-section .description {
    width: calc(100% - 560px);
    float: right;
}

.feedback-section .view_title {
    font-weight: 300;
    font-size: 32px;
    line-height: 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #5e6d81;
}

.feedback-section .user-description {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #5e6d81;
    margin-bottom: 20px;
    quotes: "«" "»";
    font-style: italic;
}

.feedback-section .user-description p {
    font-size: 21px;
    line-height: 28px;
    color: #5e6d81;
    margin-bottom: 10px;
}

.feedback-section .user-name {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5e6d81;
}

.message-community {
    position: relative;
}

.message-community .message-community-bg {
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.message-community .message-community-bg:before {
    background: #23B7C2;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: -50%;
    position: absolute;
    width: 200%;
}

.message-community .content {
    padding: 40px 0 55px 0;
}

.message-community .inner {
    width: 1024px;
}

.message-community .paragraphs-items {
    overflow: hidden;
    margin: 0 -50px;
}

.message-community .paragraphs-items>div {
    width: calc(50% - 140px);
    text-align: center;
    padding: 0 70px;
    float: left;
    color: #ffffff;
    box-sizing: content-box;
}

.message-community .paragraphs-items>div .banner-image {
    margin-bottom: 15px;
}

.message-community .paragraphs-items>div .banner-image img {
    height: 90px;
}

.message-community .paragraphs-items>div .banner-title {
    font: bold 36px/40px "Open Sans";
    margin-bottom: 10px;
}

.message-community .paragraphs-items>div .banner-description {
    margin-bottom: 25px;
}

.message-community .paragraphs-items>div .banner-description p {
    margin: 0;
    font: 21px/30px "Open Sans";
    color: #ffffff;
    font-weight: 300;
}

.message-community .paragraphs-items>div .banner-link a {
    border: solid 1px #ffffff;
    font: 18px/36px "Open Sans";
    padding: 6px 30px;
    color: #ffffff;
    border-radius: 25px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.message-community .paragraphs-items>div .banner-link a:hover {
    transition: all 0.2s ease-in-out;
    background: #ffffff;
    color: #00abf0;
}


/* whats_new */

.whats_new {
    padding: 25px 0;
    text-align: center;
}

.whats_new .block-title,
.whats_new .sub-title {
    padding-left: 20px;
    padding-right: 20px;
}

.whats_new .block-title {
    margin-bottom: 10px;
}

.whats_new .sub-title {
    font: 21px/30px "Open Sans";
    color: #5e6d81;
    margin-bottom: 25px;
    font-weight: 300;
}

.whats_new .content:after {
    clear: both;
    content: "";
    display: block;
}

.whats_new .tile-item {
    height: 323px;
    width: 20%;
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
    text-align: left;
    font: 300 16px/20px "Open Sans", sans-serif;
}

.whats_new .tile-item.tile-item:nth-child(4):after,
.whats_new .tile-item.tile-item:nth-child(8):after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 44px;
    height: 43px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    background: url("../img/news-icons.png") no-repeat 0 0;
}

.whats_new .tile-item.tile-item:nth-child(8):after {
    background-position: 0 -43px;
}

.whats_new .tile-item:nth-child(5n+1) {
    background-color: #FA7135;
}

.whats_new .tile-item:nth-child(5n+2) {
    background-color: #23B7C2;
}

.whats_new .tile-item:nth-child(5n+3) {
    background-color: #b0d462;
}

.whats_new .tile-item:nth-child(5n+4) {
    background-color: #5e6d81;
}

.whats_new .tile-item:nth-child(5n+5) {
    background-color: #df4a32;
}

.whats_new .tile-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 58, 69, 0.8);
    display: none;
    z-index: 2;
}

.whats_new .tile-item:hover:after {
    display: none;
}

.whats_new .tile-item:hover:before {
    display: block;
}

.whats_new .tile-item:hover .tile-fields {
    top: 50%;
    bottom: auto;
    left: 50%;
    text-align: center;
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.whats_new .tile-item:hover .tile-fields .tile-parish,
.whats_new .tile-item:hover .tile-fields .tile-dob-wp,
.whats_new .tile-item:hover .tile-fields .tile-date,
.whats_new .tile-item:hover .tile-fields .tile-view-more {
    display: block;
}

.whats_new .tile-item a {
    color: #ffffff;
    text-decoration: none;
}

.whats_new img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whats_new .tile-fields {
    text-align: center;
    top: 50%;
    bottom: auto;
    left: 50%;
    position: absolute;
    width: 90%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.whats_new .tile-fields .tile-dob-wp,
.whats_new .tile-fields .tile-date {
    display: block;
}

.whats_new .tile-parish,
.whats_new .tile-dob-wp,
.whats_new .tile-date,
.whats_new .tile-view-more {
    display: none;
}

.whats_new .tile-img+.tile-fields {
    position: absolute;
    left: 18px;
    bottom: 20px;
    z-index: 3;
    width: calc(100% - 36px);
    text-align: left;
    transform: none;
    top: auto;
}

.whats_new .tile-img+.tile-fields .tile-parish,
.whats_new .tile-img+.tile-fields .tile-dob-wp,
.whats_new .tile-img+.tile-fields .tile-date,
.whats_new .tile-img+.tile-fields .tile-view-more {
    display: none;
}

.whats_new .tile-type,
.whats_new a {
    display: block;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.whats_new .tile-title,
.whats_new a {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 10px;
    text-transform: none;
}

.whats_new .tile-parish,
.whats_new .tile-dob-wp,
.whats_new .tile-date,
.whats_new .tile-view-more {
    margin-bottom: 5px;
}

.whats_new .tile-view-more a {
    text-decoration: none;
    color: #b0d462;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-transform: none;
}

.whats_new .tile-view-more a:after {
    content: ">";
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    color: #b0d462;
}

.whats_new .tile-date {
    font-weight: 400;
}

.whats_new .tile-dob-wp {
    margin-bottom: 10px;
}


/* Message board popup */

.ui-widget-overlay {
    opacity: 1;
    background-color: rgba(44, 44, 46, 0.8);
    background-image: none;
}

.ui-dialog[aria-describedby=block-user-login] {
    width: 620px !important;
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    border-radius: 0;
}

.ui-dialog[aria-describedby=block-user-login] .ui-widget-header {
    padding: 0;
    background: none;
    border: none;
}

.ui-dialog[aria-describedby=block-user-login] .ui-widget-header .ui-dialog-title {
    display: none;
}

.ui-dialog[aria-describedby=block-user-login] h2 {
    margin: 24px 0 0;
    padding-bottom: 19px;
    font: 300 30px/1.2 "Open Sans", sans-serif;
    border-bottom: 1px dotted #d7dbe0;
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar {
    position: static;
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close {
    position: absolute;
    top: -19px;
    right: -25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #5e6d81;
    z-index: 2;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close:after,
.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 28px;
    height: 4px;
    background: #ffffff;
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close:before {
    transform: rotate(45deg);
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close:after {
    transform: rotate(-45deg);
}

.ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close:hover {
    background-color: #23B7C2;
}

.ui-dialog[aria-describedby=block-user-login] .sign-up-social>p,
.ui-dialog[aria-describedby=block-user-login] .sign-up-email>p {
    display: none;
}

.ui-dialog[aria-describedby=block-user-login] .buttons {
    padding-bottom: 30px;
    border-bottom: 1px dotted #d7dbe0;
}

.ui-dialog[aria-describedby=block-user-login] .buttons:after {
    content: "";
    display: table;
    clear: both;
}

.ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider {
    width: 190px;
}

.ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider:hover {
    text-decoration: underline;
}

.ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider.google,
.ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider.twitter {
    margin-right: 21px;
}

.ui-dialog[aria-describedby=block-user-login] .sign-up-form {
    margin-top: 30px;
    border-bottom: 1px dotted #d7dbe0;
}

.ui-dialog[aria-describedby=block-user-login] .sign-up-form .form-item-remember-me {
    float: left;
    position: static;
    margin-top: 30px;
    clear: none;
}

.ui-dialog[aria-describedby=block-user-login] .sign-up-form .account-login {
    float: right;
    margin: 23px 0 21px;
}

.ui-dialog[aria-describedby=block-user-login] .sign-up-form .account-login a {
    font-size: 15px;
}

.ui-dialog[aria-describedby=block-user-login] .form-item-name label,
.ui-dialog[aria-describedby=block-user-login] .form-type-password label {
    display: none;
}

.ui-dialog[aria-describedby=block-user-login] .form-item-name input,
.ui-dialog[aria-describedby=block-user-login] .form-type-password input {
    margin-bottom: 33px;
    padding-left: 40px;
    background-image: url("../img/popup-sprite.png");
    background-repeat: no-repeat;
}

.ui-dialog[aria-describedby=block-user-login] .form-type-password input {
    background-image: url("../img/popup-sprite.png");
    background-position: 0 -36px;
}

.ui-dialog[aria-describedby=block-user-login] .form-type-checkbox label {
    display: inline-block;
    vertical-align: top;
    font: 400 15px/1.2 "Open Sans", sans-serif;
    color: #323a45;
    cursor: pointer;
}

.ui-dialog[aria-describedby=block-user-login] .join,
.ui-dialog[aria-describedby=block-user-login] .account-login a {
    color: #23B7C2;
}

.ui-dialog[aria-describedby=block-user-login] .join:hover,
.ui-dialog[aria-describedby=block-user-login] .account-login a:hover {
    text-decoration: underline;
}

.ui-dialog[aria-describedby=block-user-login] .join {
    position: absolute;
    top: 46px;
    right: 16px;
}

.ui-dialog[aria-describedby=block-user-login] .join:after {
    content: "›";
    display: inline-block;
    margin-left: 5px;
}

.ui-dialog[aria-describedby=block-user-login] .form-submit {
    width: 235px;
    margin: 7px auto 40px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    clear: both;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
/* footer */

footer .logo {
    float: left;
    margin-top: -30px;
}

footer .footer-main {
    padding: 65px 0 38px;
    background-color: #eaedf1;
    color: #5e6d81;
    font-family: "Open Sans", sans-serif;
}

footer .footer-main a {
    color: #5e6d81;
}

footer .footer-main a:hover {
    color: #df4a32;
}

footer .footer-main .inner:after {
    clear: both;
    content: "";
    display: block;
}

footer .footer-main .block {
    float: left;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    padding-left: 70px;
    margin-left: 110px;
}

footer .footer-main .block:before {
    position: absolute;
    width: 1px;
    height: 178px;
    content: "";
    left: 0;
    top: 0;
    background: url("../img/footer-border.png") repeat-y 0 0;
}


footer .footer-main .block-dara-overwrite {
    padding: 0;
    margin: 0;
}

footer .footer-main .block-dara-overwrite:before {
    display: none;
}

footer .footer-main .block-dara-overwrite:after {
    content: "";
}

footer .footer-main .block-title {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 13px;
}

footer .footer-main .box1 {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

footer .footer-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .footer-main ul a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

footer .footer-main li {
    margin: 0 0 9px;
    padding: 0;
}

footer .footer-main .social_links {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .footer-main .social_links a {
    padding-left: 35px;
    position: relative;
}

footer .footer-main .social_links a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/social-icons.png") no-repeat 0 0;
}
footer .footer-main .social_links a.tiktok:before {
    background: url("../img/tik-tok.png") no-repeat 0 0;
    width: 24px;
    height: 24px;
}
footer .footer-main .social_links a.facebook:before {
    background-position: 0 0;
    width: 11px;
    height: 18px;
}

footer .footer-main .social_links a.twitter:before {
    background-position: 0 -28px;
    width: 15px;
    height: 20px;
}

footer .footer-main .social_links a.linkedin:before {
    background-position: 0px -54px;
    width: 17px;
    height: 23px;
}

footer .footer-main .social_links a.youtube:before {
    background-position: 0 -83px;
    width: 17px;
    height: 23px;
}

footer .footer-main .social_links a.google:before {
    background-position: 0px -113px;
    width: 19px;
    height: 23px;
}

footer .footer-main .social_links a.instagram:before {
    background-position: 0px -145px;
    width: 19px;
    height: 19px;
}

footer .middle_footer {
    font-family: "Open Sans", sans-serif;
    background-color: #d7dbe0;
    padding-top: 33px;
}

footer .middle_footer .inner:after {
    clear: both;
    content: "";
    display: block;
}

footer .middle_footer .menu {
    margin: 15px 0 0;
    padding: 0;
    float: left;
    list-style: none;
}

footer .middle_footer .menu:after {
    clear: both;
    content: "";
    display: block;
}

footer .middle_footer .menu li {
    float: left;
    margin: 0 0 0 10px;
}

footer .middle_footer .menu li:first-child {
    margin-left: 0;
}

footer .middle_footer .menu a {
    color: #5e6d81;
}

footer .middle_footer .menu a:hover {
    color: #df4a32;
}

footer .middle_footer_images {
    float: right;
}

footer .middle_footer_images img {
    float: left;
    margin-left: 30px;
}

footer .middle_footer_images img:first-child {
    /* margin-left: 0; */
}

footer .middle_footer_images a:first-child img {
    /* margin-right: 35px; */
}


/* Ancestor pages */

#block-dara-overwrite-profile-associated-timelines {
    margin-top: 40px;
}

#block-dara-overwrite-profile-associated-timelines .database-item {
    width: auto;
}

.profile-single-page .database-wrap .database-item {
    width: auto !important;
}

.profile-single-page .database-wrap {
    margin: 0px !important;
}

.communities-parish-databasewrap {
    margin: 0px !important;
}

.profile-single-page .database-wrap .database-item a {
    float: left;
}

.profile-single-page .database-wrap .database-item a:after {
    clear: both;
    content: "";
    display: block;
}

#block-dara-overwrite-profile-associated-timelines .database-item>a {
    float: left;
}

#block-dara-overwrite-profile-associated-timelines .database-item>a:after {
    clear: both;
    content: "";
    display: block;
}

.profile-single-page .timeline-content {
    float: left;
    width: calc(100% - 125px);
}

.profile-single-page .timeline-content-inner a {
    font-size: 18px;
    font-weight: 700;
    color: #5e6d81;
}

#block-views-block-timeline-events-associated-block-1 .timeline-content {
    float: left;
    width: calc(100% - 125px);
}

#block-views-block-timeline-events-associated-block-1 .timeline-content-inner a {
    font-size: 18px;
    font-weight: 700;
    color: #5e6d81;
    margin-bottom: 15px;
}

#block-dara-overwrite-profile-associated-timelines h2 {
    margin-bottom: 35px;
}

#block-dara-overwrite-profile-associated-parishes {
    margin-top: 40px;
}

#block-dara-overwrite-profile-associated-parishes h2 {
    margin-bottom: 30px;
}

#block-dara-overwrite-profile-associated-parishes .field-name-field-image-file {
    margin-bottom: 0;
}

#block-dara-overwrite-profile-associated-blocks,
#block-dara-overwrite-profile-associated-parishes,
#block-dara-overwrite-profile-associated-blocks,
#block-dara-overwrite-associated-timeline-ancestors,
#block-dara-overwrite-associated-timeline-buildings,
.database-wrap {
    font-size: 0;
}


/* Buildings inner page */

#block-dara-overwrite-profile-associated-ancestors .database-item,
#block-dara-overwrite-associated-timeline-ancestors .database-item {
    margin-left: 3px;
    margin-right: 3px;
}

#block-dara-overwrite-profile-associated-ancestors .members-data span+span,
#block-dara-overwrite-associated-timeline-ancestors .members-data span+span {
    border-left: none;
    padding-left: 0;
}

#block-dara-overwrite-profile-associated-ancestors .members-data .first,
#block-dara-overwrite-associated-timeline-ancestors .members-data .first {
    padding-right: 0;
}

#block-dara-overwrite-profile-associated-parishes .database-wrap,
#block-views-block-timeline-events-associated-block-1 .database-wrap {
    text-align: left;
}

#block-views-block-communities-parish-block-1 .database-wrap,
#block-dara-overwrite-profile-associated-timelines .database-wrap {
    text-align: left;
}

#block-views-block-communities-parish-block-1 .timeline-date,
#block-dara-overwrite-profile-associated-timelines .timeline-date {
    text-align: center;
}

#block-dara-overwrite-profile-associated-parishes .timeline-date,
#block-dara-overwrite-profile-associated-timelines .timeline-date {
    text-align: center;
}


/* bottom region */

.region-bottom-add {
    clear: both;
}

#block-dara-overwrite-bottom-add {
    text-align: center;
}


/* news page */

.page-ireland-xo-news .item-list {
    text-align: center;
}


/* GET-STARTED-PAGE */

.path-get-started .form-select {
    -ms-appearance: none;
    appearance: none !important;
    -webkit-appearance: none;
    background-color: #eaedf1;
    height: 50px;
    font-size: 21px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.path-get-started .form-select:-ms-expand {
    display: none;
}

.path-get-started .form-select.hasCustomSelect {
    background: none;
}

.path-get-started .customSelectInner:after {
    top: 14px;
    right: 15px;
}

.path-get-started main>section>.inner {
    padding: 0;
    overflow: visible;
}

.path-get-started .view-id-get_started {
    width: 936px;
    margin: 0 auto;
    max-width: 90%;
}

.path-get-started main {
    overflow: hidden;
}

.path-get-started .view-header {
    padding-top: 60px;
    text-align: center;
    color: #5e6d81;
    font-size: 21px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 40px;
    box-shadow: none;
}

.path-get-started h1 {
    font-weight: bold;
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 20px;
    font-family: "Open Sans", sans-serif;
    color: #5e6d81;
}

.path-get-started p {
    font: 300 21px/30px "Open Sans", sans-serif;
}

.path-get-started .view-filters {
    margin-bottom: 80px;
}

.path-get-started .form-item-field-get-started-category-value {
    text-align: center;
    margin-bottom: 10px;
}

.path-get-started .form-item-field-get-started-category-value label {
    display: inline-block;
    vertical-align: top;
    padding: 8px 0 0;
}
.path-get-started .form-item-field-get-started-category-value label.form-required:after{
    content: none !important;
}
.path-get-started .form-item-field-get-started-category-value .form-select {
    display: inline-block;
    width: 705px  !important;
    text-align: left;
}
.path-get-started .form-item-field-get-started-category-value .select-arrow{
    display: none !important;
}

.path-get-started .view-content {
    margin-bottom: 25px;
}

.path-get-started .views-row {
    padding: 60px 0 90px;
    position: relative;
    color: #5e6d81;
    font-weight: 300;
    font-size: 21px;
    line-height: 26px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.path-get-started .views-row:before {
    position: absolute;
    left: -99999px;
    top: 0;
    width: 9999999px;
    content: "";
    background-color: #eaedf1;
    z-index: -1;
    height: 100%;
}

.path-get-started .views-row:after {
    clear: both;
    content: "";
    display: block;
}

.path-get-started .views-row:last-child .img-wrapper:after {
    background: url("../img/line-finish-revert.png") no-repeat 0 0;
    right: auto;
    left: 218px;
    bottom: -30px;
    width: 250px;
    height: 121px;
}

.path-get-started .views-row .img-wrapper {
    float: left;
    width: 435px;
    height: 280px;
    max-width: 100%;
    margin-right: 70px;
    background-color: white;
}

.path-get-started .views-row .img-wrapper:after {
    width: 494px;
    height: 144px;
    content: "";
    background: url("../img/line-bg.png") no-repeat 0 0;
    position: absolute;
    bottom: -58px;
    left: 218px;
}

.path-get-started .views-row .img-wrapper img {
    display: block;
    height: 100%;
    width: 100%;
}

.path-get-started .views-row .views-field-field-title {
    padding-top: 60px;
}

.path-get-started .views-row .views-field-field-title h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 12px;
    font-weight: 500;
}

.path-get-started .views-row .field-name-field-body {
    margin-bottom: 5px;
}

.path-get-started .views-row a {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
}

.path-get-started .views-row:nth-child(even) .img-wrapper {
    float: right;
    margin-left: 70px;
    margin-right: 0;
    background-color: #eaedf1;
}

.path-get-started .views-row:nth-child(even) .img-wrapper:after {
    background: url("../img/line-bg-revert.png") no-repeat 0 0;
    position: absolute;
    right: 218px;
    left: auto;
}

.path-get-started .views-row:nth-child(even):before {
    background-color: white;
}

.path-get-started .views-row:nth-child(even) .img-wrapper {
    background-color: #eaedf1;
}

.path-get-started .views-row:last-child .img-wrapper:after {
    background: url("../img/line-finish.png") no-repeat 0 0;
    right: 218px;
    left: auto;
    bottom: -30px;
    width: 250px;
    height: 121px;
}

.path-get-started .more-link,
.path-get-started #block-getstartedfeatures a {
    text-align: center;
    margin-bottom: 55px;
}

.path-get-started .more-link a,
.path-get-started #block-getstartedfeatures a {
    background-color: #fa7135;
    text-decoration: none;
    color: white;
    border-radius: 20px;
    font-size: 18px;
    line-height: 50px;
    font-family: "Open Sans", sans-serif;
    padding: 0 45px;
    display: inline-block;
}


.path-get-started #block-getstartedfeatures {
    position: relative;
    color: white;
    text-align: center;
    padding: 61px 0 30px;
}

.path-get-started #block-getstartedfeatures:before {
    position: absolute;
    left: -99999px;
    top: 0;
    width: 9999999px;
    content: "";
    background-color: #23b7c2;
    height: 100%;
    z-index: -1;
}

.path-get-started #block-getstartedfeatures .content {
    position: relative;
}

.path-get-started #block-getstartedfeatures h3 {
    color: white;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 62px;
}

.path-get-started #block-getstartedfeatures .paragraphs-items {
    margin: 0 -15px;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}

.path-get-started #block-getstartedfeatures .paragraph  {
    vertical-align: top;
    width: 25%;
    margin-bottom: 50px;
    padding: 0 15px 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #5e6d81;
    display: inline-block;
    vertical-align: top;
}

.path-get-started #block-getstartedfeatures .paragraph img {
    display: block;
    margin: 0 auto 43px;
    height: 70px;
    width: auto;
    object-fit: cover;
}

.path-get-started #block-getstartedfeatures .paragraph .getstartedfeatures-paragraph-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 13px;
}

.path-get-started #block-getstartedfeatures .paragraph p {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 15px;
}

.path-get-started #block-getstartedfeatures .paragraph .getstartedfeatures-paragraph-title,
.path-get-started #block-getstartedfeatures .paragraph p {
    color: white;
}


/* multiple-filter */

.node-type-profile .person-heading .action {
    float: none;
    margin-left: 30px;
}

.person .person-heading .field-name-field-county-parish-multiple {
    display: block;
    height: auto;
    margin-left: -10px;
    margin-bottom: 25px;
    padding-top: 10px;
}

.person .person-heading .field-name-field-county-parish-multiple>a {
    margin-bottom: 5px;
    color: #5e6d81;
    padding: 0 10px;
}

.person .person-heading .field-name-field-county-parish-multiple>a:first-child {
    margin-left: 10px;
}


/* page-ireland-xo-visiting */

#views-exposed-form-visiting-page .views-widget-filter-title input[type=text] {
    height: 40px !important;
    background-image: none;
}

#views-exposed-form-visiting-page .hasCustomSelect {
    height: 40px !important;
}

.page-ireland-xo-visiting .form-controls:after {
    clear: both;
    content: "";
    display: block;
}

.page-ireland-xo-visiting .form-controls #views-exposed-form-visiting-page {
    float: left;
    width: calc(100% - 165px);
}

.page-ireland-xo-visiting .form-controls .action {
    float: right;
    width: 165px;
}

.page-ireland-xo-visiting #views-exposed-form-visiting-page .views-exposed-widgets:after {
    clear: both;
    content: "";
    display: block;
}

.page-ireland-xo-visiting #views-exposed-form-visiting-page .views-exposed-widgets:before {
    display: none;
}

.page-ireland-xo-visiting #views-exposed-form-visiting-page .views-exposed-widget {
    position: relative;
    float: left;
    width: 24%;
    margin-right: 1%;
    clear: none;
    margin-bottom: 10px;
}


/* COUNT PAGE */

.page-taxonomy #map #map-iframe {
    height: 490px;
}


/* message_board */

.edit-tid-position {
    /* position: relative !important; */
    margin-top: -0.2em;
}

.sg_position {
    margin-top: -6.2em;
    position: relative;
}

.page-taxonomy #message_board {
    background: none;
    margin-bottom: 44px;
}

.page-taxonomy #message_board .database-item {
    padding: 0;
}

.page-taxonomy #message_board .database-item:before {
    display: none;
}

.path-taxonomy #message_board .database-item:before {
    display: none;
}

.page-taxonomy #message_board .database-item a {
    font-weight: 300;
}


/* empty-blocks-section */

.page-taxonomy #empty-blocks-section {
    width: 1100px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    padding: 72px 0;
    font-size: 0;
}

.page-taxonomy #empty-blocks-section h2 {
    font: 500 42px/40px "Open Sans", sans-serif;
    margin: 0 0 10px;
}

.path-taxonomy #empty-blocks-section {
    width: 1100px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    padding: 72px 0;
    font-size: 0;
}

.path-taxonomy #empty-blocks-section h2 {
    font: 500 42px/40px "Open Sans", sans-serif;
    margin: 0 0 10px;
}

#empty-blocks-section .xo-empty-block {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 18px;
    color: #5e6d81;
    padding-top: 58px;
}

#empty-blocks-section .xo-empty-block .database-wrap {
    width: 100%;
    padding: 0 15px;
}

#empty-blocks-section .xo-empty-block p {
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 12px;
}

#empty-blocks-section .xo-empty-block figure {
    width: 100%;
    margin: 0 auto;
}

#empty-blocks-section .xo-empty-block figure p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 33px;
}

#empty-blocks-section .xo-empty-block .action {
    float: none;
    padding: 10px 25px 10px 25px;
    min-width: 210px;
    font-size: 18px;
}

#empty-blocks-section .xo-empty-block .action:after {
    display: none;
}

.page-taxonomy .stay .join.js-open-modal {
    padding: 0 40px 0 30px;
    position: relative;
    margin-left: 60px;
}

.path-taxonomy .stay .join.js-open-modal:after {
    position: absolute;
    top: 17px;
    right: 15px;
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background: url("../img/sprite.png") no-repeat -204px 0;
}

#user-multistep-form,
.page-user-signup #ire-registration-info-form,
.page-user-signup #ire-registration-info-form--2,
#user-multistep-info-form,
.page-user-info #ire-registration-info-form--2 {
    max-width: 920px;
    text-align: center;
    margin: 0 auto;
    padding-top: 60px;
    color: #5e6d81;
}

#user-multistep-form p,
.page-user-signup #ire-registration-info-form p,
.page-user-signup #ire-registration-info-form--2 p,
#user-multistep-info-form p,
.page-user-info #ire-registration-info-form--2 p {
    display: block;
    clear: both;
}

#user-multistep-form>span,
.page-user-signup #ire-registration-info-form>span,
.page-user-signup #ire-registration-info-form--2>span,
#user-multistep-info-form>span,
.page-user-info #ire-registration-info-form--2>span {
    font: 400 42px/50px "Candara", "Georgia", serif;
}
#user-multistep-form .form-item,
#user-multistep-form .password-suggestions,
#user-multistep-form .fieldset-description,
.page-user-signup #ire-registration-info-form .form-item,
.page-user-signup #ire-registration-info-form .password-suggestions,
.page-user-signup #ire-registration-info-form .fieldset-description,
.page-user-signup #ire-registration-info-form--2 .form-item,
.page-user-signup #ire-registration-info-form--2 .password-suggestions,
.page-user-signup #ire-registration-info-form--2 .fieldset-description,
#user-multistep-info-form .form-item,
#user-multistep-info-form .password-suggestions,
#user-multistep-info-form .fieldset-description{
    max-width: 580px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#user-multistep-form div.password-confirm,
.page-user-signup #ire-registration-info-form div.password-confirm,
.page-user-signup #ire-registration-info-form--2 div.password-confirm,
#user-multistep-info-form div.password-confirm {
    padding-bottom: 5px;
    margin-top: 10px;
}

#user-multistep-form .password-field,
#user-multistep-form .password-confirm,
.page-user-signup #ire-registration-info-form .password-field,
.page-user-signup #ire-registration-info-form .password-confirm,
.page-user-signup #ire-registration-info-form--2 .password-field,
#user-multistep-info-form .password-field,
#user-multistep-info-form .password-confirm {
    padding-left: 40px;
}

#user-multistep-form .password-strength,
.page-user-signup #ire-registration-info-form .password-strength,
.page-user-signup #ire-registration-info-form--2 .password-strength,
#user-multistep-info-form .password-strength{
    text-align: left;
}

#user-multistep-form .password-indicator,
.page-user-signup #ire-registration-info-form .password-indicator,
.page-user-signup #ire-registration-info-form--2 .password-indicator,
#user-multistep-info-form .password-indicator{
    margin-top: 5px;
}

#user-multistep-form .edit-pass-login,
.page-user-signup #ire-registration-info-form .form-item-pass,
.page-user-signup #ire-registration-info-form--2 .form-item-pass,
#user-multistep-info-form .form-item-pass {
    margin-top: 0;
}

#user-multistep-form .form-item-mail,
.page-user-signup #ire-registration-info-form .form-item-mail,
.page-user-signup #ire-registration-info-form--2 .form-item-mail,
#user-multistep-info-form .form-item-mail {
    margin-bottom: 0;
}

#user-multistep-form .form-item-mail input[type=text],
.page-user-signup #ire-registration-info-form .form-item-mail input[type=text],
.page-user-signup #ire-registration-info-form--2 .form-item-mail input[type=text],
#user-multistep-info-form .form-item-mail input[type=text]{
    margin-bottom: 0;
}

#user-multistep-form .form-item-pass-pass1,
.page-user-signup #ire-registration-info-form .form-type-password,
.page-user-signup #ire-registration-info-form--2 .form-type-password,
#user-multistep-form .form-item-pass-pass2,
#user-multistep-info-form .form-type-password {
    position: relative;
}
#user-multistep-form .form-item-pass-pass2:after{
    bottom: 47px !important;
}
#user-multistep-form .form-item-pass-pass1:after,
.page-user-signup #ire-registration-info-form .form-type-password:after,
.page-user-signup #ire-registration-info-form--2 .form-type-password:after,
#user-multistep-form .form-item-pass-pass2:after,
#user-multistep-info-form .form-type-password:after {
    position: absolute;
    left: 15px;
    bottom: 27px;
    color: #9ea7b3;
    content: "";
    font: normal normal normal 20px/32px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#user-multistep-form label,
.page-user-signup #ire-registration-info-form label,
.page-user-signup #ire-registration-info-form--2 label,
#user-multistep-info-form label {
    text-align: left;
    color: #5e6d81;
    font: 300 21px/1.2 "Open Sans", sans-serif;
    margin-bottom: 10px;
    display: block;
}

#user-multistep-form input[type=text],
.page-user-signup #ire-registration-info-form input[type=text],
.page-user-signup #ire-registration-info-form--2 input[type=text],
#user-multistep-info-form input[type=text] {
    height: 40px;
    margin-bottom: 15px;
}

#user-multistep-form input[type=submit],
.page-user-signup #ire-registration-info-form input[type=submit],
.page-user-signup #ire-registration-info-form--2 input[type=submit],
#user-multistep-info-form input[type=submit] {
    padding: 15px;
    margin: 0 auto 60px;
}

#user-multistep-form .edit-pass-login,
.page-user-signup #ire-registration-info-form .form-item-pass,
.page-user-signup #ire-registration-info-form--2 .form-item-pass,
#user-multistep-info-form .form-item-pass{
    margin-bottom: 40px;
}

#user-multistep-form input.password-confirm,
#user-multistep-form input.password-field,
.page-user-signup #ire-registration-info-form input.password-confirm,
.page-user-signup #ire-registration-info-form input.password-field,
.page-user-signup #ire-registration-info-form--2 input.password-confirm,
.page-user-signup #ire-registration-info-form--2 input.password-field,
#user-multistep-info-form input.password-confirm,
#user-multistep-info-form input.password-field{
    width: 100%;
}

#user-multistep-form .form-item-pass-pass1 label,
.page-user-signup #ire-registration-info-form .form-type-password label,
.page-user-signup #ire-registration-info-form--2 .form-type-password label,
#user-multistep-info-form .form-type-password label {
    text-transform: capitalize;
}

#user-multistep-form .description,

#user-multistep-form .password-suggestions,
.page-user-signup #ire-registration-info-form .description,
.page-user-signup #ire-registration-info-form .fieldset-description,
.page-user-signup #ire-registration-info-form--2 .description,
.page-user-signup #ire-registration-info-form--2 .fieldset-description,
#user-multistep-info-form .description,
#user-multistep-info-form .fieldset-description{
    position: relative;
    background-color: #23b7c2;
    color: white;
    text-align: left;
    padding: 15px 85px 15px 30px;
    margin-bottom: 15px;
}

#user-multistep-form .description:after,
#user-multistep-form .password-suggestions:after,
.page-user-signup #ire-registration-info-form .description:after,
.page-user-signup #ire-registration-info-form .fieldset-description:after,
.page-user-signup #ire-registration-info-form--2 .description:after,
.page-user-signup #ire-registration-info-form--2 .fieldset-description:after,
#user-multistep-info-form .description:after,
#user-multistep-info-form .fieldset-description:after{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid white;
    top: 15px;
    right: 20px;
    text-align: center;
    cursor: pointer;
    content: "";
    font: normal normal normal 23px/32px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.page-user-signup h2,
.path-user h2 {
    margin-bottom: 20px;
}

#user-multistep-info-form .form-wrapper {
    display: block !important;
    margin-bottom: 40px;
}

#user-multistep-info-form .customSelect {
    text-align: left;
}

#user-multistep-info-form .fieldset-legend {
    font: 400 42px/50px "Candara", "Georgia", serif;
}

#user-multistep-info-form .fieldset-description {
    margin-top: 25px;
    margin-bottom: 25px;
    font: 400 16px "Open Sans", sans-serif;
}

#user-multistep-info-form .form-item-step1-main-profile-name,
#user-multistep-info-form .form-item-step1-main-profile-name input,
#user-multistep-info-form .form-type-managed-file,
#user-multistep-info-form .form-type-managed-file input {
    margin-bottom: 0;
}

#user-multistep-info-form .form-item-step1-main-profile-name .description,
#user-multistep-info-form .form-type-managed-file .description {
    margin: 10px 0 30px;
    padding: 0;
    color: #5e6d81;
    background-color: transparent;
}

#user-multistep-info-form .form-item-step1-main-profile-name .description:after,
#user-multistep-info-form .form-type-managed-file .description:after {
    display: none;
}

#user-multistep-info-form .form-type-managed-file .description{
    margin: 30px 0 70px;
    font-size: 15px;
    text-align: center;
}

#user-multistep-info-form .form-type-managed-file {
    position: relative;
}

#user-multistep-info-form .form-type-managed-file label {
    display: inline-block;
    vertical-align: top;
    margin-top: 21px;
    padding: 0 20px;
    font: 400 15px/40px "Open Sans", sans-serif !important;
    border-radius: 40px;
    color: white !important;
    background-color: #b0d462;
    cursor: pointer;
    transition: 0.2s;
}

#user-multistep-info-form .form-type-managed-file label:hover {
    background-color: #98b854 !important;
}

#user-multistep-info-form .form-type-managed-file:before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    background: url("../img/no-photo.png") no-repeat;
}

#user-multistep-info-form .form-type-managed-file.image-chosen:before {
    display: none;
}

#user-multistep-info-form  input[type=file] {
    opacity: 0;
    overflow: hidden;
    position: absolute;
}

#user-multistep-info-form #profile-photo {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px;
}

.path-user #profile-photo+label:before {
    display: none;
}

.page-user-info #ire-registration-info-form--2 #edit-step2-community {
    padding-bottom: 40px;
    background: url(../img/dotted-line.png) repeat-x 0 100%;
}

.page-user-info #ire-registration-info-form--2 .ireland-xo-signup-default-community {
    text-align: left;
}

.page-user-info #ire-registration-info-form--2 .ireland-xo-signup-default-community span {
    display: block;
    margin-bottom: 15px;
    font: 300 21px/1.2 "Open Sans", sans-serif;
}

.page-user-info #ire-registration-info-form--2 .ireland-xo-signup-default-community p {
    margin-bottom: 10px;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community {
    margin: 50px 0;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community span {
    display: inline-block;
    vertical-align: top;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community span:first-child {
    margin-right: 40px;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community span:first-child:before {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    border-radius: 50%;
    color: white;
    background-color: #b0d462;
    text-align: center;
    content: "";
    font: normal normal normal 30px/64px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community span:last-child {
    margin-top: 12px;
    padding: 0 0 0 17px;
    line-height: 40px;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 400;
    color: #323a45;
    background-color: #eaedf1;
}

.page-user-info #ire-registration-info-form--2 .signup-default-community span:last-child:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: white;
    background-color: #b0d462;
    font: normal normal normal 19px/40px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-user-info #ire-registration-info-form--2 .ireland-xo-signup-default-community,
.page-user-info #ire-registration-info-form--2 .form-wrapper {
    max-width: 580px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-user-info #ire-registration-info-form--2 .fieldset-wrapper {
    text-align: left;
}

.page-user-info #ire-registration-info-form--2 .fieldset-wrapper>p {
    margin: 0 0 10px 12px;
    position: relative;
    top: -12px;
}

.page-user-info #ire-registration-info-form--2 .fieldset-wrapper>span {
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 40px;
    color: white;
    background-color: #b0d462;
}

.page-user-info #ire-registration-info-form--2 .fieldset-wrapper>span:before {
    display: inline-block;
    margin-right: 10px;
    content: "";
    font: normal normal normal 19px/40px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-user-info #ire-registration-info-form--2 input[type=submit] {
    width: 240px;
    margin-bottom: 0;
}

.page-user-info #ire-registration-info-form--2 input[type=submit]+input[type=submit] {
    color: #5e6d81;
    background-color: transparent;
}

.page-user-info #ire-registration-info-form--2 input[type=submit]+input[type=submit]:hover {
    text-decoration: underline;
}

.title_list p {
    font-family: "Open sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #5e6d81;
    text-align: center;
}

.ireland-xo-signup-steps {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.ireland-xo-signup-steps:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 40px;
    right: 10px;
    height: 1px;
    border-bottom: 1px dashed #23b7c2;
    z-index: -1;
}

.ireland-xo-signup-steps span {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    color: #23b7c2;
    margin-bottom: 40px;
    font: 700 36px/80px "Open Sans", sans-serif;
    background-color: white;
    border: 1px solid #23b7c2;
    margin-left: 140px;
}

.ireland-xo-signup-steps span:first-child {
    margin-left: 0;
}

.ireland-xo-signup-steps span.active {
    color: white;
    background-color: #23b7c2;
}

footer .region-fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #b0d462;
    z-index: 999;
}

footer .region-fixed-footer p {
    font: inherit;
    color: #fff;
    margin: 0;
    padding: 6px 0;
    text-align: center;
}

.attached-files {
    margin-bottom: 30px;
}

.attached-files h2 {
    margin-bottom: 15px;
}

#google_center_div {
    vertical-align: top;
}

#block-views-message-board-answers-block-2,
#block-dara-overwrite-post-a-chronicles-comment {
    background-color: #F1F2F6;
    margin: 0;
}

#block-dara-overwrite-post-a-chronicles-comment:after {
    content: "";
    display: block;
    clear: both;
}

#block-views-message-board-answers-block-2 .content,
#block-dara-overwrite-post-a-chronicles-comment .content {
    margin: 20px 20px -20px 20px;
}

#block-dara-overwrite-post-a-chronicles-comment #edit-preview,
#block-dara-overwrite-post-a-chronicles-comment #edit-submit {
    margin-bottom: 20px;
}

#block-addchroniclescommentsblock .join{
    position: absolute;
    top: 70px;
    right: 40px;
}
#block-addexhibitscommentsblock .join{
    position: relative;
    top: 0;
}

.node-chronicles_comments-form textarea {
    background-color: #fff;
    padding-top: 20px;
}

.page-node-edit.node-type-timeline .filter-wrapper {
    display: inline-block;
    width: 100%;
}

.page-node-edit.node-type-timeline .filter-wrapper .form-item {
    padding-left: 0;
}

.page-node-edit.node-type-timeline select.filter-list {
    top: 28px;
    left: 0;
    padding: 0;
    height: 36px !important;
}

.page-node-edit.node-type-timeline .filter-guidelines-item {
    display: inline-block;
    width: 100%;
}

.page-node-edit.node-type-timeline th,
.page-node-edit.node-type-timeline #block-dara-overwrite-post-a-chronicles-comment {
    background-color: transparent;
}

.page-node-edit.node-type-timeline #block-dara-overwrite-post-a-chronicles-comment {
    display: inline-block;
    width: 100%;
    background-color: transparent;
}

.page-node-edit.node-type-timeline #block-dara-overwrite-post-a-chronicles-comment .content {
    margin: 0;
}

.page-node-revisions .left-side {
    width: 100%;
    padding-bottom: 0;
}

.page-node-revisions #block-dara-overwrite-post-a-chronicles-comment {
    float: left;
    width: 100%;
}

.text-format-wrapper fieldset {
    clear: both;
    padding: 0;
}

.text-format-wrapper p {
    margin: 0;
}


/* =======================
Dashboard buildings
Dashboard comments
Dashboard communities
Ancestors buildings
Local Guides
====================== */

.path-dashboard main>.banner,
.path-dashboard-irelandxo-group main>.banner,
.path-dashboard-activity main>.banner,
.path-dashboard-events main>.banner,
.path-dashboard-timeline main>.banner,
.path-dashboard-message-answers main>.banner,
.path-assigned-user main>.banner,
.path-dashboard-messages main>.banner,
.path-dashboard-local-guides main>.banner,
.path-dashboard-communities main>.banner,
.path-dashboard-comments main>.banner,
.path-user main>.banner,
.path-dashboard-ancestors main>.banner,
.path-dashboard-buildings main>.banner,
.path-dashboard-irelandxo-group-group main>.banner {
    min-height: 0;
}

.path-dashboard main>.banner .apply-blur,
.path-dashboard-irelandxo-group main>.banner .apply-blur,
.path-dashboard-activity main>.banner .apply-blur,
.path-dashboard-events main>.banner .apply-blur,
.path-dashboard-timeline main>.banner .apply-blur,
.path-dashboard-message-answers main>.banner .apply-blur,
.path-assigned-user main>.banner .apply-blur,
.path-dashboard-messages main>.banner .apply-blur,
.path-dashboard-local-guides main>.banner .apply-blur,
.path-dashboard-communities main>.banner .apply-blur,
.path-dashboard-comments main>.banner .apply-blur,
.path-user main>.banner .apply-blur,
.path-dashboard-ancestors main>.banner .apply-blur,
.path-dashboard-buildings main>.banner .apply-blur,
.path-dashboard-irelandxo-group-group main>.banner .apply-blur {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
}
.path-dashboard main>.banner .inner{
    position: absolute !important;
    top: -20% !important;
}
.path-dashboard main>.banner #block-views-block-profile-info-block-1,
.path-dashboard main>.banner .inner,
.path-dashboard-irelandxo-group main>.banner .inner,
.path-dashboard-activity main>.banner .inner,
.path-dashboard-events main>.banner .inner,
.path-dashboard-timeline main>.banner .inner,
.path-dashboard-message-answers main>.banner .inner,
.path-assigned-user main>.banner .inner,
.path-dashboard-messages main>.banner .inner,
.path-dashboard-local-guides main>.banner .inner,
.path-dashboard-communities main>.banner .inner,
.path-dashboard-comments main>.banner .inner,
.path-user main>.banner .inner,
.path-dashboard-ancestors main>.banner .inner,
.path-dashboard-buildings main>.banner .inner,
.path-dashboard-irelandxo-group-group main>.banner .inner {
    position: relative;
    top: 0;
    display: block;
    width: auto;
    min-height: 95px;
    margin: 0 auto;
    /* border-top: 100px solid transparent; */
    box-sizing: content-box;
}

@media (max-width: 1023px) {
    .path-dashboard main>.banner #block-views-block-profile-info-block-1,
    .path-dashboard main>.banner .inner,
    .path-dashboard-irelandxo-group main>.banner .inner,
    .path-dashboard-activity main>.banner .inner,
    .path-dashboard-events main>.banner .inner,
    .path-dashboard-timeline main>.banner .inner,
    .path-dashboard-message-answers main>.banner .inner,
    .path-assigned-user main>.banner .inner,
    .path-dashboard-messages main>.banner .inner,
    .path-dashboard-local-guides main>.banner .inner,
    .path-dashboard-communities main>.banner .inner,
    .path-dashboard-comments main>.banner .inner,
    .path-user main>.banner .inner,
    .path-dashboard-ancestors main>.banner .inner,
    .path-dashboard-buildings main>.banner .inner,
    .path-dashboard-irelandxo-group-group main>.banner .inner {
        border-top: 50px solid transparent;
    }
}
.path-dashboard main>.banner #block-views-block-profile-info-block-1>*,
.path-dashboard main>.banner .inner>*,
.path-dashboard-irelandxo-group main>.banner .inner>*,
.path-dashboard-activity main>.banner .inner>*,
.path-dashboard-events main>.banner .inner>*,
.path-dashboard-timeline main>.banner .inner>*,
.path-dashboard-message-answers main>.banner .inner>*,
.path-assigned-user main>.banner .inner>*,
.path-dashboard-messages main>.banner .inner>*,
.path-dashboard-local-guides main>.banner .inner>*,
.path-dashboard-communities main>.banner .inner>*,
.path-dashboard-comments main>.banner .inner>*,
.path-user main>.banner .inner>*,
.path-dashboard-ancestors main>.banner .inner>*,
.path-dashboard-buildings main>.banner .inner>*,
.path-dashboard-irelandxo-group-group main>.banner .inner>* {
    box-sizing: border-box;
}

.path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
.path-dashboard main>.banner .inner h1,
.path-dashboard-irelandxo-group main>.banner .inner h1,
.path-dashboard-activity main>.banner .inner h1,
.path-dashboard-events main>.banner .inner h1,
.path-dashboard-timeline main>.banner .inner h1,
.path-dashboard-message-answers main>.banner .inner h1,
.path-assigned-user main>.banner .inner h1,
.path-dashboard-messages main>.banner .inner h1,
.path-dashboard-local-guides main>.banner .inner h1,
.path-dashboard-communities main>.banner .inner h1,
.path-dashboard-comments main>.banner .inner h1,
.path-user main>.banner .inner h1,
.path-dashboard-ancestors main>.banner .inner h1,
.path-dashboard-buildings main>.banner .inner h1,
.path-dashboard-irelandxo-group-group main>.banner .inner h1 {
    margin: 0;
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 20px;
    font-family: "Candara", "Open Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    text-align: center;
    color: #ffffff;
    word-break: break-word;
}

@media (max-width: 1023px) {
    .path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
    .path-dashboard main>.banner .inner h1,
    .path-dashboard-irelandxo-group main>.banner .inner h1,
    .path-dashboard-activity main>.banner .inner h1,
    .path-dashboard-events main>.banner .inner h1,
    .path-dashboard-timeline main>.banner .inner h1,
    .path-dashboard-message-answers main>.banner .inner h1,
    .path-assigned-user main>.banner .inner h1,
    .path-dashboard-messages main>.banner .inner h1,
    .path-dashboard-local-guides main>.banner .inner h1,
    .path-dashboard-communities main>.banner .inner h1,
    .path-dashboard-comments main>.banner .inner h1,
    .path-user main>.banner .inner h1,
    .path-dashboard-ancestors main>.banner .inner h1,
    .path-dashboard-buildings main>.banner .inner h1,
    .path-dashboard-irelandxo-group-group main>.banner .inner h1 {
        padding-bottom: 40px;
        font-size: 36px;
        line-height: 1.2;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
    }
}

@media (max-width: 640px) {
    .field-name-field-find-ancestors-description {
        font-size: 1.2vw;
        line-height: 1.5;
        font-family: "Open Sans", sans-serif;
    }
    .path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
    .path-dashboard main>.banner .inner h1,
    .path-dashboard-irelandxo-group main>.banner .inner h1,
    .path-dashboard-activity main>.banner .inner h1,
    .path-dashboard-events main>.banner .inner h1,
    .path-dashboard-timeline main>.banner .inner h1,
    .path-dashboard-message-answers main>.banner .inner h1,
    .path-assigned-user main>.banner .inner h1,
    .path-dashboard-messages main>.banner .inner h1,
    .path-dashboard-local-guides main>.banner .inner h1,
    .path-dashboard-communities main>.banner .inner h1,
    .path-dashboard-comments main>.banner .inner h1,
    .path-user main>.banner .inner h1,
    .path-dashboard-ancestors main>.banner .inner h1,
    .path-dashboard-buildings main>.banner .inner h1,
    .path-dashboard-irelandxo-group-group main>.banner .inner h1 {
        padding-right: 0;
        padding-left: 0;
    }
}

.path-dashboard main>.banner+.inner,
.path-dashboard-irelandxo-group main>.banner+.inner,
.path-dashboard-activity main>.banner+.inner,
.path-dashboard-events main>.banner+.inner,
.path-dashboard-timeline main>.banner+.inner,
.path-dashboard-message-answers main>.banner+.inner,
.path-assigned-user main>.banner+.inner,
.path-dashboard-messages main>.banner+.inner,
.path-dashboard-local-guides main>.banner+.inner,
.path-dashboard-communities main>.banner+.inner,
.path-dashboard-comments main>.banner+.inner,
.path-user main>.banner+.inner,
.path-dashboard-ancestors main>.banner+.inner,
.path-dashboard-buildings main>.banner+.inner,
.path-dashboard-irelandxo-group-group main>.banner+.inner {
    margin-top: 46px;
}

.path-dashboard-message-answers main>.banner,
.path-assigned-user main>.banner,
.path-dashboard-messages main>.banner {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .path-dashboard-message-answers main>.banner,
    .path-assigned-user main>.banner,
    .path-dashboard-messages main>.banner {
        overflow: visible;
    }
}

.path-dashboard-message-answers main>.banner .inner,
.path-assigned-user main>.banner .inner,
.path-dashboard-messages main>.banner .inner {
    bottom: 0;
    padding-bottom: 40px;
}

@media screen and (max-width: 640px) {
    .path-dashboard-message-answers main>.banner .inner h1,
    .path-assigned-user main>.banner .inner h1,
    .path-dashboard-messages main>.banner .inner h1 {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 640px) {
    .path-dashboard-message-answers main>.banner .inner,
    .path-assigned-user main>.banner .inner,
    .path-dashboard-messages main>.banner .inner {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 1201px) {
    .path-dashboard-messages main>.banner+.inner {
        overflow: visible;
    }
}

main>.banner .block.user-view-banner,
main>.banner .block.dashboard-profile,
main>.banner .block.dashboard-irelandxo,
main>.banner .block.dashboard-events,
main>.banner [id^="block-ireland-xo-irelandxo-block"]anner .block.dashboard-local-guides,
main>.banner .block.dashboard-communities,
main>.banner .block.dashboard-comments,
main>.banner [id^="block-ireland-xo-irelandxo-block"] {
    position: static;
}
main>.banner [id^="block-ireland-xo-irelandxo-block"]{
    position: relative;
}

main>.banner .dashboard-messages-main {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

main>.banner .dashboard-messages-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.75);
}

main>.banner .dashboard-messages-main .content {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

main>.banner .dashboard-messages-main .content a {
    display: block;
    border-bottom: 4px solid transparent;
    padding: 8px 48px;
    font-size: 14px;
    font-weight: 700;
    color: #323a45;
    text-decoration: none;
    text-transform: uppercase;
}

main>.banner .dashboard-messages-main .content a:hover,
main>.banner .dashboard-messages-main .content a:focus {
    border-bottom-color: #323a45;
    background-color: rgba(255, 255, 255, 0.5);
}

main>.banner .dashboard-messages-main .active-btn a {
    border-bottom-color: #323a45;
}

.path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
.path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
.path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back {
    position: absolute;
    top: -120px;
    z-index: 2;
    left: 170px;
}

@media (max-width: 1200px) {
    .path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back {
        left: 20px;
    }
}

@media screen and (max-width: 640px) {
    .path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a,
.path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a,
.path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:before,
.path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:before,
.path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:hover,
.path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:focus,
.path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:hover,
.path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:focus,
.path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:hover,
.path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back a:focus {
    background-color: #28919c;
}

@media screen and (max-width: 640px) {
    .path-dashboard-message-answers main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-assigned-user main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back,
    .path-dashboard-messages main>.banner [id^="block-ireland-xo-irelandxo-block"] .messages-btn-back {
        bottom: 50px;
    }
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add {
    position: absolute;
    bottom: -20px;
    right: 160px;
    z-index: 2;
    max-width: 50%;
}

@media (max-width: 1200px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add {
        right: 20px;
    }
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add a:hover,
.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-add a {
        padding: 10px 20px;
    }
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back {
    position: absolute;
    top: -85px;
    left: 170px;
    z-index: 2;
}

/* @media (max-width: 1200px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back {
        left: 20px;
    }
} */

/* @media (max-width: 1023px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back {
        top: auto;
        bottom: -20px;
    }
}

@media (max-width: 1200px) {
    .path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back {
        left: 20px;
    }
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back a:hover,
.path-dashboard-local-guides main>.banner [id^="block-ireland-xo-irelandxo-block"] .local-guides-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .content .event-btn-back,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back {
    position: absolute;
    top: -85px;
    left: 170px;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back,
    .path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-events main>.banner .block.dashboard-events .content .event-btn-back,
    .path-dashboard-timelines main>.banner .block.dashboard-events .content .event-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back,
    .path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:before,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:hover,
.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:focus,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:hover,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add {
    position: absolute;
    bottom: -20px;
    right: 160px;
    max-width: 50%;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add,
    .path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add {
        right: 20px;
    }
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a:hover,
.path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a:focus,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a:hover,
.path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-events main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a,
    .path-dashboard-timeline main>.banner [id^="block-ireland-xo-irelandxo-block"] .event-btn-add a {
        padding: 10px 20px;
    }
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search {
    position: absolute;
    bottom: -20px;
    right: 160px;
    z-index: 2;
    max-width: 50%;
}

@media (max-width: 1200px) {
    .path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search {
        right: 20px;
    }
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search a:hover,
.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-search a {
        padding: 10px 20px;
    }
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back {
    position: absolute;
    top: -85px;
    left: 170px;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back a:hover,
.path-dashboard-communities main>.banner [id^="block-ireland-xo-irelandxo-block"] .communities-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
    position: absolute;
    bottom: -20px;
    right: 0;
    max-width: 50%;
}

@media (max-width: 1200px) {
    .path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
        right: 20px;
    }
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:hover,
.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
        padding: 10px 20px;
    }
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back {
    position: absolute;
    top: -85px;
    z-index: 2;
    left: 170px;
}

@media (max-width: 1200px) {
    .path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back a:hover,
.path-dashboard-comments main>.banner [id^="block-ireland-xo-irelandxo-block"] .comment-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search {
    position: absolute;
    bottom: -20px;
    right: 160px;
    z-index: 2;
    max-width: 50%;
}

@media (max-width: 1200px) {
    .path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search {
        right: 20px;
    }
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a:hover,
.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a {
        padding: 10px 20px;
    }
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
    position: absolute;
    top: -85px;
    z-index: 2;
    left: 170px;
}

@media (max-width: 1200px) {
    .path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:hover,
.path-dashboard-irelandxo-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:focus {
    background-color: #28919c;
}

.path-user main>.banner {
    min-height: 0;
}

.path-user main>.banner .apply-blur {
    min-height: 0;
}

.path-user main>.banner .inner {
    position: relative;
    top: 0;
    display: block;
    width: auto;
    min-height: 95px;
    margin: 0 auto;
    /* border-top: 100px solid transparent; */
    box-sizing: content-box;
}

@media (max-width: 1023px) {
    .path-user main>.banner .inner {
        border-top: 50px solid transparent;
    }
}

.path-user main>.banner .inner>* {
    box-sizing: border-box;
}

.path-user main>.banner .inner h1 {
    display: none;
}
.path-user main>.banner .inner.user-info-breadcrumb h1{
    display: block;
}

.path-user main>.banner .block.user-view-banner .content .user-page-title {
    margin: 0;
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 20px;
    font-family: "Candara", "Open Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    text-align: center;
    color: #ffffff;
    word-break: break-word;
}

@media (max-width: 1023px) {
    .path-user main>.banner .block.user-view-banner .content .user-page-title {
        padding-bottom: 40px;
        font-size: 36px;
        line-height: 1.2;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
    }
}

@media (max-width: 640px) {
    .path-user main>.banner .block.user-view-banner .content .user-page-title {
        padding-right: 0;
        padding-left: 0;
    }
}

.path-user main>.banner #block-views-profile-info-block-users-view {
    position: static;
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link {
    position: absolute;
    bottom: -20px;
    right: 0;
    max-width: 50%;
    z-index: 1;
}

@media (max-width: 1200px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link {
        right: 20px;
    }
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link a:hover,
.path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-main-edit-link a {
        padding: 10px 20px;
    }
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
    position: absolute;
    top: 120px;
    left: 170px;
}

@media (max-width: 1200px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
        top: auto;
        bottom: -20px;
    }
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn a:hover,
.path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn a:focus {
    background-color: #28919c;
}

@media (max-width: 1023px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
        top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .path-user main>.banner #block-views-profile-info-block-users-view .content .user-back-btn {
        display: none;
    }
}

.path-user main>.banner+.inner {
    position: relative;
    margin-top: 20px;
    overflow: visible;
}

@media (max-width: 1200px) {
    .path-user main>.banner+.inner {
        padding-bottom: 50px;
    }
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
    position: absolute;
    bottom: -20px;
    right: 160px;
    max-width: 50%;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add,
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
        right: 20px;
    }
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add a,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add a:hover,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add a:focus,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:hover,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-add a,
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
        padding: 10px 20px;
    }
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back,
.banner .user-info-menu .user-main-btn-back  {
    position: absolute;
    top: -85px;
    left: 170px;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back,
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back,
    .banner .user-info-menu .user-main-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back,
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back,
    .path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back,
    .banner .user-info-menu .user-main-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back a,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a,
.banner .user-info-menu .user-main-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back a:before,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:before,
.banner .user-info-menu .user-main-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back a:hover,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .ancestor-btn-back a:focus,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:hover,
.path-dashboard-ancestors main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:focus,
.banner .user-info-menu .user-main-btn-back a:hover,
.banner .user-info-menu .user-main-btn-back a:focus{
    background-color: #28919c;
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search {
    position: absolute;
    bottom: -20px;
    right: 0;
    max-width: 50%;
}

@media (max-width: 1200px) {
    .path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search {
        right: 20px;
    }
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a:hover,
.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-search a {
        padding: 10px 20px;
    }
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
    position: absolute;
    top: 120px;
    left: 170px;
}

@media (max-width: 1200px) {
    .path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:hover,
.path-dashboard-irelandxo-group-group main>.banner [id^="block-ireland-xo-irelandxo-block"] .irelandxo-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
    position: absolute;
    bottom: -20px;
    right: 170px;
    max-width: 50%;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add {
        right: 20px;
    }
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:hover,
.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-add a {
        padding: 10px 20px;
    }
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back {
    position: absolute;
    top: -85px;
    left: 170px;
    z-index: 2;
}

@media (max-width: 1200px) {
    .path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back {
        left: 20px;
    }
}

/* @media (max-width: 1023px) {
    .path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back {
        top: 6px;
    }
} */

@media screen and (max-width: 640px) {
    .path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back {
        top: auto;
        bottom: -20px;
    }
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #23B7C2;
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:before {
    content: "";
    font-family: "FontAwesome";
    vertical-align: mathematical;
    margin-right: 8px;
}

.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:hover,
.path-dashboard-buildings main>.banner [id^="block-ireland-xo-irelandxo-block"] .building-btn-back a:focus {
    background-color: #28919c;
}

.path-dashboard main>.banner {
    position: relative;
    z-index: 1;
}

.path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
.path-dashboard main>.banner .inner h1 {
    margin: 0;
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 20px;
    font-family: "Candara", "Open Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    text-align: center;
    color: #ffffff;
    word-break: break-word;
}

@media (max-width: 1023px) {
    .path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
    .path-dashboard main>.banner .inner h1 {
        padding-bottom: 40px;
        font-size: 36px;
        line-height: 1.2;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
    }
}

@media (max-width: 640px) {
    .path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
    .path-dashboard main>.banner .inner h1 {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1024px) {
    .path-dashboard main>.banner #block-views-block-profile-info-block-1 h1,
    .path-dashboard main>.banner .inner h1 {
        margin-bottom: -76px;
        padding-left: 34%;
        padding-right: 34%;
    }
}

@media (min-width: 1401px) {
    .path-dashboard main>.banner+.inner {
        margin-top: 0;
    }
}

.path-dashboard main>.banner .block.dashboard-profile .block-title {
    display: none;
}

.path-dashboard main>.banner {
    position: relative;
    min-height: 85px;
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .block.dashboard-profile .content {
        padding-bottom: 50px;
    }
}

.path-dashboard main>.banner .user-main-edit-link {
    position: absolute;
    z-index: 1;
    right: 0;
    max-width: 50%;
    margin-top: 21px;
}

.banner .user-info-menu{
    position: relative;
}

.banner .user-info-menu .user-main-edit-link {
    position: absolute;
    bottom: -20px;
    right: 160px;
    max-width: 50%;
}


@media (max-width: 1200px) {
    .path-dashboard main>.banner .user-main-edit-link,
    .banner .user-info-menu .user-main-edit-link {
        right: 20px;
    }
}


.path-dashboard main>.banner .user-main-edit-link a,
.banner .user-info-menu .user-main-edit-link a{
    position: relative;
    display: block;
    min-height: 40px;
    padding: 10px 40px;
    border-radius: 20px;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

.path-dashboard main>.banner .user-main-edit-link a:hover,
.path-dashboard main>.banner .user-main-edit-link a:focus,
.banner .user-info-menu .user-main-edit-link a:hover,
.banner .user-info-menu .user-main-edit-link a:focus {
    background-color: #d36330;
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .user-main-edit-link a,
    .banner .user-info-menu .user-main-edit-link a {
        padding: 10px 20px;
    }
}

.path-dashboard main>.banner .user-main-picture {
    position: absolute;
    top: 65%;
    left: 30px;
    transform: translateY(-50%);
    height: 120px;
    width: 120px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #eaedf1;
    overflow: hidden;
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .user-main-picture {
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 100px;
    }
}

.path-dashboard main>.banner .user-main-picture:before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
}

.path-dashboard main>.banner .user-main-picture img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
}

.path-dashboard main>.banner .user-main-title,
.path-dashboard main>.banner .user-status {
    position: relative;
    left: 170px;
    max-width: 27%;
    color: #fff;
    text-align: left;
}

@media (max-width: 1023px) {
    .path-dashboard main>.banner .user-main-title,
    .path-dashboard main>.banner .user-status {
        max-width: 54%;
    }
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .user-main-title,
    .path-dashboard main>.banner .user-status {
        left: 0;
        max-width: 100%;
        text-align: center;
    }
}

.path-dashboard main>.banner .user-main-title a,
.path-dashboard main>.banner .user-status a {
    font: inherit;
    color: inherit;
}

.path-dashboard main>.banner .user-main-title:hover,
.path-dashboard main>.banner .user-status:hover {
    overflow: visible;
}

.path-dashboard main>.banner .user-main-title {
    padding-top: 2px;
    font: 400 24px "Open Sans", sans-serif;
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .user-main-title {
        padding-top: 10px;
    }
}

.path-dashboard main>.banner .user-status {
    padding-top: 5px;
    padding-bottom: 5px;
    font: 400 18px "Open Sans", sans-serif;
}

.path-dashboard main>.banner .user-status>* {
    display: inline;
}

.path-dashboard main>.banner .user-status>*:last-child {
    font-weight: 700;
}

@media (max-width: 767px) {
    .path-dashboard main>.banner .user-main-edit-link {
        right: 0;
        bottom: -12%;
    }
}

.view-dashboard-ancestors .view-content,
.view-dashboard-buildings .view-content,
.view-dashboard-local-guides .view-content {
    max-width: 980px;
    margin: auto;
}

@media (min-width: 1024px) {
    .view-dashboard-ancestors .view-content,
    .view-dashboard-buildings .view-content,
    .view-dashboard-local-guides .view-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .view-dashboard-ancestors .view-content>.views-row,
    .view-dashboard-buildings .view-content>.views-row,
    .view-dashboard-local-guides .view-content>.views-row {
        width: 38%;
        margin: 0 2.3% 16px 0;
    }
    .view-dashboard-ancestors .view-content>.views-row:nth-of-type(3n),
    .view-dashboard-buildings .view-content>.views-row:nth-of-type(3n),
    .view-dashboard-local-guides .view-content>.views-row:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .view-dashboard-ancestors .view-content,
    .view-dashboard-buildings .view-content,
    .view-dashboard-local-guides .view-content {
        display: flex;
        flex-wrap: wrap;
    }
    .view-dashboard-ancestors .view-content>.views-row,
    .view-dashboard-buildings .view-content>.views-row,
    .view-dashboard-local-guides .view-content>.views-row {
        width: 45%;
        margin: 0 3% 16px 0;
    }
    .view-dashboard-ancestors .view-content>.views-row:nth-of-type(2n),
    .view-dashboard-buildings .view-content>.views-row:nth-of-type(2n),
    .view-dashboard-local-guides .view-content>.views-row:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (max-width: 639px) {
    .view-dashboard-ancestors .view-content>.views-row,
    .view-dashboard-buildings .view-content>.views-row,
    .view-dashboard-local-guides .view-content>.views-row {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 16px;
    }
}

.view-dashboard-ancestors .view-content .views-row,
.view-dashboard-buildings .view-content .views-row,
.view-dashboard-local-guides .view-content .views-row {
    position: relative;
    padding: 0 16px 16px;
    overflow: visible;
}

.view-dashboard-ancestors .view-content .views-row:hover img,
.view-dashboard-buildings .view-content .views-row:hover img,
.view-dashboard-local-guides .view-content .views-row:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.view-dashboard-ancestors .view-content .views-row .image-wrapper,
.view-dashboard-ancestors .view-content .views-row .local-guide-images,
.view-dashboard-buildings .view-content .views-row .image-wrapper,
.view-dashboard-buildings .view-content .views-row .local-guide-images,
.view-dashboard-local-guides .view-content .views-row .image-wrapper,
.view-dashboard-local-guides .view-content .views-row .local-guide-images {
    position: relative;
    z-index: 0;
    height: 0;
    padding-bottom: 88.205%;
    margin: 0 -16px 20px;
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    background-color: #eaedf1;
}

.view-dashboard-ancestors .view-content .views-row .image-wrapper:after,
.view-dashboard-ancestors .view-content .views-row .local-guide-images:after,
.view-dashboard-buildings .view-content .views-row .image-wrapper:after,
.view-dashboard-buildings .view-content .views-row .local-guide-images:after,
.view-dashboard-local-guides .view-content .views-row .image-wrapper:after,
.view-dashboard-local-guides .view-content .views-row .local-guide-images:after {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    font-size: 120px;
    color: #fff;
}

.view-dashboard-ancestors .view-content .views-row .image-wrapper img,
.view-dashboard-ancestors .view-content .views-row .local-guide-images img,
.view-dashboard-buildings .view-content .views-row .image-wrapper img,
.view-dashboard-buildings .view-content .views-row .local-guide-images img,
.view-dashboard-local-guides .view-content .views-row .image-wrapper img,
.view-dashboard-local-guides .view-content .views-row .local-guide-images img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.dashboard-building-item .field-name-field-comments-new-count,
.dashboard-ancestor-item .field-name-field-comments-new-count{
    margin-top: 20px;
    text-align: left;
    padding-left: 5px;
}
.dashboard-building-item .field-name-field-comments-new-count,
.dashboard-ancestor-item .field-name-field-comments-new-count,
.view-dashboard-ancestors .view-content .views-row .field-name-field-comments-new-count,
.view-dashboard-buildings .view-content .views-row .field-name-field-comments-new-count,
.view-dashboard-local-guides .view-content .views-row .field-name-field-comments-new-count {
    position: static;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 700;
    color: #FA7135;
}

.dashboard-ancestor-item .field-name-field-comments-new-count span,
.dashboard-building-item .field-name-field-comments-new-count span,
.view-dashboard-ancestors .view-content .views-row .field-name-field-comments-new-count span,
.view-dashboard-buildings .view-content .views-row .field-name-field-comments-new-count span,
.view-dashboard-local-guides .view-content .views-row .field-name-field-comments-new-count span {
    margin-left: 5px;
}

.dashboard-building-item .field-name-field-comments-new-count .activity-icon,
.dashboard-ancestor-item .field-name-field-comments-new-count .activity-icon {
    position: absolute;
    top: 20px;
    right: 5px;
    z-index: 1;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #FA7135;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    text-align: center;
}

.dashboard-building-item .title,
.dashboard-building-item .location{
    text-align: left;
}
.view-dashboard-ancestors .view-content .views-row .field-name-field-comments-new-count .activity-icon,
.view-dashboard-buildings .view-content .views-row .field-name-field-comments-new-count .activity-icon,
.view-dashboard-local-guides .view-content .views-row .field-name-field-comments-new-count .activity-icon {
    position: absolute;
    top: 20px;
    right: -12px;
    z-index: 1;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #FA7135;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    text-align: center;
}

.view-dashboard-ancestors .view-content .views-row .views-field-title,
.view-dashboard-ancestors .view-content .views-row .title-local-guides,
.view-dashboard-buildings .view-content .views-row .views-field-title,
.view-dashboard-buildings .view-content .views-row .title-local-guides,
.view-dashboard-local-guides .view-content .views-row .views-field-title,
.view-dashboard-local-guides .view-content .views-row .title-local-guides {
    font-size: 14px;
    color: #9EA7B3;
    padding: 10px 0 0;
    text-align: left;
    font-weight: 400;
    margin-bottom: 3px;
}

.view-dashboard-ancestors .view-content .views-row .views-field-title a,
.view-dashboard-ancestors .view-content .views-row .title-local-guides a,
.view-dashboard-buildings .view-content .views-row .views-field-title a,
.view-dashboard-buildings .view-content .views-row .title-local-guides a,
.view-dashboard-local-guides .view-content .views-row .views-field-title a,
.view-dashboard-local-guides .view-content .views-row .title-local-guides a {
    font-size: 20px;
    font-weight: 300;
    color: #5e6d81;
}

.view-dashboard-ancestors .view-content .views-row .views-field-title a:hover,
.view-dashboard-ancestors .view-content .views-row .title-local-guides a:hover,
.view-dashboard-buildings .view-content .views-row .views-field-title a:hover,
.view-dashboard-buildings .view-content .views-row .title-local-guides a:hover,
.view-dashboard-local-guides .view-content .views-row .views-field-title a:hover,
.view-dashboard-local-guides .view-content .views-row .title-local-guides a:hover {
    text-decoration: none;
}

.view-dashboard-ancestors .item-list,
.view-dashboard-buildings .item-list,
.view-dashboard-local-guides .item-list {
    width: auto;
    text-align: center;
}

.view-dashboard-ancestors .item-list .pager,
.view-dashboard-buildings .item-list .pager,
.view-dashboard-local-guides .item-list .pager {
    text-align: left;
}

.view-dashboard-buildings .view-content .views-row .location,
.view-dashboard-buildings .view-content .views-row .local-guide-group,
.view-dashboard-local-guides .view-content .views-row .location,
.view-dashboard-local-guides .view-content .views-row .local-guide-group {
    margin-top: 5px;
    font: 400 14px "Open Sans", sans-serif;
    color: #9ea7b3;
}

.view-dashboard-buildings .view-content .views-row .location a,
.view-dashboard-buildings .view-content .views-row .local-guide-group a,
.view-dashboard-local-guides .view-content .views-row .location a,
.view-dashboard-local-guides .view-content .views-row .local-guide-group a {
    color: inherit;
    text-decoration: underline;
}

.view-dashboard-buildings .view-content .views-row .location a:hover,
.view-dashboard-buildings .view-content .views-row .location a:focus,
.view-dashboard-buildings .view-content .views-row .local-guide-group a:hover,
.view-dashboard-buildings .view-content .views-row .local-guide-group a:focus,
.view-dashboard-local-guides .view-content .views-row .location a:hover,
.view-dashboard-local-guides .view-content .views-row .location a:focus,
.view-dashboard-local-guides .view-content .views-row .local-guide-group a:hover,
.view-dashboard-local-guides .view-content .views-row .local-guide-group a:focus {
    text-decoration: none;
}

.view-dashboard-buildings .view-content .views-row .image-wrapper img[src*="/building-empty."],
.view-dashboard-local-guides .view-content .views-row .image-wrapper img[src*="/building-empty."] {
    opacity: 0;
}

.view-dashboard-ancestors .view-content .views-row .image-wrapper:after {
    content: "";
}

.view-dashboard-ancestors .view-content .views-row .image-wrapper img[src*="/default_images/"] {
    opacity: 0;
}


.dashboard-ancestor-item .ancestor-location,
.dashboard-ancestor-item .ancestor-location+span,
.dashboard-ancestor-item .ancestor-dob,
.view-dashboard-ancestors .view-content .views-row .ancestor-location,
.view-dashboard-ancestors .view-content .views-row .ancestor-location+span,
.view-dashboard-ancestors .view-content .views-row .ancestor-dob {
    line-height: 1.5;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #9ea7b3;
    text-align: left;
}

.dashboard-ancestor-item .ancestor-dob {
    width: 100%;
}


.dashboard-ancestor-item .ancestor-location,
.view-dashboard-ancestors .view-content .views-row .ancestor-location {
    padding-right: 5px;
    text-align: left;
}


.dashboard-ancestor-item .ancestor-location a,
.view-dashboard-ancestors .view-content .views-row .ancestor-location a {
    color: inherit;
}


.dashboard-ancestor-item .ancestor-location a:hover,
.dashboard-ancestor-item .ancestor-location a:focus,
.view-dashboard-ancestors .view-content .views-row .ancestor-location a:hover,
.view-dashboard-ancestors .view-content .views-row .ancestor-location a:focus {
    text-decoration: none;
}


.dashboard-ancestor-item .ancestor-location+span,
.view-dashboard-ancestors .view-content .views-row .ancestor-location+span {
    padding-left: 8px;
    border-left: 1px dotted #5e6d81;
}


.dashboard-ancestor-item .views-field.views-field-title {
    text-align: left;
}


/* =======================
Dashboard menu
====================== */

.dashboard-menu {
    max-width: 420px;
    background-color: #23B7C2;
    padding: 30px 30px;
    color: #fff;
}

.dashboard-menu .menu-toggle button {
    position: relative;
    display: block;
    border: 0;
    padding: 0;
    background: none;
    font: 400 18px "Open Sans", sans-serif;
    color: #fff;
    vertical-align: middle;
}

.dashboard-menu .menu-toggle button:before {
    content: "";
    font-family: "FontAwesome";
    margin-right: 12px;
}

@media (min-width: 1401px) {
    .dashboard-menu .menu-toggle {
        display: none;
    }
}

.dashboard-menu .menu-group--wrapper {
    padding: 50px 0;
}

@media (max-width: 1120px) {
    .dashboard-menu .menu-group--wrapper {
        display: none;
    }
}

@media (min-width: 1401px) {
    .dashboard-menu .menu-group--wrapper {
        display: block !important;
    }
}


/* .dashboard-menu ul:after {
    content: "";
    position: absolute;
    left: -30px;
    right: -30px;
    bottom: -48px;
    border-bottom: 1px solid #fff;
    opacity: 0.5;
}

.dashboard-menu ul:last-child:after {
    content: none;
} */

.dashboard-menu ul li {
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0 !important;
}

@media (min-width: 1024px) {
    .dashboard-menu ul li {
        padding: 0 0 40px 0 !important;
    }
}

.dashboard-menu ul li:last-child {
    padding-bottom: 0 !important;
}

.dashboard-menu ul li a {
    position: relative;
    flex-grow: 1;
    font-size: 18px;
    min-width: 196px;
    padding-left: 40px;
    text-transform: uppercase;
    color: inherit;
}

.dashboard-menu ul li a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    font-family: "FontAwesome";
}

.dashboard-menu ul li a.ancestors:before {
    content: "";
    left: 2px;
}

.dashboard-menu ul li a.buildings:before {
    content: "";
}

.dashboard-menu ul li a.timelines:before {
    content: "";
}

.dashboard-menu ul li a.group:before {
    content: "";
    left: 1px;
}

.dashboard-menu ul li a.messages:before {
    content: "";
    left: 2px;
}

.dashboard-menu ul li a.comments:before {
    content: "";
    left: 2px;
}

.dashboard-menu ul li a.local-guides:before {
    content: "";
    left: 5px;
}

.dashboard-menu ul li a.irelandxo:before {
    content: "xo";
    top: -3px;
    left: 0;
    font-family: inherit;
    font-size: 21px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: -1.5px;
}

.dashboard-menu ul li a:hover,
.dashboard-menu ul li a:focus {
    color: inherit !important;
    text-decoration: underline !important;
}

.dashboard-menu ul li .dashboard-menu__item-counter {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: auto;
    height: 21px;
    margin-left: 3px;
    border-radius: 11px;
    background: #FA7135;
    padding: 0 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: center;
}


/* =======================
Dashboard comments
====================== */

.view-dashboard-comments .view-content {
    max-width: 700px;
    margin: auto;
}

.view-dashboard-comments .view-content .views-row {
    position: relative;
    margin-bottom: 22px;
    border: 2px solid #eaedf1;
    border-radius: 7px;
    padding: 32px 22px;
}

.view-dashboard-comments .view-content .views-row .comment-date {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #9ea7b3;
}

.view-dashboard-comments .view-content .views-row .comment-date+div {
    padding-left: 0;
}

.view-dashboard-comments .view-content .views-row .comment-type,
.view-dashboard-comments .view-content .views-row .comment-location,
.view-dashboard-comments .view-content .views-row .comment-chronicle {
    display: inline-block;
    padding-left: 2px;
    padding-right: 7px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #5e6d81;
    border-right: 1px solid #5e6d81;
}

.view-dashboard-comments .view-content .views-row .comment-type a,
.view-dashboard-comments .view-content .views-row .comment-location a,
.view-dashboard-comments .view-content .views-row .comment-chronicle a {
    padding: 0;
    margin: 0;
    background: none;
    font: inherit;
    color: inherit;
}

.view-dashboard-comments .view-content .views-row .comment-chronicle {
    padding-left: 0;
}

.view-dashboard-comments .view-content .views-row .comment-location {
    border-right: 0;
    padding-right: 0;
}

.view-dashboard-comments .view-content .views-row .comment {
    margin: 24px 0 0;
    position: relative;
    font: 700 18px "Open Sans", sans-serif;
    line-height: 26px;
    color: #5e6d81;
}

@media (max-width: 639px) {
    .view-dashboard-comments .view-content .views-row .comment {
        font: 700 16px "Open Sans", sans-serif;
    }
}

.view-dashboard-comments .view-content .views-row .comment a,
.view-dashboard-comments .view-content .views-row .comment p {
    margin: 0;
    font: 700 18px "Open Sans", sans-serif;
    line-height: inherit;
    color: inherit;
}

@media (max-width: 639px) {
    .view-dashboard-comments .view-content .views-row .comment a,
    .view-dashboard-comments .view-content .views-row .comment p {
        font: 700 16px "Open Sans", sans-serif;
    }
}

.view-dashboard-comments .item-list {
    width: auto;
    text-align: center;
}

.view-dashboard-comments .item-list .pager {
    text-align: left;
}


/* =======================
My communities
====================== */

.view-my-communitiess.view-display-id-page .view-header,
.view-my-communitiess.view-display-id-page_1 .view-header {
    max-width: 700px;
    margin: auto;
}

.view-my-communitiess.view-display-id-page .view-header .dashboard-slogan,
.view-my-communitiess.view-display-id-page_1 .view-header .dashboard-slogan {
    text-align: center;
}

.view-my-communitiess.view-display-id-page .view-content,
.view-my-communitiess.view-display-id-page_1 .view-content {
    max-width: 700px;
    margin: auto;
}

.view-my-communitiess.view-display-id-page .view-content .views-row,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row {
    position: relative;
    margin-bottom: 22px;
    border: 2px solid #eaedf1;
    border-radius: 7px;
    padding: 35px 22px;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-title a,
.view-my-communitiess.view-display-id-page .view-content .views-row .views-field-title a,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-title a,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .views-field-title a {
    margin: 0;
    position: relative;
    font: 700 20px "Open Sans", sans-serif;
    line-height: 24px;
    color: #5e6d81;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-title+div,
.view-my-communitiess.view-display-id-page .view-content .views-row .views-field-title+div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-title+div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .views-field-title+div {
    margin-top: 40px;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-title+.communities-activity-number,
.view-my-communitiess.view-display-id-page .view-content .views-row .views-field-title+.communities-activity-number,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-title+.communities-activity-number,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .views-field-title+.communities-activity-number {
    margin-top: 16px;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-activity-number,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-activity-number {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #FA7135;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-profile,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-news,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-building,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-event,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-timeline,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-visiting,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-profile,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-news,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-building,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-event,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-timeline,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-visiting {
    display: inline-block;
    margin: 0 10px 10px 0;
    border: 1px solid #9ea7b3;
    border-radius: 16px;
    padding: 6px 15px;
    font-size: 14px;
    color: #5e6d81;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .communities-profile span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-profile div,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-news span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-news div,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-building span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-building div,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-event span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-event div,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-timeline span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-timeline div,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-visiting span,
.view-my-communitiess.view-display-id-page .view-content .views-row .communities-visiting div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-profile span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-profile div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-news span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-news div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-building span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-building div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-event span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-event div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-timeline span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-timeline div,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-visiting span,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .communities-visiting div {
    display: inline-block;
}

.view-my-communitiess.view-display-id-page .view-content .views-row .activity-icon,
.view-my-communitiess.view-display-id-page_1 .view-content .views-row .activity-icon {
    position: absolute;
    top: 20px;
    right: -12px;
    z-index: 1;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #FA7135;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    text-align: center;
}

.view-my-communitiess.view-display-id-page .item-list,
.view-my-communitiess.view-display-id-page_1 .item-list {
    text-align: center;
}

.view-my-communitiess.view-display-id-page .item-list .pager,
.view-my-communitiess.view-display-id-page_1 .item-list .pager {
    width: auto;
    text-align: left;
}

.views-view--user-dashboard-page-all .view-header,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-header {
    max-width: 506px;
    margin: 0 auto 40px;
    color: #5e6d81;
}

@media (min-width: 1401px) {
    .views-view--user-dashboard-page-all .view-header,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-header {
        margin: 0 0 40px;
    }
}

.views-view--user-dashboard-page-all .view-header *:not(a),
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-header *:not(a) {
    color: inherit;
}

.views-view--user-dashboard-page-all .view-content,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content {
    max-width: 506px;
    margin: auto;
}
.views-view--user-dashboard-page-all .dashboard-slogan {
    margin: auto;
    max-width: 506px;
}

@media (min-width: 1401px) {
    .views-view--user-dashboard-page-all .view-content,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content {
        margin: 0;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row {
    position: relative;
    margin-bottom: 22px;
    border: 3px solid #eaedf1;
    border-radius: 7px;
    padding: 0 25px 15px;
}

.views-view--user-dashboard-page-all .view-content .views-row:before,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:before {
    content: "";
    position: absolute;
    top: -26px;
    bottom: 0;
    left: -40px;
    border: 1px dashed #eaedf1;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row:before,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:before {
        top: -26px;
        left: -14px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row:after,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:after {
    content: "";
    position: absolute;
    top: 53px;
    left: -43px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #9ea7b3;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row:after,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:after {
        top: 43px;
        left: -17px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row:first-child:before,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:first-child:before {
    top: 60px;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row:first-child:before,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row:first-child:before {
        top: 50px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture {
    position: absolute;
    top: 16px;
    left: auto;
    z-index: 1;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture>div,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture>div {
    position: relative;
    width: 75px;
    height: 75px;
    border: 1px solid #9ea7b3;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture>div,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture>div {
        width: 55px;
        height: 55px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture>div:before,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture>div:before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: #fff;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture img,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture+.activity-user-name,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture+.activity-user-name {
    padding-left: 120px;
    min-height: 106px;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-user-picture+.activity-user-name,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-picture+.activity-user-name {
        padding-left: 100px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-user-name,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-name {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 16px;
    padding: 10px 25px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    background-color: #eaedf1;
    color: #5e6d81;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-user-name,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-user-name {
        min-height: 90px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-date,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-date {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    color: #5e6d81;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-date em,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-date em {
    font-style: normal;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-type,
.views-view--user-dashboard-page-all .view-content .views-row .activity-content-title,
.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-birth-date,
.views-view--user-dashboard-page-all .view-content .views-row .activity-timeline-date,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-birth-date,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-timeline-date {
    display: inline;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-type>*,
.views-view--user-dashboard-page-all .view-content .views-row .activity-content-title>*,
.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-birth-date>*,
.views-view--user-dashboard-page-all .view-content .views-row .activity-timeline-date>*,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type>*,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title>*,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-birth-date>*,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-timeline-date>* {
    display: inline;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-type:empty,
.views-view--user-dashboard-page-all .view-content .views-row .activity-content-title:empty,
.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-birth-date:empty,
.views-view--user-dashboard-page-all .view-content .views-row .activity-timeline-date:empty,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type:empty,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title:empty,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-birth-date:empty,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-timeline-date:empty {
    display: none;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-type,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type {
    font-size: 18px;
    text-transform: lowercase;
    clear: both;
    color: #5e6d81;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-content-type,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type {
        font-size: 16px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-type span:last-child,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-type span:last-child {
    text-transform: capitalize;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-timeline-date,
.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-birth-date,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-timeline-date,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-birth-date {
    font-size: 18px;
    color: #23B7C2;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-title,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title {
    font: 700 20px "Open Sans", sans-serif;
    line-height: 24px;
    color: #23B7C2;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-content-title,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title {
        font: 700 16px "Open Sans", sans-serif;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-content-title a,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-content-title a {
    margin: 0;
    position: relative;
    font: inherit;
    line-height: inherit;
    color: inherit;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title {
    margin-top: 12px;
    color: #5e6d81;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title span:first-child,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title span:first-child {
    margin-right: 10px;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title span:first-child:after,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title span:first-child:after {
    content: ":";
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title a,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title a {
    position: relative;
    display: inline-block;
    min-height: 30px;
    padding: 6px 27px;
    border-radius: 20px;
    font: 400 16px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FA7135;
}

@media (max-width: 640px) {
    .views-view--user-dashboard-page-all .view-content .views-row .activity-community-title a,
    .view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title a {
        padding: 6px 16px;
    }
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title a:hover,
.views-view--user-dashboard-page-all .view-content .views-row .activity-community-title a:focus,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title a:hover,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-community-title a:focus {
    background-color: #d36330;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-picture,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-picture {
    margin: 16px -25px -15px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.views-view--user-dashboard-page-all .view-content .views-row .activity-ancestor-picture img,
.view-my-communitiess.view-display-id-page_recent_activity_irelandxo .view-content .views-row .activity-ancestor-picture img {
    width: 100%;
    height: auto;
}


/* =======================
My Events (timeline)
====================== */

.view-dashboard-event .view-content {
    max-width: 700px;
    margin: auto;
}

.view-dashboard-event .view-content .views-row {
    position: relative;
    min-height: 110px;
    margin-bottom: 22px;
    border: 2px solid #eaedf1;
    border-radius: 7px;
    padding: 52px 22px 52px 165px;
}

@media (max-width: 640px) {
    .view-dashboard-event .view-content .views-row {
        padding: 40px 16px 40px 110px;
    }
}

.view-dashboard-event .view-content .views-row .dashboard-event-date {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    display: flex;
    align-items: center;
    width: 145px;
    padding: 20px;
    border-radius: 7px 0 0 7px;
    background-color: #23B7C2;
    font-size: 20px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.5px;
}

@media (max-width: 640px) {
    .view-dashboard-event .view-content .views-row .dashboard-event-date {
        width: 90px;
        padding: 10px;
        font-size: 14px;
    }
}

.view-dashboard-event .view-content .views-row .dashboard-event-counter {
    position: absolute;
    top: 10px;
    left: 165px;
    right: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #9ea7b3;
}

@media (max-width: 640px) {
    .view-dashboard-event .view-content .views-row .dashboard-event-counter {
        left: 110px;
    }
}

.view-dashboard-event .view-content .views-row .dashboard-event-counter * {
    display: inline;
}

.view-dashboard-event .view-content .views-row .dashboard-event-counter .field-name-field-comments-new-count {
    color: #FA7135;
}

.view-dashboard-event .view-content .views-row .dashboard-event-counter .field-name-field-comments-new-count>span {
    margin-left: 5px;
}

.view-dashboard-event .view-content .views-row .dashboard-event-county-parish {
    margin-bottom: 12px;
    font: 400 16px "Open Sans", sans-serif;
    color: #9ea7b3;
}

.view-dashboard-event .view-content .views-row .dashboard-event-county-parish a {
    color: inherit;
    text-decoration: underline;
}

.view-dashboard-event .view-content .views-row .dashboard-event-county-parish a:hover,
.view-dashboard-event .view-content .views-row .dashboard-event-county-parish a:focus {
    text-decoration: none;
}

.view-dashboard-event .view-content .views-row .dashboard-event-title a {
    margin: 0;
    position: relative;
    font: 700 20px "Open Sans", sans-serif;
    line-height: 24px;
    color: #5e6d81;
}

.view-dashboard-event .view-content .views-row .activity-icon {
    position: absolute;
    top: 20px;
    right: -12px;
    z-index: 1;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #FA7135;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    text-align: center;
    right: 9px;
}

.view-dashboard-event .item-list {
    text-align: center;
}

.view-dashboard-event .item-list .pager {
    width: auto;
    text-align: left;
}

.dashboard-timeline .dashboard-timeline-wrap {
    max-width: 700px;
    margin: auto;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row {
    position: relative;
    min-height: 110px;
    margin-bottom: 22px;
    border: 2px solid #eaedf1;
    border-radius: 7px;
    padding: 52px 22px 52px 165px;
}

@media (max-width: 640px) {
    .dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row {
        padding: 40px 16px 40px 110px;
    }
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-date {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    display: flex;
    align-items: center;
    width: 145px;
    padding: 20px;
    border-radius: 7px 0 0 7px;
    background-color: #23B7C2;
    font-size: 20px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.5px;
}

@media (max-width: 640px) {
    .dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-date {
        width: 90px;
        padding: 10px;
        font-size: 14px;
    }
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-activity-counter {
    position: absolute;
    top: 10px;
    left: 165px;
    right: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #9ea7b3;
}

@media (max-width: 640px) {
    .dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-activity-counter {
        left: 110px;
    }
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-activity-counter * {
    display: inline;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-activity-counter .field-name-field-comments-new-count {
    color: #FA7135;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-activity-counter .field-name-field-comments-new-count>span {
    margin-left: 5px;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-county-parish {
    margin-bottom: 12px;
    font: 400 16px "Open Sans", sans-serif;
    color: #9ea7b3;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-county-parish a {
    color: inherit;
    text-decoration: underline;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-county-parish a:hover,
.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-county-parish a:focus {
    text-decoration: none;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .dashboard-timeline-title a {
    margin: 0;
    position: relative;
    font: 700 20px "Open Sans", sans-serif;
    line-height: 24px;
    color: #5e6d81;
}

.dashboard-timeline .dashboard-timeline-wrap .dashboard-timeline-row .activity-icon {
    position: absolute;
    top: 20px;
    right: -12px;
    z-index: 1;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    padding: 0 4px;
    background-color: #FA7135;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    text-align: center;
    top: 8px;
}


/* =======================
My messages
====================== */

.view-user-views.view-display-id-dashboard_messages,
.view-user-views.view-display-id-dashboard_messages_answers {
    width: 100%;
    max-width: 780px;
    margin: auto;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row {
    position: relative;
    padding: 50px 0 20px 70px;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row:before,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 98vw;
    height: 1px;
    background: #eaedf1;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-date,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-date,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-date,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-date {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #9ea7b3;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-status,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-status,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-status,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-status {
    position: absolute;
    top: 50px;
    right: 0;
    font-size: 14px;
    font-weight: 700;
    color: #5e6d81;
}

@media (max-width: 640px) {
    .view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-status,
    .view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-status,
    .view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-status,
    .view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-status {
        top: 25px;
    }
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-bulk-operations,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-bulk-operations,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-bulk-operations,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-bulk-operations {
    position: absolute;
    top: 73px;
    left: 0;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-title a,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-title a,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-title a,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-title a {
    margin: 0;
    position: relative;
    font: 700 24px "Open Sans", sans-serif;
    line-height: 24px;
    color: #323a45;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-body,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-body,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-body,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-body {
    margin: 20px 0 0;
    position: relative;
    font: 400 18px "Open Sans", sans-serif;
    line-height: 28px;
    color: #323a45;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-body p,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-body p,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-body p,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-body p {
    margin: 0;
    font: 400 18px "Open Sans", sans-serif;
    line-height: inherit;
    color: inherit;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-term-name,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-message-board,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-term-name,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-message-board {
    margin-top: 16px;
    font: 700 14px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #9ea7b3;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-term-name a,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-message-board a,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-term-name a,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-message-board a {
    font: inherit;
    color: inherit;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-custom-text,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-custom-text,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-custom-text,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-custom-text {
    margin-top: 25px;
    text-align: right;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-custom-text a:not(:empty),
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-custom-text a:not(:empty),
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-custom-text a:not(:empty),
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-custom-text a:not(:empty) {
    position: relative;
    display: inline-block;
    min-height: 40px;
    margin-top: -8px;
    margin-right: 10px;
    border-radius: 20px;
    padding: 10px 20px;
    background-color: #23B7C2;
    font: 700 14px "Open Sans", sans-serif;
    line-height: 18px;
    color: white;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-custom-text a:not(:empty):hover,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-custom-text a:not(:empty):focus,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-custom-text a:not(:empty):hover,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-custom-text a:not(:empty):focus,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-custom-text a:not(:empty):hover,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-custom-text a:not(:empty):focus,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-custom-text a:not(:empty):hover,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-custom-text a:not(:empty):focus {
    background-color: #28919c;
}

.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-post-custom-text a:not(:empty):last-child,
.view-user-views.view-display-id-dashboard_messages .view-content .views-row .dashboard-answer-custom-text a:not(:empty):last-child,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-post-custom-text a:not(:empty):last-child,
.view-user-views.view-display-id-dashboard_messages_answers .view-content .views-row .dashboard-answer-custom-text a:not(:empty):last-child {
    margin-right: 0;
}


/* =======================
Visiting form
====================== */

.node-visiting-form {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.node-visiting-form>div {
    padding-bottom: 0;
    clear: both;
    overflow: visible;
    text-align: left;
}

.node-visiting-form label {
    font: 400 14px "Open Sans", sans-serif;
}

@media (max-width: 768px) {
    .node-visiting-form label {
        margin-bottom: 10px !important;
    }
}

.node-visiting-form .form-item {
    padding-bottom: 0;
    margin-top: 0;
}

.node-visiting-form .form-item:not(.form-type-checkbox):not(.form-type-radio) {
    margin-bottom: 20px;
}

.node-visiting-form .form-item .description {
    float: none;
    margin-top: 6px;
    font-size: 14px;
    line-height: 21px;
}

.node-visiting-form .form-type-checkbox,
.node-visiting-form .form-type-radio {
    float: none !important;
}

@media (max-width: 768px) {
    .node-visiting-form .form-type-checkbox label,
    .node-visiting-form .form-type-radio label {
        margin-bottom: 0;
    }
}

.node-visiting-form .form-type-textfield {
    max-width: 480px;
}

@media (min-width: 641px) {
    .node-visiting-form .form-type-managed-file .image-widget-data {
        display: flex;
    }
}

.node-visiting-form .form-type-managed-file .image-widget-data [type=file] {
    max-width: 480px;
    margin-bottom: 0;
}

@media (min-width: 641px) {
    .node-visiting-form .form-type-managed-file .image-widget-data [type=file] {
        margin-right: 24px;
    }
}

.node-visiting-form .form-type-managed-file .image-widget-data [type=submit] {
    float: none;
    margin-top: 10px;
    margin-right: 0;
    border-radius: 25px;
    padding: 8px 25px;
    text-transform: uppercase;
    font-weight: 700;
}

@media (min-width: 641px) {
    .node-visiting-form .form-type-managed-file .image-widget-data [type=submit] {
        margin-top: 0;
        margin-right: 24px;
    }
}

.node-visiting-form .text-format-wrapper .filter-wrapper .fieldset-wrapper {
    margin-top: 10px;
}

.node-visiting-form .text-format-wrapper .filter-wrapper .form-type-select {
    padding-left: 0;
}

.node-visiting-form .text-format-wrapper .filter-wrapper .form-type-select .customSelect {
    margin-bottom: 0;
}

.node-visiting-form .text-format-wrapper .filter-wrapper .filter-guidelines {
    padding: 0 0 20px;
}

.node-visiting-form .form-textarea-wrapper {
    float: none;
}

.node-visiting-form #body-add-more-wrapper {
    margin-bottom: 20px;
}

.node-visiting-form>[type=submit] {
    display: inline-block;
    margin-top: 20px !important;
    border-radius: 25px;
    padding: 15px 30px;
    margin-right: 0;
    float: none !important;
    text-transform: uppercase;
    font-weight: 700;
}

.node-visiting-form .ajax-progress {
    display: none;
}



/* =======================
node visiting individuals
====================== */

.node-visiting .action {
    margin: 0 5px;
}


/* =======================
Forms
====================== */

#views-exposed-form-parish-blocks-block__find-my-parish  {
    /* max-width: 580px; */
    margin-left: auto;
    margin-right: auto;
}

#views-exposed-form-parish-blocks-block__find-my-parish  .views-submit-button {
    text-align: center;
}

#views-exposed-form-parish-blocks-block__find-my-parish .views-submit-button [type=submit] {
    display: inline-block;
    margin-top: 20px;
    border-radius: 25px;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 700;
}

main>section>.inner .customSelect,
.node-form .customSelect,
.donation-form .customSelect,
.node-visiting-form .customSelect {
    background: none;
    border: 1px solid #9ea7b3;
    border-radius: 10px;
    padding: 13px 15px;
    color: #5e6d81;
    position: relative;
}

main>section>.inner .customSelect:focus,
.node-form .customSelect:focus,
.donation-form .customSelect:focus,
.node-visiting-form .customSelect:focus {
    box-shadow: 0 0 4px 0 #ccc;
}

main>section>.inner .customSelectInner,
.node-form .customSelectInner,
.donation-form .customSelectInner,
.node-visiting-form .customSelectInner {
    padding: 0;
}

main>section>.inner .customSelectInner:after,
.node-form .customSelectInner:after,
.donation-form .customSelectInner:after,
.node-visiting-form .customSelectInner:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 10px;
    margin-top: 0;
    border-top: 7px solid #323a45;
    border-right: 5px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 5px solid transparent;
    background: none;
}

#views-exposed-form-dashboard-messages-page-1,
#views-exposed-form-dashboard-message-answers-page-1,
#views-exposed-form-assigned--page-1 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 25px;
}

#views-exposed-form-dashboard-messages-page-1 .edit-actions{
    display: flex;
    justify-content: baseline;
}
#views-exposed-form-dashboard-messages-page-1 .edit-actions input{
    margin: 0 5px;
}

#views-exposed-form-dashboard-messages-page-1 .views-widget-filter-status .select-arrow,
#views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-status .select-arrow,
#views-exposed-form-assigned--page-1 .views-widget-filter-status .select-arrow,
#views-exposed-form-dashboard-messages-page-1 .views-widget-filter-status .select-arrow {
    display: none !important;
}

#views-exposed-form-dashboard-messages-page-1 .form-actions input,
#views-exposed-form-dashboard-message-answers-page-1 .form-actions input,
#views-exposed-form-assigned--page-1 .form-actions input {
    max-width: 110px;
}

#views-exposed-form-dashboard-messages-page-1 .views-exposed-widgets,
#views-form-user-views-dashboard-messages .views-exposed-widgets,
#views-exposed-form-dashboard-messages-page-1-answers .views-exposed-widgets,
#views-form-user-views-dashboard-messages-answers .views-exposed-widgets {
    margin-bottom: 25px;
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 .views-exposed-widgets,
    #views-form-user-views-dashboard-messages .views-exposed-widgets,
    #views-exposed-form-dashboard-messages-page-1-answers .views-exposed-widgets,
    #views-form-user-views-dashboard-messages-answers .views-exposed-widgets {
        display: flex;
        align-items: flex-end;
    }
}

#views-exposed-form-dashboard-messages-page-1 legend,
#views-exposed-form-dashboard-messages-page-1 label,
#views-form-user-views-dashboard-messages legend,
#views-form-user-views-dashboard-messages label,
#views-exposed-form-dashboard-messages-page-1-answers legend,
#views-exposed-form-dashboard-messages-page-1-answers label,
#views-form-user-views-dashboard-messages-answers legend,
#views-form-user-views-dashboard-messages-answers label,
#views-exposed-form-dashboard-message-answers-page-1 legend,
#views-exposed-form-dashboard-message-answers-page-1 label,
#views-exposed-form-assigned--page-1 legend,
#views-exposed-form-assigned--page-1 label {
    margin: 0 0 10px;
    font: 700 14px/16px "Open Sans", sans-serif;
}

#views-exposed-form-dashboard-messages-page-1 input,
#views-form-user-views-dashboard-messages input,
#views-exposed-form-dashboard-messages-page-1-answers input,
#views-form-user-views-dashboard-messages-answers input {
    float: none;
}


#views-exposed-form-dashboard-messages-page-1 input
#views-exposed-form-dashboard-message-answers-page-1 input,
#views-exposed-form-assigned--page-1 input {
    width: auto;
    padding: 9px 30px;
}

#views-exposed-form-dashboard-messages-page-1 .form-type-select,
#views-form-user-views-dashboard-messages .form-type-select,
#views-exposed-form-dashboard-messages-page-1-answers .form-type-select,
#views-form-user-views-dashboard-messages-answers .form-type-select {
    float: none;
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 .views-widget-filter-status,
    #views-form-user-views-dashboard-messages .views-widget-filter-status,
    #views-exposed-form-dashboard-messages-page-1-answers .views-widget-filter-status,
    #views-form-user-views-dashboard-messages-answers .views-widget-filter-status,
    #views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-status,
    #views-exposed-form-assigned--page-1 .views-widget-filter-status {
        width: 26%;
        max-width: 195px;
        padding-right: 25px;
    }
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 .views-widget-filter-title,
    #views-form-user-views-dashboard-messages .views-widget-filter-title,
    #views-exposed-form-dashboard-messages-page-1-answers .views-widget-filter-title,
    #views-form-user-views-dashboard-messages-answers .views-widget-filter-title,
    #views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-title,
    #views-exposed-form-assigned--page-1 .views-widget-filter-title {
        width: 48%;
        max-width: 365px;
        padding-right: 25px;
    }
}

#views-exposed-form-dashboard-messages-page-1 .views-widget-filter-title input,
#views-form-user-views-dashboard-messages .views-widget-filter-title input,
#views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-title input,
#views-exposed-form-assigned--page-1 .views-widget-filter-title input,
#views-exposed-form-dashboard-messages-page-1-answers .views-widget-filter-title input,
#views-form-user-views-dashboard-messages-answers .views-widget-filter-title input {
    height: 38px;
    margin-bottom: 0;
    border-radius: 20px;
    line-height: 38px;
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 .views-submit-button,
    #views-form-user-views-dashboard-messages .views-submit-button,
    #views-exposed-form-dashboard-messages-page-1-answers .views-submit-button,
    #views-form-user-views-dashboard-messages-answers .views-submit-button {
        width: 26%;
    }
}

#views-exposed-form-dashboard-messages-page-1 .views-submit-button [type=submit],
#views-form-user-views-dashboard-messages .views-submit-button [type=submit],
#views-exposed-form-dashboard-messages-page-1-answers .views-submit-button [type=submit],
#views-form-user-views-dashboard-messages-answers .views-submit-button [type=submit] {
    width: auto;
    padding: 9px 30px;
}

#views-exposed-form-dashboard-messages-page-1 fieldset,
#views-form-user-views-dashboard-messages fieldset,
#views-exposed-form-dashboard-messages-page-1-answers fieldset,
#views-form-user-views-dashboard-messages-answers fieldset {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    #views-exposed-form-dashboard-messages-page-1 fieldset,
    #views-form-user-views-dashboard-messages fieldset,
    #views-exposed-form-dashboard-messages-page-1-answers fieldset,
    #views-form-user-views-dashboard-messages-answers fieldset {
        max-width: 420px;
    }
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper,
    #views-form-user-views-dashboard-messages fieldset .fieldset-wrapper,
    #views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper,
    #views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper {
        display: flex;
        align-items: flex-end;
    }
}

#views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper .form-item-operation,
#views-form-user-views-dashboard-messages fieldset .fieldset-wrapper .form-item-operation,
#views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper .form-item-operation,
#views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper .form-item-operation {
    display: block;
}

@media (max-width: 768px) {
    #views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper .form-item-operation,
    #views-form-user-views-dashboard-messages fieldset .fieldset-wrapper .form-item-operation,
    #views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper .form-item-operation,
    #views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper .form-item-operation {
        margin-bottom: 20px;
    }
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper .form-item-operation,
    #views-form-user-views-dashboard-messages fieldset .fieldset-wrapper .form-item-operation,
    #views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper .form-item-operation,
    #views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper .form-item-operation {
        width: 26%;
        padding-right: 25px;
    }
}

#views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper [type=submit],
#views-form-user-views-dashboard-messages fieldset .fieldset-wrapper [type=submit],
#views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper [type=submit],
#views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper [type=submit] {
    width: auto;
    margin-right: 25px;
    margin-bottom: 10px;
    padding: 9px 30px;
}

@media (min-width: 769px) {
    #views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper [type=submit],
    #views-form-user-views-dashboard-messages fieldset .fieldset-wrapper [type=submit],
    #views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper [type=submit],
    #views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper [type=submit] {
        margin-bottom: 0;
    }
}

#views-exposed-form-dashboard-messages-page-1 fieldset .fieldset-wrapper [type=submit]:last-child,
#views-form-user-views-dashboard-messages fieldset .fieldset-wrapper [type=submit]:last-child,
#views-exposed-form-dashboard-messages-page-1-answers fieldset .fieldset-wrapper [type=submit]:last-child,
#views-form-user-views-dashboard-messages-answers fieldset .fieldset-wrapper [type=submit]:last-child {
    margin-right: 0;
}

#views-exposed-form-dashboard-messages-page-1 .vbo-select-all-markup,
#views-form-user-views-dashboard-messages .vbo-select-all-markup,
#views-exposed-form-dashboard-messages-page-1-answers .vbo-select-all-markup,
#views-form-user-views-dashboard-messages-answers .vbo-select-all-markup {
    display: none !important;
}

@media (max-width: 768px) {
    #views-exposed-form-dashboard-messages-page-1 .views-exposed-widget,
    #views-form-user-views-dashboard-messages .views-exposed-widget,
    #views-exposed-form-dashboard-messages-page-1-answers .views-exposed-widget,
    #views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-title,
    #views-exposed-form-dashboard-message-answers-page-1 .views-widget-filter-title,
    #views-form-user-views-dashboard-messages-answers .views-exposed-widget,
    #views-exposed-form-assigned--page-1 .views-widget-filter-status,
    #views-exposed-form-assigned--page-1 .views-widget-filter-status {
        max-width: 420px;
        /* margin-bottom: 20px; */
    }
    #views-exposed-form-dashboard-messages-page-1 .views-exposed-widget:last-child,
    #views-form-user-views-dashboard-messages .views-exposed-widget:last-child,
    #views-exposed-form-dashboard-messages-page-1-answers .views-exposed-widget:last-child,
    #views-form-user-views-dashboard-messages-answers .views-exposed-widget:last-child {
        margin-bottom: 0;
    }
}


/* =======================
Layout
====================== */

@media (max-width: 1120px) {
    body[class*=path-dashboard] main>section>.inner,
    body[class*=path-dashboard] main>.banner+.inner {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1401px) {
    body[class*=path-dashboard] main>section>.inner,
    body[class*=path-dashboard] main>.banner+.inner,
    body[class*=path-assigned] main>.banner+.inner {
        margin-top: 0;
    }
}

body[class*=path-dashboard] .left-side {
    margin-top: 46px;
    float: right;
}

body[class*=path-dashboard] .right-side {
    position: relative;
    z-index: 0;
    float: left;
}

@media (max-width: 1400px) {
    .dashboard-left-side .section-links,
    .dashboard-left-side .section-links .dashboard-menu {
        margin-left: auto;
        margin-right: auto;
    }

    .dashboard-right-side {
        width: 100%;
    }
    .dashboard-left-side {
        width: 100%;
        order: -1;
    }
}

@media (min-width: 1401px) {
    body[class*=path-dashboard] .right-side {
        padding-top: 46px;
        background-color: #23B7C2;
    }
}



.diaspora-hub-logo-img{
    float: right;
    height: 100px;
    margin: 10px;
    width: 250px;
}


/* =======================
Page add/edit
====================== */

.page-node-add #block-dara-overwrite-post-a-chronicles-comment {
    display: none;
}

.node-form .form-item-field-community-new-status-und,
.node-form #field-new-events-count-add-more-wrapper,
.node-form #field-comments-new-count-add-more-wrapper {
    display: none;
}

.term-listing-heading .vocabulary-counties {
    display: none;
}

@media (min-width: 1024px) {
    /* header styles */
    header.search-active .header-top .menu {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 1200px) and (min-width:920px) {
    .space-left-10 {
        padding-left: 20px;
    }
    .space-right-10 {
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    .page-taxonomy #message_board {
        margin-bottom: 0;
    }
    #empty-blocks-section {
        padding: 72px 0 40px;
    }
    #empty-blocks-section .xo-empty-block {
        padding-top: 30px;
    }
    .page-taxonomy .stay span {
        display: block;
        margin: 0 auto 30px;
    }
    .page-taxonomy .stay a {
        margin: 0 10px 20px;
    }
    .page-taxonomy .stay a.join.js-open-modal {
        position: relative;
        margin-left: 10px;
        top: 0;
        bottom: 0;
    }
    .page-ireland-xo-visiting #views-exposed-form-visiting-page .views-exposed-widget {
        width: 48%;
    }
    main>section>.inner {
        padding: 0 20px;
    }
    .inner,
    .paragraphs-items-field-fact-details-full,
    #block-bean-home-wheel {
        width: 100%;
        padding: 0 20px;
    }
    .bottom-ad {
        margin-bottom: 30px;
        max-width: 100%;
        overflow: hidden;
    }
    /* Homepage - hide map */
    .map-wrap .map {
        display: none;
    }
    .map-wrap h2 {
        position: static;
        margin: 20px 0 0;
        text-align: center;
    }
    .map-wrap .map-options {
        float: none;
        margin: 40px auto 0px;
    }
    #block-bean-homepage-blocks {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
    }
    #block-bean-homepage-blocks .content .inner {
        width: 100%;
        max-width: 580px;
        padding: 0;
    }
    main .tiles .tiles-block-one,
    main .tiles .tiles-block-two {
        width: 100%;
        float: none;
    }
    main .tiles .tiles-block-one figure:nth-child(even) {
        margin: 0 0 20px;
    }
    .section-find-my-parish .right-side {
        float: left;
        margin-top: 30px;
    }
    .communities-listing .wrap li:nth-child(6n) {
        margin-right: 20px;
    }
    .right-side .section-links>ul:last-of-type {
        margin-bottom: 70px;
    }
    .page-user-edit .right-side {
        float: left;
        clear: both;
        margin: 0 0 50px;
    }
    .node-type-exhibition-overview-page .exhibitions .tile-wrap .row {
        text-align: center;
        width: 100%;
        text-align: center;
    }
    .section-find-my-parish .exhibitions .tile-wrap a {
        float: none;
    }
    main .tile-wrap .row figure {
        text-align: left;
    }
    #block-donthaveaccountsignup {
        margin-top: 60px;
    }
    .connecting-wrapper:after {
        background-size: 130% auto;
    }
    .whats_new .tile-item {
        width: 25%;
    }
    .message-board-wrap+#block-sharethis-sharethis-block {
        margin-bottom: 92px;
    }
    .left-side .block-dara-overwrite .join,
    .block-dara-overwrite .button,
    .join {
        top: -85px;
    }
    .message-board-wrap+.block-dara-overwrite .join {
        top: 0;
    }
    .filters .join {
        top: 0;
    }
    .page-ireland-xo-message-board #block-dara-overwrite-new-topic-button .button {
        top: 0;
    }
    .views-widget-filter-field_timeline_date_value {
        clear: both;
    }
    #views-exposed-form-timelines-page-1 .refine-guide .views-exposed-widget {
        width: 33%;
        margin-right: 5%;
    }
    .registered {
        margin-bottom: 60px;
    }
    .page-ireland-xo-message-board main>section>.inner {
        padding-bottom: 100px;
    }
}

@media (max-width: 1180px) {
    #empty-blocks-section .xo-empty-block {
        width: 50%;
    }
    .message-community .inner {
        width: 100%;
    }
    .slider figure {
        width: 100% !important;
        height: auto;
        margin: 0;
    }
    .slider figure img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
        display: block;
        margin-bottom: 0;
    }
    .slider figure .slider-content {
        width: 100%;
        padding: 0 20px;
    }
    .slider-content h2 {
        font-size: 30px;
    }
    #block-views-homepage-counties-block .map-wrap h2 {
        display: block;
        position: relative;
        top: 0;
        margin: 0 0 50px;
        text-align: center;
        width: 100%;
    }
    #block-views-homepage-counties-block .map-wrap .map-options,
    #block-views-homepage-counties-block .map-wrap .map {
        margin: 0 auto;
        float: none;
    }
    /* Internal Banners */
    .connect #banner figcaption,
    .connect-with.banner .breadcrumb,
    .connect .tabs-wrap ul {
        width: 100%;
    }
    main .tile-wrap .row {
        text-align: center;
        width: 100%;
        padding: 0 14%;
    }
    main .tile-wrap .row a:nth-child(2) figure {
        margin-right: 0;
    }
    .banner .inner {
        padding: 0 0 0 20px;
    }
    .banner .inner .search {
        margin-right: 20px;
    }
    /* Pagination */
    .item-list,
    .item-list .pager {
        width: 100%;
    }
    .item-list .pager li {
        float: none;
        display: inline-block;
        margin-right: 29px;
        margin-bottom: 20px;
    }
    /* Left and right columns */
    .page-user-register .left-side {
        float: none;
    }
    .page-user-register .right-side {
        float: left;
        margin-top: 50px;
    }
    .section-user .right-side .section-links h3,
    .section-user .right-side .section-links ul {
        margin: 0;
    }
    /* Find parish  */
    .section-find-my-parish main .left-side {
        width: 100%;
        padding-bottom: 0;
    }
    .section-find-my-parish main .right-side .section-links {
        margin-left: 0;
    }
    /* Search Communities */
    .communities-listing .inner {
        width: 100%;
    }
    #message_board .database-item {
        padding-left: 20px;
    }
    #message_board .database-item:before {
        left: -7px;
    }
    .filters .hint {
        display: block;
        margin: 0 auto;
        width: 140px;
    }
    .filters .hint .hint-title {
        width: auto;
        white-space: normal;
    }
    .filters .hint .hint-text {
        top: 32px;
        left: -44px;
    }
    footer .footer-main .block {
        padding-left: 30px;
        margin-left: 30px;
        width: calc(25% - 60px);
    }
    footer .footer-main .logo {
        width: 25%;
    }
    .page-user-info #ire-registration-info-form--2 input[type=submit]+input[type=submit] {
        margin-bottom: 50px;
    }
}

@media (max-width: 1179px) {
    .right-side .section-links h3:before {
        display: none;
    }
}

@media (max-width: 1120px) {
    /* Set column widths */
    .logged-in {
        /* header */
    }
    .logged-in .header-top .inner .logo {
        margin: 10px 0;
    }
    .logged-in .header-top .inner #block-views-exp-communities-page-1 {
        position: absolute;
        top: 0;
        right: 60px;
        margin: 25px 0 0;
    }
    .logged-in .header-top .menu {
        padding-bottom: 20px;
    }
    .logged-in .header-top .menu li {
        display: block;
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    .logged-in .header-top .menu li a {
        height: auto;
        margin-bottom: 15px;
        line-height: 1.2;
    }
    .logged-in .header-top .menu li a.active {
        color: #23B7C2;
    }
    .logged-in .header-top .menu li a.active:before {
        display: none;
    }
    .logged-in .header-top .menu li.btn-orange,
    .logged-in .header-top .menu li.btn-green {
        margin: 0 auto;
    }
    .logged-in .header-top .menu li.btn-orange a,
    .logged-in .header-top .menu li.btn-green a {
        height: 40px;
        line-height: 40px;
        margin: 0 0 15px;
        color: white;
    }
    .logged-in .header-top .block-menu {
        float: none;
    }
    .logged-in .header-top .menu-links-wrapper {
        float: none;
        width: 100%;
        /* max-height: 0; */
        overflow: hidden;
        clear: both;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .logged-in .header-top .btn-mobile-menu {
        display: block;
        position: absolute;
        top: 37px;
        right: 22px;
        width: 21px;
        height: 17px;
        padding: 0;
        border: none;
        border-top: 3px solid #5e6d81;
        border-bottom: 3px solid #5e6d81;
        background-color: transparent;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 10;
    }
    .logged-in .header-top .btn-mobile-menu:before,
    .logged-in .header-top .btn-mobile-menu:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 3px;
        background: #5e6d81;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    /* .logged-in header .header-top .inner {
        display: block;
    } */
    .logged-in header.menu-active .btn-mobile-menu {
        border-color: transparent;
    }
    .logged-in header.menu-active .btn-mobile-menu:before,
    .logged-in header.menu-active .btn-mobile-menu:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .logged-in header.menu-active .btn-mobile-menu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .logged-in header.menu-active .btn-mobile-menu:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header {
        position: relative;
    }
    header .header-top {
        background: #fff;
    }
    header .header-bottom {
        display: none;
    }
    header .responsive-menu-wrap {
        position: relative;
        display: table;
        width: 100%;
        background: #EAEDF1;
        height: 65px;
        padding: 10px 15px;
    }
    header .responsive-menu-wrap .trigger {
        height: 40px;
        width: 40px;
        display: block;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        cursor: pointer;
        background: #5E6D81;
        padding: 12px 10px 8px;
        text-align: center;
    }
    header .responsive-menu-wrap .trigger span {
        width: 100%;
        background: #fff;
        height: 2px;
        margin-bottom: 5px;
        display: block;
    }
    header .responsive-menu-wrap .trigger span:last-of-type {
        margin-bottom: 0;
    }
    header .region-header-bottom-responsive {
        background: #5E6D81;
        display: none;
        clear: both;
        position: absolute;
        width: 100%;
        z-index: 101;
        top: 65px;
        right: 0;
        padding: 10px 0;
    }
    header .region-header-bottom-responsive ul {
        padding: 0 20px;
        margin: 0;
        list-style: none;
    }
    header .region-header-bottom-responsive>ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        width: 100%;
        background: #5E6D81;
        display: table;
    }
    header .region-header-bottom-responsive li {
        padding: 0;
    }
    header .region-header-bottom-responsive li a {
        position: relative;
    }
    header .region-header-bottom-responsive li.is-expanded>a:before {
        content: "+";
        position: absolute;
        top: 10px;
        left: 0;
        display: block;
        height: 10px;
        width: 10px;
    }
    header .region-header-bottom-responsive li a {
        display: block;
        border-bottom: 1px solid #5E6D81;
        padding: 10px 20px;
    }
    header .region-header-bottom-responsive ul ul,
    header .region-header-bottom-responsive ul ul ul {
        display: none;
    }
    header .inner .cta ul {
        display: none;
    }
    .path-search-communities main .tile-wrap h1 {
        margin: 0 0 35px;
    }
    main .communities-listing .wrap {
        text-align: center;
    }
    main .communities-listing .wrap li {
        float: none;
        display: inline-block;
        text-align: left;
    }
    .page-user-edit .right-side,
    .right-side {
        float: left;
        clear: both;
        margin: 0 0 50px;
    }
    .section-partners .right-side .section-links h3,
    .section-partners .right-side .section-links ul {
        margin-left: 0;
    }
    #block-sharethis-sharethis-block {
        padding-bottom: 50px;
    }
    .left-side {
        width: 100%;
    }
    .features-section .paragraphs-items ,
    .path-get-started #block-getstartedfeatures .paragraphs-items{
        display: block;
        margin: 0;
    }
    .features-section .field ,
    .path-get-started #block-getstartedfeatures .paragraph{
        display: inline-block;
        width: calc(50% - 30px);
    }
    .feedback-section {
        padding: 45px 0 20px;
    }
    .feedback-section .user-picture {
        float: none;
        margin: 0 auto 25px;
    }
    .feedback-section img {
        display: block;
        margin: 0 auto;
    }
    .feedback-section .description {
        float: none;
        width: 100%;
        margin: 0 auto 20px;
    }
    .message-board-wrap+#block-sharethis-sharethis-block {
        margin-bottom: 50px;
    }
    .banner .inner h1 {
        font-size: 40px;
    }
}

@media (max-width: 1080px) {
    /* Individual partners page */
    .section-partners .left-side {
        width: 100%;
    }
    .section-partners .left-side .node-partner .summary {
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }
    .section-partners .left-side .node-partner .content .field-name-field-main-image {
        position: static;
        float: none;
    }
    .section-partners .left-side .node-partner .content .field-name-field-main-image img {
        width: auto;
        max-width: 340px;
    }
    /* Sign up form */
    .page-user-edit .left-side {
        clear: both;
        float: none;
        width: 100%;
    }
    .page-user-edit .left-side h2 {
        padding-right: 0;
        font-size: 25px;
        font-weight: 700;
        -ms-word-break: break-all;
        word-break: break-all;
    }
    /* Right column*/
    .right-side,
    .page-user.right-side,
    .page-user-register .right-side,
    .path-user .right-side .section-links,
    .page-user-register .right-side .section-link {
        clear: both;
        /*		float: none;*/
        /*		margin-top: 70px;*/
        width: 100%;
    }
    .slider-wrap .carouselPrev,
    .slider-wrap .carouselNext {
        height: 40px;
        width: 40px;
    }
    .slider-wrap .carouselPrev {
        left: 20px;
        background-position: 11px -93px;
    }
    .slider-wrap .carouselNext {
        right: 20px;
        background-position: -29px -93px;
    }
    .stay {
        padding: 30px 30px 45px;
    }
    .stay span {
        display: block;
        margin-bottom: 20px;
    }
    /* banner-section */
    .banner-section {
        padding: 50px 0 65px;
        font-size: 18px;
        line-height: 24px;
    }
    .banner-section h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner-section p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 25px;
    }
    .whats_new .tile-item {
        width: 33.3%;
    }
    .search-wrap {
        width: 200px;
    }
    .search-wrap.family-name-wrapper {
        width: 265px;
    }
    .search-wrap.family-name-wrapper label {
        left: -25px;
        font-size: 12px;
    }
    .search-wrap.family-name-wrapper .form-text {
        position: relative;
        width: 216px;
        /* left: -23px; */
    }
    .search-wrap #edit-profile-surname {
        padding-right: 35px;
    }
    #edit-submit-people-database {
        right: 24px;
    }
}

@media (max-width: 1023px) {
    /* GET-STARTED-PAGE */
    .path-get-started .view-content .views-row {
        padding: 50px 0;
    }
    .path-get-started .view-content .views-row .img-wrapper {
        float: none;
        margin: 0 auto;
    }
    .path-get-started .view-content .views-row .img-wrapper:after {
        display: none;
    }
    .path-get-started .view-content .views-row:nth-child(even) .img-wrapper {
        float: none;
        margin: 0 auto;
    }
    .path-get-started .view-content .views-row:nth-child(even) .img-wrapper:after {
        display: none !important;
    }
    .path-get-started .view-content .views-row .views-field-field-title {
        padding-top: 40px;
    }
    .path-get-started .features-section .field-name-field-link,
    .path-get-started #block-getstartedfeatures a {
        margin-bottom: 30px;
    }
    .path-get-started #edit-category-wrapper .views-widget {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .path-get-started #edit-category-wrapper .views-widget .form-item {
        width: 100%;
    }
    /* header */
    .path-user h2,
    .page-user-register h2 {
        font-size: 48px;
    }
    .xo-block,
    #message_board {
        padding-left: 15px;
        padding-right: 15px;
    }
    .xo-page-wrapper h1 {
        margin-top: 60px;
        font-size: 46px;
    }
    .xo-page-wrapper>.description p,
    .xo-page-wrapper>.description div {
        font-size: 22px;
        line-height: 1.6;
    }
    .xo-page-wrapper .trail a {
        font-size: 20px;
    }
    .xo-page-wrapper .filters {
        margin-bottom: 45px;
    }
    .message-community .paragraphs-items {
        margin: 0 -20px;
    }
    .message-community .paragraphs-items>div {
        padding: 0 20px;
        width: calc(50% - 40px);
    }
    .connecting-wrapper:after {
        display: none;
    }
    .search-wrap.county-field {
        display: block;
        margin-bottom: 20px;
    }
    .search-wrap.family-name-wrapper {
        width: 285px;
    }
    .search-wrap.family-name-wrapper label {
        font-size: 16px;
    }
    .search-wrap.family-name-wrapper .form-text {
        width: 228px;
    }
    .clear-filter-wrapper {
        margin-left: 15px;
    }
    .page-user-password main>section>.inner {
        min-height: 0;
    }
    .banner .inner h1 {
        font-size: 36px;
        line-height: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (max-width: 1130px) {
    .header-top .btn-mobile-menu {
        display: block;
        position: absolute;
        top: 37px;
        right: 22px;
        width: 21px;
        height: 17px;
        padding: 0;
        border: none;
        border-top: 3px solid #5e6d81;
        border-bottom: 3px solid #5e6d81;
        background-color: transparent;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .header-top .btn-mobile-menu:before,
    .header-top .btn-mobile-menu:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 3px;
        background: #5e6d81;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .header-top .inner .logo {
        margin: 10px 0;
    }
    .header-top .inner #block-views-exp-communities-page-1 {
        position: absolute;
        top: 0;
        right: 60px;
        margin: 25px 0 0;
    }
    .header-top .menu {
        padding-bottom: 20px;
    }
    .header-top .menu li {
        display: block;
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    .header-top .menu li a {
        height: auto;
        margin-bottom: 15px;
        line-height: 1.2;
    }
    .header-top .menu li a.active {
        color: #23B7C2;
    }
    .header-top .menu li a.active:before {
        display: none;
    }
    .header-top .menu li.btn-orange,
    .header-top .menu li.btn-green {
        margin: 0 auto;
    }

    .header-top .menu li.btn-orange a,
    .header-top .menu li.btn-green a {
        margin: 0 0 15px;
        color: white;
    }
    

    .header-top .nice-menu li.btn-green {display: inline-flex;}
    

    .header-top .block-menu {
        float: none;
    }
    .header-top .menu-links-wrapper {
        float: none;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        clear: both;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    /* header .header-top .inner {
        display: block;
    } */
    header.menu-active .btn-mobile-menu {
        border-color: transparent;
        z-index: 6;
    }
    header.menu-active .btn-mobile-menu:before,
    header.menu-active .btn-mobile-menu:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    header.menu-active .btn-mobile-menu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header.menu-active .btn-mobile-menu:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header.menu-active .menu-links-wrapper {
        max-height: 400px;
    }
}

@media (max-width: 980px) {
    /* disable rollovers on mobile */
    main .tiles figure figcaption {
        transition: background-color all 0 ease 0;
        background: none;
    }
    main .tiles figure figcaption.orange:hover,
    main .tiles figure figcaption.turquoise:hover,
    main .tiles figure figcaption.green:hover {
        background-color: transparent;
    }
    main .tiles figure figcaption .hover-content {
        display: none;
    }
    /* partners page */
    .section-partners .field-name-field-contact-details {
        width: 100%;
        clear: both;
    }
    .section-partners .field-name-field-contact-details .field-label,
    .section-partners .field-name-field-contact-details .field {
        float: left;
        clear: both;
        padding-left: 0;
    }
    .section-partners .field-name-field-contact-details .field-label {
        margin-bottom: 0;
    }
    /* Admin tables - e.g. Manage "My Events" and "My Message Board Posts"*/
    .path-user fieldset,
    .path-user .view-filters,
    .views-field-views-bulk-operations {
        display: none !important;
    }
    .page-user-edit fieldset {
        display: block !important;
    }
    .path-user .views-table {
        padding-top: 30px;
    }
    .path-user .views-table thead {
        display: none;
    }
    .path-user .views-table tr {
        margin-bottom: 40px;
        display: block;
        padding: 0;
    }
    .path-user .views-table tr:before {
        display: block;
        border-bottom: 2px solid #ddd;
    }
    .path-user .views-table tr:after {
        content: "";
        display: table;
        clear: both;
    }
    .path-user .views-table tr:last-of-type {
        /*        background: none;*/
        margin-bottom: 0;
    }
    .path-user .views-table tr td:first-of-type,
    .path-user .views-table tr td:last-of-type,
    .path-user .views-table td {
        display: block;
        width: 100%;
        position: relative;
        padding: 65px 0 30px;
    }
    .path-user .views-table tr td {
        background: none;
    }
    .path-user .views-table td:before {
        content: attr(data-label);
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        background: #ccc;
        text-align: center;
        padding: 10px 0;
        font-weight: 700;
    }
    .path-user .views-table td:nth-child(2) {
        padding: 65px 0 30px;
    }
    .path-user .views-table td:last-child {
        border-bottom: 0;
        background: url("../img/dotted-line.png") repeat-x 0 100%;
    }
    .path-user .views-table td a {
        padding: 0 20px;
    }
    .path-user .views-table td span {
        padding: 0 20px;
        display: inline-block;
    }
    .path-user .views-table .views-field-nothing {
        text-align: center;
    }
    .path-user .views-table .views-field-nothing a:nth-child(1) {
        padding-left: 0;
    }
    .path-user .views-table .views-field-nothing a:nth-child(2) {
        padding-right: 20px;
        padding-left: 0;
    }
    /* Buttons at top admin section */
    .messageboard-msg-user-buttons {
        width: 100%;
    }
    .database-wrap {
        text-align: center;
    }
    .database-item:nth-child(3n) {
        margin-right: 10px;
    }
    .how-item {
        width: 49%;
    }
}

@media (max-width: 979px) {
    /* Donate page */
    .section-donate .left-side {
        width: 100%;
    }
    .section-donate .field-name-body {
        float: left;
        margin-top: 30px;
        max-width: none;
    }
    .section-donate .content .field-name-field-main-image img {
        max-width: 340px;
    }
    .section-donate .payment_row {
        display: block;
    }
    .section-donate .payment_left_column,
    .section-donate .payment_right_column {
        float: left;
        clear: both;
        display: block;
    }
    .section-donate .payment_left_column {
        width: 100%;
        padding: 0;
    }
    .section-donate .payment_right_column {
        padding-top: 30px;
    }
    .section-donate .right-side .section-links h3,
    .section-donate .right-side .section-links ul {
        margin-left: 0;
    }
    .tabs {
        margin-bottom: 40px;
    }
    .tabs .tab figure img {
        height: auto;
    }
    .message-board-wrap #edit-combine {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .message-board-wrap input {
        margin: 0 20px 20px 0;
    }
}

@media (max-width: 940px) {
    .right-side {
        clear: both;
    }
}

@media (max-width: 920px) {
    /* Login/ signup form */
    .not-logged-in.path-user #user-register-form,
    .page-user-register #user-register-form,
    .page-user-login .left-side,
    #user-login-form {
        width: 100%;
        float: none;
    }
    .path-user .sign-up-social .buttons,
    .page-user-register .sign-up-social .buttons,
    .path-user .sign-up-email .sign-up-form,
    .page-user-register .sign-up-email .sign-up-form {
        width: 100%;
        max-width: 580px;
        float: left;
        clear: both;
    }
    .path-user .sign-up-social .buttons a:last-of-type,
    .page-user-register .sign-up-social .buttons a:last-of-type {
        margin-bottom: 0;
    }
    .page-user-register .sign-up-email .account-login {
        left: 0;
        right: auto;
        float: left;
    }
    footer .footer-main .logo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    footer .footer-main .block {
        padding: 0;
        margin: 0 0 20px;
        padding-bottom: 10px;
        width: 100%;
    }
    footer .footer-main .block:before {
        display: none;
    }
    footer .credits {
        text-align: center;
    }
    footer .middle_footer {
        text-align: center;
    }
    footer .middle_footer .menu {
        float: none;
        margin-bottom: 15px;
        margin: 0 auto 20px;
        display: inline-block;
    }
    footer .middle_footer_images {
        float: none;
        overflow: hidden;
        margin: 0 auto 15px;
        text-align: center;
    }
    footer .middle_footer_images img {
        float: none;
        margin-bottom: 15px;
    }
    footer .footer-main {
        padding-bottom: 0;
    }
}

@media (max-width: 900px) {
    header .inner #block-views-exp-communities-page-1 {
        position: absolute;
        bottom: -53px;
        right: 20px;
        margin: 0px;
        z-index: 9;
    }
    .node-type-message-board .button {
        right: 20px;
    }
    .node-type-exhibits-list-page .exhibitions #views-exposed-form-exhibits-block input:nth-child(4) {
        clear: left;
    }
}

@media (max-width: 850px) {
    .message-board-wrap .join,
    .message-board-wrap .unjoin,
    .block-dara-overwrite .join,
    .block-dara-overwrite .unjoin {
        position: absolute;
        display: block;
        clear: both;
        margin-bottom: 20px;
    }
    .message-board-wrap .unjoin,
    .block-dara-overwrite .unjoin {
        float: right;
    }
    .event-wrap {
        text-align: center;
        padding: 0;
    }
    .event-wrap figure {
        max-width: 380px;
        margin-right: 0;
        text-align: left;
    }
    .path-user .sign-up-email .sign-up-form,
    .page-user-register .sign-up-email .sign-up-form {
        float: left;
        clear: both;
    }
    .exhibitions #views-exposed-form-exhibits-block input:first-of-type {
        max-width: 60%;
    }
}

@media (max-width: 830px) {
    main .communities-listing .wrap li:nth-child(4n) {
        margin: 0 20px 0 0;
    }
    .connect-location iframe,
    .connect-street iframe {
        width: 100%;
        height: auto;
        min-height: 350px;
    }
    /* Exhibition */
    .node-type-exhibition-subpage main .exhibitions .left-side {
        width: 100%;
    }
    .database-wrap {
        text-align: center;
    }
    .associated-people {
        text-align: left;
    }
}

@media (max-width: 800px) {
    .content .field-name-field-main-image img {
        width: 100%;
        height: auto;
    }
    .message-board-wrap form fieldset input[type=text] {
        width: 65%;
    }
    .view-user-views {
        width: 100%;
    }
    .header-wrap img {
        display: none;
    }
    .node-type-message-board #message-board-answers-node-form .join {
        position: relative;
        top: 0;
        right: 0 !important;
        margin-bottom: 30px;
    }
    /* Our team */
    .view-section-landing-page .views-row-odd .image-wrap,
    .view-section-landing-page .views-row-even .text-wrap {
        clear: both;
    }
    .section-about .left-side .view-section-landing-page .views-row .text-wrap {
        clear: both;
        width: 100%;
        max-width: none;
    }
    .view-section-landing-page .views-row-even .image-wrap,
    .view-section-landing-page .views-row-odd .text-wrap {
        float: left;
    }
    /* Hide upload button */
    #edit-field-attached-files-und-ajax-wrapper {
        display: none;
    }
    .left-side .form-controls.refine-results {
        height: auto;
        margin-bottom: 40px;
    }
    .left-side .form-controls.refine-results .search-wrap {
        width: 100%;
        float: none;
        clear: both;
    }
    .left-side .form-controls.refine-results .search-wrap:nth-child(2) {
        float: none;
        clear: both;
        height: auto;
    }
    .left-side .form-controls.refine-results .search-wrap:nth-child(2) input[type=submit] {
        position: relative;
        margin: 30px 0 0;
        display: inline-block;
        right: 0;
    }
    .table-accordion-wrap .additional-info {
        overflow-x: scroll;
    }
    .table-accordion-wrap .table-accordion-btn {
        margin-top: 40px;
        margin-bottom: 40px;
        height: 30px;
    }
    .people-database .sources {
        overflow-x: scroll;
    }
    #edit-field-date-of-birth-split .date-wrapper input,
    #edit-field-date-of-death-split .date-wrapper input {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .people-database .left-side .form-controls form {
        width: 100%;
        max-width: 300px;
    }
    .people-database .left-side .select-wrap {
        width: 100%;
        max-width: 300px;
        margin-bottom: 30px;
        clear: both;
    }
    .people-database .left-side .search-wrap {
        width: 100%;
    }
    .people-database .left-side .search-wrap:nth-child(2) {
        margin-left: 0;
        margin-bottom: 0;
        height: auto;
    }
    .people-database .left-side .search-wrap:nth-child(2) label {
        margin-bottom: 25px;
    }
    .people-database .left-side .search-wrap:nth-child(2) input[type=text] {
        width: 100%;
    }
    .people-database .left-side .search-wrap:nth-child(2):input[type=submit] {
        right: 0;
    }
    .people-database .left-side #edit-submit-people-database,
    .people-database .left-side #edit-submit-buildings-database {
        top: auto;
        bottom: 0;
    }
    .people-database .left-side .item-list {
        float: left;
    }
    .people-database .left-side #block-sharethis-sharethis-block {
        padding-bottom: 20px;
    }
    .people-database .left-side .form-controls .clear-filter {
        margin-top: 20px;
    }
    .database-hub-landing .left-side .view-section-landing-page .views-row {
        height: auto;
    }
    .database-hub-landing .left-side .view-section-landing-page .views-row-odd .text-wrap,
    .database-hub-landing .left-side .view-section-landing-page .views-row-even .text-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .database-hub-landing .left-side .view-section-landing-page .image-wrap {
        position: static;
        width: 100%;
        margin: 0 auto;
    }
    .timeline-row .timeline-date {
        margin-right: 30px;
    }
    .modal-box {
        width: 80%;
    }
    .node-form label {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .page-ireland-xo-visiting .form-controls #views-exposed-form-visiting-page {
        float: none;
        width: 100%;
    }
    .page-ireland-xo-visiting #views-exposed-form-visiting-page .views-exposed-widget {
        width: 100%;
        float: none;
    }
    .page-ireland-xo-visiting .form-controls .action {
        margin: 0 auto 20px;
        float: none;
        display: block;
    }
    .building .back-to-list {
        overflow: hidden;
        text-indent: 20px;
    }
    .right-side {
        margin: 0;
        float: none;
        clear: both;
    }
    main .tile-wrap .row a figure {
        margin-right: 0;
    }
    .banner .inner {
        padding: 0 20px;
    }
    .banner .inner .search {
        display: none;
    }
    .header-text {
        width: auto;
    }
    /* Styling get-involved page */
    .view-section-landing-page .views-row {
        height: auto;
        padding-bottom: 60px;
    }
    .view-section-landing-page .views-row .text-wrap {
        vertical-align: top;
        height: auto;
        padding-bottom: 40px;
    }
    .view-section-landing-page .views-row-odd .text-wrap {
        padding-left: 0;
    }
    .view-section-landing-page .views-row-even .text-wrap {
        padding-right: 0;
        text-align: left;
    }
    .view-section-landing-page .views-row-odd .image-wrap,
    .view-section-landing-page .views-row-even .image-wrap {
        position: static;
        top: auto;
        right: auto;
        text-align: center;
    }
    /* Parish */
    .header-wrap {
        padding-top: 0;
    }
    .header-text h2 {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }
    .left-side .join,
    .left-side .unjoin {
        position: relative;
        top: auto;
        margin-top: -150px;
    }
    .left-side .join {
        left: 0px;
    }
    .left-side .unjoin {
        left: -121px;
    }
    .left-side .members-data {
        margin-top: 20px;
    }
    /* Right side column */
    .right-side .fb-page,
    .section-user .right-side .section-links ul {
        margin-bottom: 50px;
    }
    /*  */
    .events-landing article div,
    .events-landing article:nth-child(2n) div,
    .events-landing article img,
    .events-landing article:nth-child(2n) img {
        float: left;
        clear: both;
    }
    .events-landing article div,
    .events-landing article:nth-child(2n) div {
        width: 100%;
        margin-bottom: 30px;
    }
    .events-landing article>.img-wrapper {
        width: 100%;
    }
    /* Ehibition */
    .desktop_menu {
        display: none;
    }
    #menuonexhibitionsection-responsive-menu {
        display: block;
    }
    #menuonexhibitionsection-responsive-menu .trigger {
        font: 400 15px "Open Sans", sans-serif;
        margin-bottom: 20px;
        width: auto;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #23B7C2;
        border: 0;
        color: #fff;
        padding: 10px 30px;
    }
    #block-menuonexhibitionsection .item-list ul li {
        clear: both;
        margin-bottom: 20px;
    }
    /* New hub section */
    .section-hub-update .view-section-landing-page .views-row {
        height: auto;
        padding: 0;
    }
    .section-hub-update .view-section-landing-page .views-row-odd .text-wrap {
        padding-left: 0;
    }
    .section-hub-update .view-section-landing-page .views-row-even .text-wrap {
        padding-right: 0;
    }
    .section-hub-update .view-section-landing-page .views-row .text-wrap {
        vertical-align: top;
        max-width: 100%;
        height: auto;
    }
    .section-hub-update .view-section-landing-page .image-wrap {
        position: static;
    }
    .section-hub-update .view-section-landing-page .views-row .image-wrap {
        width: 100%;
        text-align: center;
    }
    .section-hub-update .view-section-landing-page .views-row .image-wrap img {
        max-width: 280px;
    }
    .full-width .view-section-landing-page .views-row {
        height: auto;
        padding-bottom: 0;
    }
    .full-width .view-section-landing-page .views-row .text-wrap {
        height: auto;
    }
    .full-width .view-section-landing-page .views-row-odd .text-wrap,
    .full-width .view-section-landing-page .views-row-even .text-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .full-width .view-section-landing-page .views-row-odd .image-wrap,
    .full-width .view-section-landing-page .views-row-even .image-wrap {
        position: static;
    }
    /* header */
    header.search-active .logo img {
        opacity: 0;
    }
    header .inner .logo img {
        width: 140px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .header-top .inner #block-views-exp-communities-page-1 {
        margin-top: 15px;
    }
    .header-top .menu {
        padding-top: 20px;
    }
    .header-top .menu li {
        width: 270px;
    }
    .header-top .btn-mobile-menu {
        top: 27px;
    }
    .header-top .search .form-text {
        -webkit-transition: 0.3s 0.2s ease-out;
        transition: 0.3s 0.2s ease-out;
    }
    /* footer */
    footer .credits {
        padding-bottom: 23px;
    }
    footer .credits p {
        float: none;
    }
    /* Social share buttons */
    .logged-in .block-ire-social-share {
        padding-right: 0;
    }
    .logged-in .block-ire-social-share div.contextual-links-wrapper ul.contextual-links {
        width: auto;
        left: inherit;
        top: -46px;
        right: 0;
    }
    .block-ire-social-share {
        width: 100%;
        top: inherit;
        bottom: 0;
        -webkit-transform: translateY(37px);
        transform: translateY(37px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .block-ire-social-share.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .block-ire-social-share.active .fa-angle-down {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .block-ire-social-share .fa-angle-down {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .block-ire-social-share .mobile-show-social {
        display: block;
    }
    .block-ire-social-share .social-likes_vertical {
        width: 100%;
        height: 37px;
        margin: 0;
        text-align: center;
        background-color: #b0d462;
    }
    .block-ire-social-share .social-likes_vertical .social-likes__widget {
        display: inline-block;
        vertical-align: top !important;
        float: none;
        min-width: 60px;
        margin: 0 -2px;
        text-align: center;
    }
    .block-ire-social-share .social-likes_vertical .social-likes__icon:before {
        line-height: 37px;
    }
    .block-ire-social-share .social-likes_vertical .social-likes__counter {
        display: inline-block;
        padding: 0 5px 0 2px;
        line-height: 37px;
    }
    .block-ire-social-share .social-likes__button {
        width: 20px;
        height: 37px;
        padding: 0 10px;
        vertical-align: top;
    }
    .path-user h2,
    .page-user-register h2 {
        font-size: 36px;
    }
    .path-user .sign-up-social .buttons a:nth-child(1),
    .path-user .sign-up-social .buttons a:nth-child(2),
    .path-user .sign-up-social .buttons a:nth-child(3),
    .path-user .sign-up-social .buttons a:nth-child(4),
    .page-user-register .sign-up-social .buttons a:nth-child(1),
    .page-user-register .sign-up-social .buttons a:nth-child(2),
    .page-user-register .sign-up-social .buttons a:nth-child(3),
    .page-user-register .sign-up-social .buttons a:nth-child(4) {
        width: 220px;
        margin: 0 51px 20px;
    }
    #block-donthaveaccountsignup {
        padding: 35px 30px 40px;
    }
    #block-donthaveaccountsignup p {
        font-size: 28px;
        line-height: 1.1;
    }
    #block-donthaveaccountsignup a {
        display: block;
        width: 240px;
        padding: 0 15px;
        margin: 20px auto 0;
    }
    .sub-nav-anchor {
        padding: 10px 0;
    }
    .sub-nav-anchor a {
        font-size: 14px;
        line-height: 30px;
    }
    .stay {
        padding: 30px 15px 15px;
    }
    .stay span {
        font-size: 26px;
        line-height: 32px;
    }
    .stay a {
        min-width: 200px;
        margin: 0 10px 20px;
    }
    .xo-block .database-wrap p:nth-child(1) {
        font-size: 30px;
    }
    .xo-block .database-wrap p:nth-child(2) {
        font-size: 16px;
        line-height: 1.4;
    }
    .xo-block .database-wrap .database-item img {
        margin: 0 !important;
    }
    #timeline .tile-wrap {
        margin-bottom: 25px;
    }
    #timeline .database-item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .timeline-content {
        padding-right: 0;
    }
    .xo-page-wrapper h1 {
        margin-top: 45px;
        font-size: 32px;
    }
    .xo-page-wrapper>.description {
        padding-top: 10px;
    }
    .xo-page-wrapper>.description p,
    .xo-page-wrapper>.description div {
        font-size: 18px;
    }
    .xo-page-wrapper .trail {
        margin-top: 25px;
    }
    .xo-page-wrapper .trail a {
        font-size: 18px;
    }
    .message-community .paragraphs-items {
        margin: 0;
    }
    .message-community .paragraphs-items>div {
        padding: 0;
        float: none;
        width: 100%;
    }
    .message-community .paragraphs-items>div:first-child {
        margin-bottom: 60px;
    }
    .round-gradient-background {
        top: -220px;
    }
    .connecting-wrapper .subtitle {
        margin-bottom: 20px;
    }
    .connecting-wrapper h3 {
        font-size: 28px;
    }
    .how-item {
        width: 49%;
    }
    .how-item .banner-title {
        margin-top: 10px;
        font-size: 20px;
    }
    .how-item .banner-description p {
        font-size: 13px;
    }
    .how-item .banner-link {
        width: 100px;
        height: 110px;
        min-width: 0;
        min-height: 0;
        margin: 0 auto;
    }
    .how-item .banner-link:before {
        width: 100px;
        height: 100px;
    }
    .how-item .banner-link img {
        max-width: 130px;
        width: 130px !important;
        left: -3px;
    }
    .animated-blocks span {
        background-size: 80px auto;
    }
    .animated-blocks .animate-item-1 {
        width: 29px;
        height: 30px;
        top: 35px;
        right: -11px;
        background-position: 0 -43px;
    }
    .animated-blocks .animate-item-2 {
        width: 26px;
        height: 20px;
        top: 23px;
        right: 7px;
    }
    .animated-blocks .animate-item-3 {
        width: 21px;
        height: 14px;
        top: 50px;
        right: 13px;
        background-position: 0px -24px;
    }
    .animated-blocks .animate-item-4 {
        width: 56px;
        height: 58px;
        top: 20px;
        right: 2px;
        background-position: 0px -81px;
    }
    .animated-blocks .animate-item-5 {
        width: 9px;
        height: 9px;
        top: 53px;
        right: 45px;
        background-position: 0px -150px;
    }
    .animated-blocks .animate-item-6 {
        width: 80px;
        height: 39px;
        top: 40px;
        right: 9px;
        background-position: 0px -189px;
    }
    .animated-blocks .animate-item-7 {
        width: 15px;
        height: 15px;
        top: 44px;
        right: -6px;
        background-position: 0px -166px;
    }
    .field-type-text-with-summary h3,
    .field-type-text-with-summary a,
    .field-type-text-with-summary a:hover {
        font-size: 18px;
        line-height: 1.5;
    }
    .search-wrap {
        display: block;
        width: 280px;
        margin: 0 auto 10px;
    }
    #views-exposed-form-message-board-page-1 .views-exposed-widgets .search-wrap {
        width: 100%;
        margin: 0;
    }
    .search-wrap.family-name-wrapper {
        width: 280px;
        margin-top: -10px;
    }
    .search-wrap.family-name-wrapper label {
        display: block;
        margin-bottom: 10px;
        left: 0;
        text-align: center;
    }
    .search-wrap.family-name-wrapper .form-text {
        width: 280px;
    }
    .search-wrap #edit-profile-surname {
        left: 0;
    }
    #edit-submit-people-database {
        top: inherit;
        right: -5px;
        bottom: 11px;
    }
    .clear-filter-wrapper {
        margin: 0 0 10px;
        text-align: center;
    }
    #views-exposed-form-buildings-database-page+.action,
    #views-exposed-form-people-database-page+.action {
        display: block;
        position: relative;
        float: none;
        margin: 0 auto 40px;
        right: 0;
        width: 170px;
    }
    #views-exposed-form-ancestors-page-1+.action,
    #views-exposed-form-building-database-page-1+.action {
        display: block;
        position: relative;
        float: none;
        margin: 0 auto 40px;
        right: 0;
        width: 170px;
    }
    .left-side .message-board-wrap .join,
    .left-side .block-dara-overwrite .join {
        position: absolute;
    }
    .refine-guide .views-exposed-widget {
        text-align: left;
    }
    #views-exposed-form-buildings-database-page .filter-inner>label {
        display: block;
        text-align: center;
        left: 0;
        top: -10px;
    }
    #views-exposed-form-buildings-database-page+.action {
        top: 0;
    }
    #views-exposed-form-visiting-page .form-type-select {
        margin-bottom: 20px;
    }
    .path-get-started #edit-category-wrapper .customSelect {
        font-size: 16px;
        line-height: 1.8;
    }
}

@media (max-width: 700px) {
    #empty-blocks-section .xo-empty-block {
        width: 100%;
    }
    .node-type-profile .person-heading .action {
        margin-left: 0;
    }
    .exhibitions #views-exposed-form-exhibits-block input:first-of-type {
        max-width: none;
    }
    .left-side .form-controls form {
        margin-bottom: 0;
        width: 100%;
    }
    .action {
        float: left;
        clear: both;
    }
    .section-ireland-xo.people-database .left-side .search-wrap {
        width: 100%;
    }
    .section-ireland-xo.people-database .left-side .search-wrap:nth-child(2) {
        margin-left: 0;
    }
    .section-ireland-xo.people-database .left-side .search-wrap:nth-child(2) label {
        margin-top: 25px;
    }
    .person .person-heading {
        display: block;
        overflow: hidden;
    }
    .person .person-heading .profile-parishes-county {
        padding-left: 0;
        clear: both;
    }
    .person-heading div {
        display: block !important;
        margin-left: 0 !important;
        padding-left: 0px !important;
    }
    .person-heading-left .action {
        margin: 0 !important;
    }
    .person .person-heading div h2 {
        margin: 20px 0 0;
    }
    .person .person-heading div .action {
        margin-bottom: 30px;
    }
    .features-section {
        padding-bottom: 10px;
    }
    .features-section .field ,
    .path-get-started #block-getstartedfeatures .paragraph{
        width: calc(100% - 30px);
    }
    .features-section h3,
    .path-get-started #block-getstartedfeatures h3 {
        margin-bottom: 30px;
    }
    .whats_new .tile-item {
        width: 50%;
    }
    .building>.form-controls .action {
        float: right;
    }
    .page-ireland-xo-visiting .field-type-text-with-summary p {
        font-size: 18px;
        line-height: 1.5;
    }
    .page-ireland-xo-visiting .action {
        float: right;
        clear: none;
    }
    .node-type-visiting .node-title {
        margin: 40px 0 20px;
        padding-right: 0;
        font-size: 26px;
        line-height: 1.4;
    }
    .node-type-visiting table {
        width: 100% !important;
        max-width: 400px;
    }
    .ui-dialog[aria-describedby=block-user-login] {
        width: 90% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ui-dialog[aria-describedby=block-user-login] h2 {
        margin-top: 10px;
        padding-bottom: 45px;
    }
    .ui-dialog[aria-describedby=block-user-login] .join {
        top: 65px;
    }
    .ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 45px;
        height: 45px;
    }
    .ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider {
        width: calc(100% - 50px);
    }
    .ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider.google,
    .ui-dialog[aria-describedby=block-user-login] .hybridauth-widget-provider.twitter {
        margin-bottom: 15px;
    }
    .ui-dialog[aria-describedby=block-user-login] .form-item-name input,
    .ui-dialog[aria-describedby=block-user-login] .form-type-password input {
        margin-bottom: 20px;
    }
    .ui-dialog[aria-describedby=block-user-login] .form-submit {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 670px) {
    /* Homepage map */
    #block-views-homepage-counties-block {
        display: none;
    }
    /* Internal Banners */
    .slider-content p:first-of-type {
        display: none;
    }
    .message-board-wrap form fieldset input[type=text] {
        width: 100%;
        margin-bottom: 20px;
    }
    .refine-results {
        margin-bottom: 20px;
    }
    .refine-results .views-exposed-widget {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .refine-guide .views-exposed-widgets:before {
        display: none;
    }
    .refine-guide .views-exposed-widget {
        width: 280px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .refine-guide .views-exposed-widget.views-widget-filter-tid {
        margin-right: auto;
    }
    .refine-guide .views-widget-filter-field_county_tid {
        margin-bottom: 10px;
    }
    .refine-guide .clear-filter-wrapper {
        margin-top: 10px;
        text-align: center;
    }
    .page-ireland-xo-visiting .action {
        display: block;
        float: none;
        width: 170px;
        margin: 0 auto 15px;
    }
    #views-exposed-form-timelines-page-1 .refine-guide .views-exposed-widget {
        display: block;
        width: 280px;
        margin: 0 auto 10px;
    }
    #views-exposed-form-timelines-page-1 .views-reset-button {
        text-align: center !important;
    }
    #views-exposed-form-timelines-page-1+.action {
        position: relative;
        display: block;
        width: 190px;
        top: 0;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 640px) {
    /* Larger fonts */
    a,
    p {
        font-size: 16px;
    }
    .left-side {
        float: none;
    }
    .banner .breadcrumb {
        display: none;
    }
    .banner .inner h1 {
        font-size: 32px;
        line-height: 40px;
        text-overflow: initial;
        /*overflow: auto;*/
        white-space: normal;
    }
    .view-header h2,
    .view-header h2 a {
        font-size: 26px;
    }
    /* Responsive Tables */
    /* Hide post count and last posts <td>s
- styles will be applied if removed
*/
    .message-board-wrap .message-board .messages tr {
        background: none;
    }
    .message-board-wrap .message-board .messages tr td.posts,
    .message-board-wrap .message-board .messages tr td.lastpost {
        display: none !important;
    }
    /**/
    .page-taxonomy-term .message-board-wrap h3 {
        float: none;
        display: block;
    }
    .page-taxonomy-term .message-board-wrap>a {
        position: relative;
        float: right;
        right: 0;
        top: 10px;
        font-size: 14px;
    }
    .page-taxonomy-term .message-board-wrap .join,
    .page-taxonomy-term .message-board-wrap .button {
        float: left;
        top: 0;
    }
    .message-board-wrap .message-board {
        padding-top: 30px;
    }
    .message-board-wrap .message-board thead {
        display: none;
    }
    .message-board-wrap .message-board tr {
        margin-bottom: 10px;
        display: block;
    }
    .message-board-wrap .message-board .messages tr:before {
        display: block;
        border-bottom: 2px solid #ddd;
    }
    .message-board-wrap .message-board .messages tr:after {
        content: "";
        display: table;
        clear: both;
    }
    .message-board-wrap .message-board .messages tr:last-of-type {
        background: none;
    }
    .message-board-wrap .message-board .messages tr td:first-of-type,
    .message-board-wrap .message-board .messages tr td:last-of-type,
    .message-board-wrap .message-board .messages td {
        display: block;
        width: 100%;
        position: relative;
        padding: 65px 0 30px;
    }
    .message-board-wrap .message-board .messages tr td {
        background: none;
    }
    .message-board-wrap .message-board .messages td:before {
        content: attr(data-label);
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        background: #ccc;
        text-align: center;
        padding: 10px 0;
        font-weight: 700;
    }
    .message-board-wrap .message-board .messages td:nth-child(2) {
        padding: 65px 0 30px;
    }
    .message-board-wrap .message-board .messages td:last-child {
        border-bottom: 0;
    }
    .message-board-wrap .message-board .messages .forumtitle {
        margin-bottom: 15px;
        text-align: left;
    }
    .message-board-wrap .message-board .messages .forumtitle:before {
        display: none;
    }
    .message-board-wrap .message-board .messages .forumtitle h4 {
        padding: 0;
    }
    .message-board-wrap .message-board .messages td>a,
    .message-board-wrap .message-board .messages td .created-on,
    .message-board-wrap .message-board .messages .poster-details,
    .message-board .messages tr td span {
        padding: 0 20px;
        display: block;
    }
    /*end*/
    main .tiles {
        padding: 0;
    }
    #block-bean-homepage-blocks {
        max-width: 280px;
    }
    main .tiles .tiles-block-one figure {
        clear: both;
        margin: 0 0 20px;
    }
    main .tiles .tiles-block-two .large,
    main .tiles .tiles-block-two .large>img,
    main .tiles figure.large figcaption,
    main .tiles .tiles-block-two figure.large figcaption .hover-content {
        height: 280px;
        width: 280px;
    }
    main .tiles .tiles-block-two .large figcaption .title,
    main .tiles .tiles-block-two .large:hover figcaption .title {
        width: auto;
    }
    /* Banner - Find My Parish */
    .connect .tabs-wrap,
    .connect .tabs-wrap ul li {
        height: auto;
    }
    .connect .tabs-wrap ul li {
        margin: 0;
        padding: 0 20px;
        height: 100%;
    }
    .connect .tabs-wrap ul li:last-of-type {
        padding: 0 20px;
    }
    .timeline-row .timeline-date {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }
    .timeline-wrap {
        padding-bottom: 40px;
    }
}

@media (max-width: 600px) {
    .connect #banner figcaption {
        top: 40px;
    }
    .node-type-message-board .button {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        margin-bottom: 30px;
    }
    .ireland-xo-signup-header p {
        font-size: 16px;
        line-height: 1.4;
    }
    #user-multistep-form>span {
        font-size: 30px;
    }
    #user-multistep-info-form .fieldset-legend,
    .page-user-info #ire-registration-info-form--2 .fieldset-legend {
        font-size: 30px;
        line-height: 1.1;
    }
    .ireland-xo-signup-steps {
        max-width: 280px;
    }
    .ireland-xo-signup-steps span {
        width: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-left: 60px;
    }
    .ireland-xo-signup-steps:before {
        top: 26px;
    }
    .building>.form-controls {
        position: static;
        height: 50px;
    }
    .node-type-visiting .node-title {
        margin-top: 10px;
    }
    .communities-listing .results {
        float: none;
        margin-right: 0;
    }
}

@media (max-width: 580px) {
    .database-item,
    .database-item:nth-child(3n) {
        margin-right: 0;
    }
    .feedback-section .inner {
        padding: 0;
    }
    .feedback-section .user-picture {
        width: 300px;
        height: 221px;
    }
    .feedback-section .user-picture img {
        width: 271px !important;
        height: 183px !important;
        top: 19px;
        left: 15px;
    }
    .feedback-section img {
        width: auto !important;
        margin: 0 auto 20px !important;
    }
    .left-side .message-board-wrap .join {
        top: 334px;
        width: 280px;
    }
    .message-board-wrap {
        padding-top: 230px;
    }
    .message-board-wrap>a {
        top: 175px;
    }
    .message-board-wrap .views-widget-filter-combine {
        width: 100%;
    }
    .message-board-wrap .views-submit-button,
    .message-board-wrap .views-reset-button {
        width: 48%;
        margin-left: 0;
    }
    .message-board-wrap .views-submit-button {
        margin-right: 4%;
    }
    .message-board-wrap .form-type-select,
    .message-board-wrap .form-item-parish-name {
        width: 280px;
    }
    .message-board-wrap .form-item-parish-name {
        left: 0;
        top: 50px;
    }
    .message-board-wrap>a {
        top: 125px;
    }
    .message-board-wrap input.form-submit {
        width: 100%;
    }
    #message-board-page-form h3 {
        display: block;
        margin-bottom: 75px;
    }
    #message-board-page-form .button {
        top: 190px;
        right: 120px;
    }
  #edit-field-messages-related-ireland-value{
        pointer-events: all;
        margin-top: 6.0em;
        margin-left: -1.0em;
        width: 282px;
    }
    .form-item-field-messages-related-ireland-value{
        pointer-events: none;
    }
   #edit-field-accociated-parishes-target-id {
        margin-left: -1.0em;
        width: 282px;
    }
    #edit-field-special-group-message-target-id {
        margin-top: -1.0em;
        margin-left: -1.0em;
    }
    .inner #block-ire-ireland-xo-ire-ireland-xo-specialgroup-page .content .xo-page-wrapper {
        width: 127% !important;
        margin-left: -80px;
    }
    .inner #block-ire-ireland-xo-ire-ireland-xo-specialgroup-page .content .sub-nav-anchor {
        width: 126% !important;
        margin-left: -44px;
        height: 100%;
    }
    .sg_position {
        margin-top: -15.2em;
        position: relative;
    }
    .feedback-section .description {
        width: calc(100% - 0px) !important;
        float: right;
    }
}

@media (max-width: 579px) {
    .sub-nav-anchor a {
        font-size: 12px;
    }
}

@media (max-width: 550px) {
    header .cta .volunteer {
        display: none;
    }
    .content iframe {
        width: 100% !important;
        height: 300px !important;
    }
    /* Exhibition */
    .exhibitions .banner {
        height: 240px;
    }
    .exhibitions .banner .inner {
        top: 30px;
    }
    .banner .banner_logo {
        display: none;
    }
    .exhibitions .banner .inner h1 {
        margin-top: 0;
    }
    /*  */
    .messageboard-msg-user-buttons .notification-lbl {
        display: none;
    }
    .section-ireland-xo.building .left-side .search-wrap {
        border-right: 0;
        width: 225px;
        position: relative;
        float: none;
    }
    .section-ireland-xo.building .left-side .search-wrap:nth-child(2) {
        margin-left: 0;
        margin-top: 30px;
    }
    .section-ireland-xo.building .left-side .clear-filter {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    #edit-field-date-of-birth-split input,
    #edit-field-date-of-death-split input {
        width: 32%;
    }
    .xo-block .more-buttons .all,
    .xo-block .more-buttons .add {
        display: block;
        margin-bottom: 15px;
    }
    .xo-block .more-buttons .action {
        float: none;
    }
    .message-board-wrap+#block-sharethis-sharethis-block {
        margin-bottom: 85px;
    }
    .block-dara-overwrite .button,
    .join,
    .left-side .block-dara-overwrite .join {
        top: -60px;
    }
    .message-board-wrap+.block-dara-overwrite .join {
        top: 121px;
    }
    .page-ireland-xo-message-board #block-dara-overwrite-new-topic-button .button {
        top: 0;
    }
}

@media (max-width: 500px) {
    .pre-header .inner {
        padding: 0 20px;
    }
    .pre-header .mini-nav-wrap {
        float: none;
    }
    header .inner .logo {
        margin: 45px 0;
    }
    header .inner .logo img {
        width: 140px;
    }
    .message-board-wrap h3 {
        margin-bottom: 30px;
    }
    .banner .inner p,
    .banner .breadcrumb {
        display: none;
    }
    /* Making sure to remove wysiwyg img styles */
    .content .field-name-field-publish-date img,
    .content .field-name-field-intro img,
    .content .field-name-field-sub-title img,
    .content .field-name-field-image-file img,
    .content .field-name-field-body img,
    .content img {
        float: none !important;
        margin: 0 0 10px !important;
        width: 100% !important;
        height: auto !important;
    }
    #span-title-text-on-half-page {
        font-size: 15px;
    }
    .home-split-screen .top_msg_x {
        margin-left: -20%;
    }
    .home-ancestors .top_msg_x {
        left: 8%;
        top: 78%;
    }
    .home-find-ancestors-link .top_msg_x {
        left: 50%;
        top: 72%;
    }
    .split-screen-right_side {
        position: absolute;
        width: 30%;
        margin-top: 8%;
        left: 25%;
        opacity: 0.85;
    }
    .home-wheel .split-screen-right_side {
        position: unset;
        margin-top: 0%;
    }
    .btm_msg_brd {
        top: 8%;
        width: 30%;
        height: 80%;
        left: 65%;
        opacity: 0.85;
    }
    .home-wheel .split-screen-left_side {
        flex: unset;
    }
    .split-screen-text_over_image {
        width: 32vw;
        height: 32vw;
        bottom: 8%;
        font: 2.7vw "Open Sans", sans-serif;
        left: 53%;
        border-width: 10px;
    }
    .home-coming-text {
        width: 34%;
        position: absolute;
        left: 3%;
        top: 3%;
        opacity: 0.85;
    }
    .diaspora-community-text {
        width: 50%;
        top: 6%;
        left: 4%;
        opacity: 0.85;
    }
    .ancestors-stories-text {
        top: 2%;
        width: 48%;
        height: 90%;
        left: 51%;
        opacity: 0.85;
    }
    /*   .paragraph-item--diaspora-community .top_msg_x {
left: 35%;
top: 85%;
} */
    .home-find-ancestors-description {
        margin-top: 23%;
        left: 18%;
        width: 60%;
        background: #ffffff;
        opacity: 0.85;
    }
    .home-para-title {
        font-size: 2.5vw;
        padding: 5% 10% 5% 10%;
    }
    .home-para-desc,
    .field-name-field-find-ancestors-description {
        font-size: 2vw;
        padding: 0% 10% 0% 10%;
    }
    .home_link {
        padding: 5% 10% 5% 11%;
    }
    .home_link a {
        border-radius: 8px;
    }
    /*   .ancestors-stories-link {
bottom: 16%;
} */
    .field-name-field-fact-details {
        width: 100%;
        margin-top: 0px;
        height: unset;
    }
    .field-name-field-fact-details:nth-child(even) {
        margin: 0px;
    }
    .home-facts-figure {
        font-size: 10vw;
    }
    .home-facts-text {
        font-size: 4vw;
        text-align: center;
        padding: 0% 0% 3% 20%;
    }
    .home-facts-description {
        font-size: 4vw;
        padding: 1vw 7vw;
    }
    .message-community .banner-image img {
        width: auto !important;
    }
    .wheel_ancestors {
        margin-top: 5%;
    }
    .wheel_buildings {
        margin-left: 1vw;
        margin-top: 28%;
    }
    /* .wheel_buildings .wheel_link, .wheel_local_guide .wheel_link {
margin-left: 19vw;
} */
    .wheel_buildings .wheel_body {
        padding-top: 9vw;
    }
    .wheel_local_guide {
        margin-left: 1vw;
    }
    .wheel_local_guide .wheel_body {
        width: 90%;
        padding-left: 0vw;
        padding-top: 9vw;
    }
    .wheel_body_anc {
        width: 80%;
        padding-top: 2%;
    }
    .wheel_timeline .wheel_body {
        width: 95%;
        padding-top: 10vw;
    }
    .wheel_timeline {
        margin-top: 0%;
    }
    .wheel_news {
        margin-top: 4%;
    }
    .wheel_news .wheel_body {
        width: 100%;
        padding-left: 0vw;
        padding-top: 9vw;
    }
    .wheel_msg_brd {
        margin-top: 0%;
    }
    .wheel_msg_brd .wheel_body {
        width: 95%;
        padding-top: 9vw;
        padding-left: 0px;
    }
    .wheel_body {
        font-size: 2.5vw;
        font-size: min(2.5vw, 12px);
    }
    .wheel_link a {
        line-height: 8vw;
        white-space: nowrap;
    }
    .event-wrap figure {
        width: 100%;
    }
    .event-wrap figure img {
        width: 100%;
        height: 100%;
    }
    .path-user .sign-up-social,
    .page-user-register .sign-up-social,
    .path-user .sign-up-email,
    .page-user-register .sign-up-email {
        padding-bottom: 50px;
    }
    .sign-up-form .form-item-remember-me {
        bottom: 50px;
    }
    .path-user .sign-up-email .account-login {
        left: 0;
    }
    .page-node-delete .confirmation #edit-submit {
        margin-bottom: 30px;
    }
    .page-node-delete .confirmation>a {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 30px;
    }
    .modal-box {
        padding: 40px;
    }
    .modal-box h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .modal-box .action {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .login-popup-box{
        width: 90%;
        padding: 10px 0 !important;
    }
    .modal-box .login-popup{
        padding: 0 20px;
    }
    .login-popup-box .login-title{
        font-size: 22px;
    }
    .login-popup-box .login-facbooklogin a{
        margin: 0 7% 3.5%;
    }
    .login-popup-box  .action.join-irland-xo{
        padding: 10px 5px;
        width: 80%;
    }

    /* header */
    header.search-active .search .header-search-wrapper {
        left: -205px;
    }
    header.search-active .search .header-search-wrapper .form-text {
        max-width: 195px;
        padding: 0 15px;
    }
    header .inner .search input.form-text {
        padding: 0 15px;
        font-size: 10px;
    }
    .timeline-row .timeline-date {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        font-size: 14px;
        line-height: 50px;
    }
    .timeline-content .timeline-content-inner .title {
        font-size: 16px;
        line-height: 24px;
    }
    /* .timeline-entity .timeline-content .timeline-content-inner .title>a {
        font-size: 16px;
        line-height: 24px;
    } */
    .timeline-content .time-block {
        margin-top: 8px;
    }
    .xo-page-wrapper .img-wrapper img {
        height: 100% !important;
        width: auto !important;
    }
    .whats_new .tile-item {
        width: 100%;
    }
    #block-dara-overwrite-profile-associated-timelines .timeline-content {
        width: calc(100% - 75px);
    }
    .building>.form-controls {
        position: static;
    }
    .building>.form-controls .action {
        margin-bottom: 0;
    }
}

@media (max-width: 465) {
    footer .middle_footer_images a:first-child img {
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .slider-wrap {
        display: none;
    }
    .pre-header .inner {
        padding: 0 0 0 5px;
    }
    header .inner .cta ul {
        display: none;
    }
    .path-user .sign-up-email .account-login {
        position: relative;
    }
    .sign-up-form .form-item-remember-me {
        bottom: 0;
    }
    main .tile-wrap .row {
        padding: 0;
    }
    .right-side {
        width: 100%;
    }
    .block-sharethis .sharethis-title {
        padding-left: 0;
    }
    .block-sharethis .sharethis-title:before,
    .right-side .section-links h3:before {
        display: none;
    }
    /* Styling get-involved page */
    .full-width .view-section-landing-page .views-row-odd .image-wrap {
        text-align: left;
    }
    /* Overwrite inline image styles set in editor */
    .full-width .image-wrap img {
        border-radius: 150px;
        width: 100%;
        max-width: 300px !important;
        height: 100%;
        max-height: 300px !important;
    }
    .page-user-register .form-type-checkbox label {
        max-width: 80%;
    }
    .section-donate .content .field-name-field-main-image img,
    .section-partners .left-side .node-partner .content .field-name-field-main-image img {
        max-width: 280px;
    }
    .events-landing article img,
    .events-landing article:nth-child(2n) img {
        width: 100%;
        height: auto;
    }
    .ui-dialog[aria-describedby=block-user-login] h2 {
        font-size: 22px;
    }
    .ui-dialog[aria-describedby=block-user-login] .join {
        top: 60px;
        right: inherit;
        left: 20px;
    }
    .ui-dialog[aria-describedby=block-user-login] .sign-up-form .form-item-remember-me,
    .ui-dialog[aria-describedby=block-user-login] .sign-up-form .account-login {
        float: left;
        width: 100%;
    }
    .ui-dialog[aria-describedby=block-user-login] .sign-up-form .form-item-remember-me {
        margin-top: 20px;
    }
    .ui-dialog[aria-describedby=block-user-login] .sign-up-form .account-login {
        margin: 10px 0 15px;
    }
}

@media (max-width: 420px) {
    .exhibitions .tile-wrap .row figure,
    .exhibitions .tile-wrap .row figure img {
        width: 100%;
    }
    .timeline-row .timeline-date {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        top: 23px;
    }
    .timeline-row .timeline-date.has-date {
        font-size: 16px;
    }
    .timeline-row .timeline-content {
        padding: 35px 5px;
    }
}

@media (max-width: 360px) {
    .pre-header .mini-nav-wrap {
        float: left;
    }
    .pre-header .mini-nav-wrap a {
        padding-left: 0;
        margin-left: 15px;
    }
    .pre-header .mini-nav-wrap a:first-of-type {
        margin-left: 0;
    }
    .modal-box {
        padding: 25px 20px;
    }
    .communities-listing .results {
        margin-bottom: 15px;
    }
    .communities-listing>a {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .ui-dialog[aria-describedby=block-user-login] {
        padding-left: 0;
        padding-right: 0;
    }
    .ui-dialog[aria-describedby=block-user-login] .ui-dialog-titlebar-close {
        right: 15px;
    }
}

@media (max-width: 340px) {
    .block-sharethis .sharethis-title {
        padding-left: 0;
    }
    .block-sharethis .sharethis-title:before {
        display: none;
    }
    .connect #banner figcaption {
        padding: 0 20px;
    }
    .connect .tabs-wrap ul li a.active:before {
        top: -29px;
    }
    .connect .tabs-wrap ul li a {
        height: 135px;
    }
    .node-type-message-board .button:first-of-type {
        margin-right: 10px;
    }
}

@media (max-height: 450px) {
    .modal-box {
        top: 10px !important;
    }
    .modal-box .js-modal-close {
        top: 15px;
        right: 15px;
    }
    .modal-box h2 {
        padding: 0 40px;
    }
}


/* ===========================================================
* bootstrap-checkbox - v.1.0.1
* ===========================================================
* Copyright 2014 Roberto Montresor
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================== */

@CHARSET "ISO-8859-1";
.bootstrap-checkbox>button.btn {
    padding: 7px 0 4px 2px;
    width: 28px;
}

.bootstrap-checkbox>button.btn.displayAsButton {
    width: auto;
}

.bootstrap-checkbox>button.btn.displayAsButton>span.label-checkbox {
    padding: 0 8px 0 4px;
}

.bootstrap-checkbox>button.btn.displayAsButton>span.icon {
    margin: 2px 4px;
}

.bootstrap-checkbox>button.btn.displayAsButton>span.label-prepend-checkbox {
    padding: 0 4px 0 8px;
}

.bootstrap-checkbox>button.btn.btn-large {
    padding: 10px 0 6px 2px;
    width: 36px;
}

.bootstrap-checkbox>button.btn.btn-small {
    padding: 5px 0 3px 1px;
    width: 24px;
}

.bootstrap-checkbox>button.btn.btn-mini {
    padding: 4px 0 1px 1px;
    width: 20px;
}

.bootstrap-checkbox>.btn.btn-link {
    text-decoration: none;
}

label.bootstrap-checkbox.disabled {
    cursor: default;
    color: #666;
}

.bootstrap-checkbox>.label-prepend-checkbox {
    padding-right: 4px;
}

.bootstrap-checkbox>.label-checkbox {
    padding-left: 4px;
}

.bootstrap-checkbox.disabled>[class^=label-],
.bootstrap-checkbox>.btn[disabled] {
    cursor: not-allowed;
}

[class^=cb-icon-],
[class*=" cb-icon-"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    *margin-right: 0.3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/checkbox-icons.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.bootstrap-checkbox button.btn>span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:hover>span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:active>span.cb-icon-check {
    background-position: 0 0;
}

.bootstrap-checkbox button.btn:hover>span.cb-icon-check,
.bootstrap-checkbox button.btn:focus>span.cb-icon-check,
.bootstrap-checkbox button.btn:active>span.cb-icon-check {
    background-position: 0 -26px;
}

.bootstrap-checkbox button.btn>span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:hover>span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:active>span.cb-icon-check-empty {
    background-position: 0 0;
}

.bootstrap-checkbox button.btn:hover>span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:focus>span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:active>span.cb-icon-check-empty {
    background-position: 0 -26px;
}


/*
.bootstrap-checkbox button.btn > span.cb-icon-check-indeterminate,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-indeterminate,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-indeterminate {
background-position: 0 -26px;
}
*/


/*
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-indeterminate,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-indeterminate,
.bootstrap-checkbox button.btn:active > span.cb-icon-check-indeterminate {
background-position: 0 -26px;
}
*/


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
}

#swipebox-overlay img {
    border: none !important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer;
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

#swipebox-slider .slide-loading {
    background: url(../img/loader.gif) center center no-repeat;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
}

#swipebox-bottom-bar {
    bottom: -50px;
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
    top: -50px;
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center;
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    background-image: url(../img/icons-gallery.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left;
}

#swipebox-next {
    background-position: -78px 13px;
    float: right;
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
    display: none;
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring 0.3s;
    animation: rightSpring 0.3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring 0.3s;
    animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: " ";
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0;
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1;
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@keyframes rightSpring {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@keyframes leftSpring {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.tabFadeout {
    animation-name: fadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
}

.modal-fadeIn {
    animation-name: fadeIn;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
}

.tabFadein {
    animation-name: fadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 10px;
    }
    #swipebox-arrows {
        width: 92%;
        max-width: 800px;
    }
}

#swipebox-overlay {
    background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: #000;
    opacity: 0.95;
}

#swipebox-top-bar {
    color: #fff !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif;
}








@media (max-width: 425px) {
    header .header-top {
        padding: 10px 20px 0 30px;
    }
    .title-text-on-half-page {
        text-align: center;
    }
    #span-title-text-on-half-page {
        font-size: 3vw;
    }
    .inner {
        padding: 0 10px;
    }
    .paragraphs-items-field-fact-details-full,
    .paragraphs-items-field-wheel-details,
    #block-bean-home-wheel {
        padding: 0;
    }
    .split-screen-left_side {
        flex: auto;
    }
    .split-screen-right_side {
        margin: 0;
        position: relative;
        left: 0%;
    }
    .content img {
        margin: 0;
    }
    .home-coming-text {
        width: 100%;
        position: relative;
        left: 0%;
        top: 0%;
    }
    .paragraph-padding-top,
    .paragraphs-items-field-come-ire-details,
    .paragraphs-items-field-ancestors-stories-details,
    .paragraphs-items-field-diaspora-community-details,
    .paragraphs-items-field-wheel-details,
    .paragraphs-items-field-home-btm-msg-brd-details,
    .paragraphs-items-field-find-ancestors-details,
    #block-bean-home-facts {
        padding-top: 0;
    }
    .home_image {
        display: flex;
        flex-direction: column-reverse;
    }
    .field-name-field-fact-details:nth-child(odd),
    .field-name-field-fact-details:nth-child(even) {
        margin: 0;
        margin-top: 8px;
    }
    .ancestors-stories-text {
        position: relative;
        width: 100%;
        left: 0%;
    }
    .content img {
        margin: 10px 0 0 !important;
    }
    .home-ancestors>.home_image {
        display: block;
    }
    .diaspora-community-text {
        width: 100%;
        position: relative;
        left: 0%;
    }
    .home-find-ancestors-description {
        position: relative;
        width: 100%;
        margin: 0;
        left: 0%;
    }
    .btm_msg_brd {
        position: relative;
        width: 100%;
        margin: 0;
        left: 0%;
    }
    .paragraphs-items-field-home-btm-msg-brd-details {
        padding: 0;
    }
    .btm_msg_brd .top_msg_x {
        left: 5%;
    }
    .diaspora-community-text .top_msg_x {
        left: 50%;
        top: -5%;
    }
    .home-ancestors .top_msg_x {
        left: 80%;
        top: -5%;
    }
    .home-coming-text .top_msg_x {
        left: 80%;
        top: -5%;
    }
    .home-split-screen .top_msg_x {
        margin-left: 0;
        top: -7%;
        left: 80%;
    }
    .field-name-field-home-btm-msg-brd-details .inner .home_image {
        display: block;
    }
    .footer-main .inner {
        padding: 0 20px;
    }
    .home-para-title {
        font-size: 1.5em;
        padding: 5% 30% 5% 10%;
    }
    .home_link a {
        font-size: 1em;
    }
    .home-para-desc,
    .field-name-field-find-ancestors-description {
        font-size: 4vw;
        padding: 0% 10% 0% 10%;
    }
    .wheel_ancestors,
    .wheel_buildings,
    .wheel_local_guide,
    .wheel_timeline,
    .wheel_news,
    .wheel_msg_brd,
    .wheel_body_ancestors {
        position: absolute;
    }
    .home-wheel {
        background: url(../img/mobile/org_size.png) no-repeat, url(../img/pattern_xo.png);
        background-size: 80%, 5%;
        background-position: center, center;
        padding: 70% 0 70% 0;
    }
    .wheel_ancestors {
        top: unset;
        position: absolute;
        margin-left: 24%;
        margin-top: -7.5%;
    }
    .wheel_ancestors a {
        background: url(../img/icons/ancestors.png) no-repeat center;
        background-size: contain;
    }
    .wheel_body_anc {
        position: absolute;
        margin-top: -8%;
        left: 25%;
        width: 50%;
    }
    .wheel_timeline .wheel_link {
        position: absolute;
        margin-top: 382%;
        margin-left: -405%;
    }
    .wheel_timeline a {
        background: url(../img/icons/timeline.png) no-repeat center;
        background-size: contain;
    }
    .wheel_timeline .wheel_body {
        width: 330%;
        padding-top: 0;
        margin-top: 377%;
        margin-left: -320%;
    }
    .wheel_news .wheel_link {
        margin-left: -350%;
        margin-top: 84%;
    }
    .wheel_news a {
        background: url(../img/icons/news.png) no-repeat center;
        background-size: contain;
    }
    .wheel_news .wheel_body {
        padding: 0%;
        margin-left: -270%;
        margin-top: 86%;
        width: 300%;
    }
    .wheel_msg_brd .wheel_link {
        margin-top: 58%;
        position: absolute;
        margin-left: -42%;
    }
    .wheel_msg_brd a {
        background: url(../img/icons/message_board.png) no-repeat center;
        background-size: contain;
    }
    .wheel_msg_brd .wheel_body {
        width: 87%;
        padding-top: 0;
        padding-left: 0px;
        margin-top: 57.5%;
        margin-left: -15%;
    }
    .wheel_local_guide .wheel_link {
        position: absolute;
        margin-top: 62.5%;
        margin-left: 40%;
    }
    .wheel_local_guide a {
        background: url(../img/icons/local_guide.png) no-repeat center;
        background-size: contain;
    }
    .wheel_local_guide .wheel_body {
        width: 80%;
        padding-left: 0;
        padding-top: 0;
        margin-top: 64%;
        margin-left: 66%;
    }
    .wheel_buildings {
        top: unset;
        position: absolute;
        margin-left: 15%;
        margin-top: 5.5%;
    }
    .wheel_buildings a {
        background: url(../img/icons/building.png) no-repeat center;
        background-size: contain;
    }
    .wheel_buildings .wheel_body {
        margin-left: 24%;
        margin-top: -9.5%;
        width: 60%;
    }
    ul.nice-menu li.menuparent ul {
        top: unset !important;
        left: 0;
        right: 0;
        width: unset;
        margin: auto;
    }
    .wheel_link a {
        font-size: min(3.2vw, 50px);
        height: 8vw;
        width: 60vw;
        background-position-x: left;
        background-size: 12vw;
        padding-top: 0.5vw;
        justify-content: left;
        padding-left: 15vw;
    }
    .wheel_body {
        font-size: min(2.2vw, 50px);
        visibility: hidden;
    }
}

@media (max-width: 1023px) {
    .header-top .nice-menu {
        padding-bottom: 50px;
    }
}

@media (min-width: 1024px) {
    .inner,
    #block-bean-home-wheel,
    #block-bean-home-facts {
        width: 90%;
    }
    .wheel_ancestors a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/ancestors.png);
        background-repeat: no-repeat;
        background-size: 45%, 45%;
        background-position: 11vw 1vw, 3vw -2vw;
        margin-left: -11%;
        padding-top: 1vw;
        justify-content: flex-end;
    }
    .wheel_timeline a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/timeline.png);
        background-repeat: no-repeat;
        background-size: 45%, 30%;
        background-position: 1vw 0, 9vw 0;
        justify-content: flex-start;
        padding-left: 0.5vw;
    }
    .wheel_news a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/news.png);
        background-repeat: no-repeat;
        background-size: 45%, 40%;
        background-position: 0vw 0vw, 7vw -3vw;
        justify-content: flex-start;
        padding-left: 1vw;
    }
    .wheel_msg_brd a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/message_board.png);
        background-repeat: no-repeat;
        background-size: 45%, 45%;
        background-position: 1vw 0vw, 9vw -2vw;
        justify-content: flex-start;
        padding-right: 10vw;
        padding-top: 1vw;
        margin-top: -4%;
    }
    .wheel_local_guide a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/local_guide.png);
        background-repeat: no-repeat;
        background-size: 45%, 45%;
        background-position: center right, 2vw 1vw;
        margin-left: -10%;
        padding-top: 1vw;
        padding-left: 10vw;
        justify-content: flex-end;
    }
    .wheel_buildings a {
        width: 20vw;
        width: min(20vw, 600px);
        background: url(../img/title_circle_shadow.png), url(../img/icons/building.png);
        background-repeat: no-repeat;
        background-size: 45%, 45%;
        background-position: center right, -1vw 0;
        margin-left: -9%;
        justify-content: flex-end;
    }
    header .inner .search {
        margin: 0 2vw 0 0;
    }
    .wheel_buildings .wheel_body {
        margin-left: -4vw;
    }
    .paragraphs-items-field-fact-details-full {
        width: unset;
    }
    #block-bean-home-facts {
        margin: 0 auto;
    }
    .space-left-10 {
        margin-left: 10%;
    }
    .space-right-10 {
        margin-right: 4%;
    }
}

#block-dara-overwrite-post-a-chronicles-comment,
#block-dara-overwrite-profile-associated-parishes,
#block-dara-overwrite-profile-associated-timelines {
    width: unset;
    margin: 40px 20px;
}

@media (min-width: 1024px) {
    #block-dara-overwrite-post-a-chronicles-comment,
    #block-dara-overwrite-profile-associated-parishes,
    #block-dara-overwrite-profile-associated-timelines {
        width: 80%;
        margin: 40px auto;
    }
    #block-views-message-board-answers-block-2 {
        width: 80%;
        margin: 0 auto;
    }
    #block-dara-overwrite-profile-associated-ancestors {
        width: 100%;
        /* margin: 0 auto; */
    }
}


/*# sourceMappingURL=main.css.map */

.contextual-links-region {
    outline: none;
    position: relative;
}

.margin-auto-top {
    margin: 40px auto;
}

.text-center {
    text-align: center;
}

.padding-bottom-33 {
    padding-bottom: 33px;
}

.message-reply-padding {
    padding-left: 30px;
}

ul.nice-menu{
    z-index: unset !important;
}

.header-top .nice-menu li.btn-green {
    height: 120px;
    width: 12rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.header-top .nice-menu li.btn-green a {
    position: absolute;
    /* z-index: 201; */
}
@media (max-width: 1130px){
    .header-top .nice-menu li.btn-green {
        width: 100%;
        height: 60px;
    }
    .header-top .nice-menu li.btn-green a{
        position: static;
    }
}
/* 
.nice-menu, ul.nice-menu ul {
    z-index: 5;
    position: relative;
}

ul.nice-menu ul, #header-region ul.nice-menu ul {
    position: absolute;
    visibility: hidden;
}

ul.nice-menu li.menuparent ul {
    top: 80px;
    padding: unset;
}

ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
    visibility: visible;
}

ul.nice-menu li.menuparent ul,
#header-region ul.nice-menu li.menuparent ul {
    overflow: visible !important;
}

.header-top .nice-menu ul>li {
    background: rgb(222 221 221 / 75%);
    border-radius: 0;
    border-bottom: 1px solid rgb(94,109,129);
    width: 110px;
    width: -webkit-fill-available;
    text-align: center;
    margin: 0 1px;
} */

.hasCustomSelect {
    color: #5e6d81 !important;
}


/* .customSelectInner:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 10px;
    margin-top: 0;
    border-top: 7px solid #323a45;
    border-right: 5px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 5px solid transparent;
    background: none;
} */

.title a {
    color: #5e6d81 !important;
    font-size: 20px;
    font-weight: 300;
}

.person-heading div {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin-left: 30px;
}
.and-or-ancesstors {
    font-size: 16px !important;
    font-weight: bold !important;
}
.not-front .node-form label,
.node-profile-form.node-form label {
    float: none;
    clear: both;
}

.not-front .node-form label,
.node-profile-form.node-form label {
    float: none;
    clear: both;
}

.node-profile-form.node-form select {
    color: #5e6d81;
    position: relative;
    width: 362px !important;
}

#edit-body-0-format-guidelines {
    clear: left;
    padding: 0 1.5em;
}
.form-radios .form-item label {
    font-size: 16px;
}

.form-item .image-widget .img-wrapper{
    padding: 0 10px 10px 0;
}
.node-profile-form.node-form .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.node-profile-form.node-form .js-form-type-select {
    float: left;
    padding: 0 0 0.5em 1.5em;
}

#edit-submit-ancestors {
    display: none;
}

#edit-submit-timelines {
    display: none;
}


#edit-body-0-format-help {
    float: right;
    padding: 0 1.5em 0.5em;
}

#edit-body-0-format-help a {
    background: transparent url(../misc/help.png) right center no-repeat;
    padding: 0 20px;
}

.form-select option {
    background: #fff;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 8px 15px;
}

.form-select option:nth-child(even) {
    background: #EAEDF1;
}

.ui-menu .ui-menu-item {
    background: #fff;
    font: 400 15px "Open Sans", sans-serif;
    color: #5E6D81;
    padding: 8px 15px;
}

.ui-menu .ui-menu-item:nth-child(even) {
    background: #EAEDF1;
}


/* .select-arrow-inner:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 60px !important;
        width: 10px;
        margin-top: 0;
        border-top: 7px solid #323a45;
        border-right: 5px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 5px solid transparent;
        background: none;
    } */


/* span.customSelect.form-select.hasCustomSelect
{
    opacity: 1 !important;
    font-size: 16px !important;
} */

#edit-reset {
    display: inline-block !important;
    width: auto !important;
    padding: 2px 0 10px !important;
    background-color: transparent !important;
    color: #9ea7b3 !important;
    text-decoration: underline !important;
    -webkit-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

#edit-submit-building-database {
    display: none;
}

.back-to-list {
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 40px;
    border: 1px solid #d6dae5;
    color: #5e6d81;
    background-color: white;
}

.back-to-list:hover {
    color: white;
    background-color: #d6dae5;
    text-decoration: none;
}

.back-to-list {
    margin-left: 5px;
}

#block-views-block-ancestor-source-block-1 h2 {
    display: none;
}

.communities-parish-name a {
    font-size: 20px;
    font-weight: 300;
    color: #5e6d81;
}

.communities-parish-name {
    margin-top: 9px;
}

.building-back-to-list {
    position: absolute;
    right: 258px;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 36px;
    border-radius: 40px;
    border: 1px solid #d6dae5;
    color: #5e6d81;
    background-color: white;
}

.building-type-value {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    background-color: #eaedf1;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top;
    color: #5e6d81;
    margin-bottom: 30px;
}

.field-label {
    margin-bottom: 5px !important;
}

.chronicles-comments-li {
    margin: 0 0 20px;
}

#block-views-block-chronicles-comments-block-1 ,
#block-views-block-exhibition-comments-block-1{
    background-color: #F1F2F6;
    padding: 0px 20px 10px;
    margin-bottom: 30px;
}

.table-accordion-btn {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 30px;
}

#block-addchroniclescommentsblock,
#block-addexhibitscommentsblock{
    background-color: #F1F2F6;
    padding: 10px 20px 5px;
    margin-bottom: 30px;
}

#block-addchroniclescommentsblock h2 ,
#block-addexhibitscommentsblock h2 {
    margin: 8px;
    font: 300 20px/36px "Open Sans", sans-serif;
}
#block-addexhibitscommentsblock label{
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 10px;
}

.form-wrapper {
    /* margin-bottom: 40px; */
}

#node-chronicles-comments-form {
    position: relative;
}

.building-profile-associated {
    text-align: left !important;
}

.text-format-comment {
    margin: 30px 0 0;
}

.form-textarea {
    width: 100%;
}

.node-timeline .content .action {
    float: none !important;
}

.timeline-accociated-building {
    margin: 0 !important;
    text-align: left !important;
}

.user-login-form:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: url(/sites/all/themes/irelandxo/img/dotted-line.png) repeat-x 0 0;
    bottom: 0;
    left: 0;
}

.modal-login-form .form-item-remember-me {
    clear: both;
    position: absolute;
    bottom: 0;
}

.modal-login-form .form-item-remember-me .custom-checkbox {
    top: 0;
    float: none;
}

.modal-login-form .form-item {
    margin: 0;
}

.modal-login-form .form-item-remember-me {
    float: left;
    position: static;
    margin-top: 0px;
    clear: none;
}

.modal-login-form .form-item-remember-me {
    bottom: 50px;
}

.modal-login {
    font-size: 18px;
    line-height: 45px;
    letter-spacing: -0.4px;
}

.modal-login {
    position: absolute;
    bottom: 20px;
    right: 25px;
    font: 300 15px "Open Sans", sans-serif;
    margin: 0;
}

.modal-login {
    float: right;
    margin: 23px 0 21px;
}

.modal-login a {
    margin-left: 5px;
}

.modal-login a {
    margin-left: 5px;
    font-size: 15px;
}

.login-facbooklogin {
    width: 580px;
}

.login-facbooklogin a {
    position: relative;
    font: 400 15px "Open Sans", sans-serif;
    color: #fff !important;
    width: 210px;
    height: 40px;
    text-align: center;
    float: left;
    margin: 0 10% 5%;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    padding: 8px 0 0;
    cursor: pointer;
}

.login-facbooklogin a:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 50px;
    left: -51px;
    top: 0;
    display: block;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

.login-facbooklogin a {
    background-color: #2570c2;
}

.login-facbooklogin a:before {
    background: url("../img/sprite.png") no-repeat 20px -313px #2570c2;
}



.login-title {
    text-align: left;
}

.join-irland-xo {
    background-color: #23B7C2;
}

.join-irland-xo:hover {
    background-color: #23B7C2;
}

.field-name-field-special-group-building a {
    background: #b0d462;
}
/* .edit-name-login:after
{
    position: absolute;
    top: 0px;
    left: 1px;
    content: "";
    display: block;
    height: 40px;
    width: 30px;
    background: url(../img/sprite.png) no-repeat -154px -282px;
}
.edit-pass-login::after{
    position: absolute;
    top: 0px;
    left: 6px;
    content: "";
    display: block;
    height: 40px;
    width: 30px;
    background: url(../img/sprite.png) no-repeat -146px -95px;
}
#edit-pass
{
    padding-left: 25px;
}
#edit-name
{
    padding-left: 25px;
} */


/* .find-my-parsh-figure
{
    float: left;
    position: relative;
    width: 280px;
    margin: 0 10px 30px 0;
}
.find-my-parsh-figure img
{
    width: 100%;
    height: auto;
} */

.timeline-individual-database-wrap {
    margin: 0;
}

.find-parish-text p {
    text-align: center;
}

.header-wrap .topic {
    text-align: left;
}
.path-dashboard main>.inner .messages--status,
.path-dashboard main>.inner .messages--error{
    margin-top: 20px;
    float: right;
    width: 780px;
}
.messages--status {
    background-color: #fef5f1;
    color: #234600;
    background-image: url(../misc/message-24-ok.png);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #be7;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}

.messages--error {
    background-color: #fef5f1;
    color: #8c2e0b;
    background-image: url(../misc/message-24-error.png);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #ed541d;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}

#views-exposed-form-message-board-page-1 .views-exposed-widgets .search-wrap {
    position: absolute;
    top: 0;
    width: 200px;
    margin-right: 30px;
}

#views-exposed-form-message-board-page-1 .views-exposed-widgets .search-wrap select {
    font-size: 14px;
}

#views-exposed-form-message-board-page-1 .views-exposed-widgets #parish-name {
    left: 205px;
}

#views-exposed-form-message-board-page-1 .views-exposed-widgets #all-messages {
    left: 410px;
}

#views-exposed-form-message-board-page-1 .views-exposed-widgets #special-group {
    left: 615px;
}

.node-message-board-answers-form {
    position: relative;
}

#node-message-board-answers-form .join {
    position: absolute;
    top: 75px;
    right: 40px;
}

.node-message-board-answers-form h2 {
    margin: 15px 0px 8px;
}

.message-replies .action {
    float: none;
    margin-top: 20px;
}

#block-views-message-board-answers-block .action {
    float: none;
    margin-top: 20px;
}

.tabledrag-toggle-weight {
    display: none;
}

#parish-name input {
    border-radius: 8px;
}

.news-events-form {
    text-align: center;
}

.news-events-form .search-wrap {
    display: inline-block;
    width: 27.5%;
    margin: 0 1.25%;
}

.news-events-form #edit-actions #edit-submit-events,
.news-events-form #edit-actions #edit-submit-community-news-and-events {
    display: none;
}




.visiting-form .form-item input {
    height: 38px;
}

.visiting-form .form-wrapper{
    width: 100%;
    text-align: left;
}

.visiting-form #edit-actions #edit-submit-visiting {
    display: none;
}
.visiting-form #edit-reset{
    margin-left: 6%;
}





.donate{
    margin-top: 1%;
    width: 50%;
}
.donate .content {
    margin-left: 20%;
}
.donate .content .donate-text{
    margin-top: 1%;
    width: 95%;
    display: inline-block;
    text-align: start;
}
.donate .content .donate-image{
    text-align: end;
    float: right;
    margin-top: 1%;
    width: 0;
}



#block-paypaldonations{
    width: 350px;
    margin: 0 0 5em 20%;
    clear: both;
    padding-top: 2.5em;
}

#block-paypaldonations .js-form-required.form-required{
    font: 400 16px "open Sans",sans-serif;
    color: #5E6D81;
}

#block-paypaldonations .form-select{
    margin: 0.25em 0 0.5rem;
}

#block-paypaldonations #edit-actions #edit-submit{
    margin: 0 auto;
}

#block-donation-btn{
    background: #fa7135;
    padding: 20px 20px 1px;
    margin-bottom: 20px;
    clear: both;
}

#block-donation-btn p {
    color: white;
    font-weight: bold;
}
#block-donation-btn a {
    background-color: #23b7c2;
    font-size: 14px;
    color: #FFF;
    padding: 10px 50px 10px 30px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
}
#block-donation-btn a:hover {
    background-color: #28919c;
    text-decoration: none;
    color: #FFF;
}


@media (min-width: 300px) and (max-width: 1098px){
    .donate {
        margin-top: 1%;
        width: 100% !important;
        display: block;
    }
    .donate .content {
        margin-left: 5% !important;
    }
    .donate .content .donate-image {
        text-align: center !important;
        margin: 1% 4% !important;
        width: 98% !important;
        overflow: hidden !important;
    }
    .donate .content .donate-text {
        margin-top: 1%;
        width: 100% !important;
        display: block;
    }
    #block-paypaldonations{
        margin: 0 auto 5em;
    }
}
@media (max-width: 375px){
    #block-paypaldonations{
        width: 90%;
        
    }
}








@media (max-width: 1080px) {
    .news-events-form .search-wrap {
        width: 37.5%;
    }
}

@media (max-width: 1006px) {
    .visiting-form .filter-inner{
        text-align: center;
    }
    .visiting-form .action.btn{
        float: none;
    }
}


@media (max-width: 700px) {
    .news-events-form .search-wrap {
        display: block;
        width: 65%;
        margin: 0 auto;
    }
    .news-events-form .search-wrap:nth-child(2) {
        margin-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .news-events-form .search-wrap {
        width: 80%;
    }
}




@media (max-width: 767px) {
    /* .customSelectInner:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 60px !important;
        width: 10px;
        margin-top: 0;
        border-top: 7px solid #323a45;
        border-right: 5px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 5px solid transparent;
        background: none;
    } */
    #edit-reset {
        display: block !important;
        width: auto !important;
        padding: 2px 0 10px !important;
        background-color: transparent !important;
        color: #9ea7b3 !important;
        text-decoration: underline !important;
        -webkit-transition: 0.3s ease-in-out !important;
        transition: 0.3s ease-in-out !important;
        margin: 8px auto;
    }
    #views-exposed-form-timelines-page-1+.action {
        position: relative;
        display: block;
        width: 190px;
        top: 0;
        margin: 0 auto;
        float: none;
        right: 0;
    }
    .login-facbooklogin a {
        position: relative;
        font: 400 15px "Open Sans", sans-serif;
        color: #fff;
        width: 210px;
        height: 40px;
        text-align: center;
        float: left;
        margin: 0 64% 5%;
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
        padding: 8px 0 0;
    }
}

@media (max-width: 1006px) {
    .search-wrap {
        display: block;
        width: 280px;
        margin: 0 auto 10px;
    }
    .search-wrap.family-name-wrapper {
        width: 280px;
        margin-top: -10px;
    }
    .search-wrap.family-name-wrapper label {
        display: block;
        margin-bottom: 10px;
        left: 0;
        text-align: center;
    }
    .search-wrap.family-name-wrapper .form-text {
        width: 280px;
    }
    .search-wrap #edit-profile-surname {
        left: 0;
    }
    #edit-submit-people-database {
        top: inherit;
        right: -5px;
        bottom: 11px;
    }
    .clear-filter-wrapper {
        margin: 0 0 10px;
        text-align: center;
    }
    #views-exposed-form-buildings-database-page+.action,
    #views-exposed-form-people-database-page+.action {
        display: block;
        position: relative;
        float: none;
        margin: 0 auto 40px;
        right: 0;
        width: 170px;
    }
    #views-exposed-form-ancestors-page-1+.action,
    #views-exposed-form-building-database-page-1+.action {
        display: block;
        position: relative;
        float: none;
        margin: 0 auto 40px;
        right: 0;
        width: 170px;
    }
    .edit-name-login
    {
        z-index: 1;
    } 
    #views-exposed-form-message-board-page-1 .views-exposed-widgets .search-wrap {
        position: relative;
        display: block;
        width: 280px;
        margin: 0 auto 10px;
    }
    #views-exposed-form-message-board-page-1 .views-exposed-widgets #parish-name {
        left: 0px;
    }
    #views-exposed-form-message-board-page-1 .views-exposed-widgets #all-messages {
        left: 0px;
    }
    #views-exposed-form-message-board-page-1 .views-exposed-widgets #special-group {
        left: 0px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    #views-exposed-form-ancestors-page-1+.action,
    #views-exposed-form-building-database-page-1+.action {
        right: 150px;
        top: 60px;
    }
    /* #views-exposed-form-timelines-page-1+.action
    {
        right: 150px ;
    } */
}

@media (min-width: 1600px) and (max-width: 2000px) {
    #views-exposed-form-ancestors-page-1+.action,
    #views-exposed-form-building-database-page-1+.action {
        right: 15%;
        top: 60px;
    }
    /* #views-exposed-form-timelines-page-1+.action
    {
        right: 15%;
    } */
}

@media (min-width: 2000px) {
    #views-exposed-form-ancestors-page-1+.action,
    #views-exposed-form-building-database-page-1+.action {
        right: 30%;
    }
    /* #views-exposed-form-timelines-page-1+.action
    {
        right: 30%;
    } */
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

@media (max-width: 450px) {
    .modal-login-form .form-item-remember-me {
        bottom: 0;
    }
    .modal-login-form .form-item-remember-me,
    .modal-login-form .modal-login {
        float: left;
        width: 100%;
    }
    .modal-login-form .form-item-remember-me {
        margin-top: 20px;
    }
    .modal-login {
        margin: 10px 0 15px;
    }
    .modal-login-form .custom-checkbox {
        top: 9px;
    }
}

main .timeline-exposed {
    padding: 0;
    width: 100%;
    text-align: center;
}




.eu-cookie-compliance-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.eu-cookie-compliance-message{
    max-width: none;
    margin-top: 0;
}
.eu-cookie-compliance-buttons{
    margin: 0.75em 0;
}
.eu-cookie-compliance-buttons button{
    margin: 0;
}

.eu-cookie-compliance-buttons .agree-button{
    cursor: pointer;
    margin-right: 5px;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
}
.eu-cookie-compliance-buttons .decline-button{
    background: unset;
    border: unset;
    box-shadow: unset;
    text-shadow: none;
    font-weight: normal;
    color: #FFF;
}


.eu-cookie-compliance-message * {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.eu-cookie-compliance-message h3:first-child{
    border-right: 1px solid #FFF;
    padding-right: 0.5em;
    font-size: 14px;
}


 
.block-subscriptionpopupmessage-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
}
.block-subscriptionpopupmessage-modal.spb_overlay{
    background:rgba(0, 0, 0, 0.7);
}
.block-subscriptionpopupmessage-modal .spb-popup-main-wrapper{
    margin: auto !important;
    top: auto;
    left: auto;
    padding: 0.25em 0.75em;
    border-radius: 10px;
    border: none;
}
.block-subscriptionpopupmessage-modal .spb-controls {
    position: static;
}
.block-subscriptionpopupmessage-modal .block-subscriptionpopupmessage-modal-close{
    font-size: 1.5em;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.block-subscriptionpopupmessage-modal .block-subscriptionpopupmessage-modal-minimize{display: none;}
.block-subscriptionpopupmessage-modal .block-subscriptionpopupmessage-modal-close-text{
    font-size: 0.9rem;
    float: none;
    color: #23b7c2;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inherit;
    line-height: 2;
}
.block-subscriptionpopupmessage-modal p{
    margin: 0;
}
@media screen and (max-width:600px) {
    .spb-popup-main-wrapper{
        width: 90% !important; 
    }
    .spb-popup-main-wrapper iframe{
        height: 400px;
 
    }
}
.Join_to_add_content{
    display: block !important;
    font-size: 1.5em !important;
    margin-top:  0.83em !important;
    margin-bottom:  0.83em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}
.cookie-policy{
    display: block !important;
    font-size: 1.17em !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

#edit-date-of-birth .form-item-birth-year,#edit-date-of-birth .form-item-birth-month,#edit-date-of-birth .form-item-birth-day,
#edit-date-of-death .form-item-death-year,#edit-date-of-death .form-item-death-month,#edit-date-of-death .form-item-death-day,
#edit-timeline-date .form-item-year,#edit-timeline-date .form-item-month,#edit-timeline-date .form-item-day
{
    width: 30%;
    float: left;
}
.js-form-item-date-of-visit-day , .js-form-item-date-of-visit-month , .js-form-item-date-of-visit-year
{
    width: 30%;
    float: left;
    margin-right: 1%;
}
#edit-date-visit .fieldset-legend{
    color: #323a45;
    font-weight: bold;
}
#edit-date-visit .fieldset-legend:after{
    content: "*";
    margin: 5px;
    color: #f00;
}
.popup-image-hp {
    width: 100%;
}
.form-container {
    background-color: #b0d361;
}
.form-container .form-wrapper{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.form-wrapper #homepage-popup {
    padding: 20px;
    padding-left: 5.5%;
}
.form-wrapper #homepage-popup input[type=submit]{
    background-color: #fa7135;
    border-radius: 3px;
    border: none;
    color: white;
    font-size: 20px;
    padding: 8px;
    margin-left: -15px;
    margin-top: 10px;
}
.form-wrapper #homepage-popup label {
    color: #5e6d81;
}
.form-wrapper #homepage-popup input[type=text]{
    border-radius: 0px;
    background: white;
    padding: 2px;
    width: 58%;
}

.form-wrapper #homepage-popup input[type=text]:focus{
    border-radius: 4px;
    border: 2px;
    outline: auto;
    background: white;
    padding: 2px;
    width: 58%;
    
}
.form-wrapper #homepage-popup input[type=email]{
    border-radius: 0px;
    background: white;
    padding: 2px;
    width: 58%;
}
.form-wrapper #homepage-popup input[type=email]:focus{
    border-radius: 4px;
    border: 2px;
    outline: auto;
    background: white;
    padding: 2px;
    width: 58%;

}
.form-wrapper #homepage-popup input[type=checkbox]{
    border-radius: 0px;
    background: white;
    padding: 2px;
}
.success-message {
    height: 30vh;
    display: table-cell;
    vertical-align: middle;
    padding-top: 30px;
}
.success-message h1 {
    font-family: initial;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    color: #ffffff;
}

#homepage-popup .custom-radio {
    width: 14px;
    height: 13px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    border-radius: 50%;
    background-image: url("../img/radio-icons.png");
    float: left;
    margin: 0 10px 0 0;
}

#homepage-popup .custom-radio input[type=radio] {
    margin: 0 !important;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: unset;
    width: 100% !important;
}

#homepage-popup .custom-radio.selected {
    background-position: 0 -26px;
}

#homepage-popup .dropdown-toggle,
#homepage-popup option,#homepage-popup select {
     background: #eaedf1;
    font: 400 15px "Open Sans",sans-serif;
    color: #5e6d81;
    cursor: pointer;
    padding: 8px 20px 8px 12px;
    height: 30px !important;
    background-color: transparent;
    border: 1px solid #9ea7b3;
    border-radius: 0px;
    background: white;
    padding: 2px;
    width: 58% !important;
}
#donate-image {
    height: 19px;
    width: 19px;
    margin-left: 8px;
}
@media screen and (max-width: 500px) {
    #donate_link img {
        height: 19px !important;
        width: 19px !important;
        margin-left: 8px !important;
        margin-top: 1px !important;
    }
    .Find_my_parish {
        height: 18px;
    }
}
.path-assigned-user ol.easy-breadcrumb.breadcrumb {
    display: none;
}

/* voluenteer registration form */
#volunteer-registration-form{
    background-color: #b0d361;
    padding: 41px;
    border-radius: 16px;
    margin-bottom: 27px;
}
#volunteer-registration-form .popup-form-input input {
    display: inline-block;
    border-radius: 0px;
    background-color: white;
    padding: 3px;
    border: 1px solid #b0d361;
}
#volunteer-registration-form .popup-form-input{
    display: inline-block;
    width: 60%;
}
#volunteer-registration-form #edit-volunteerpolicy--wrapper label{
    width: auto;
}
#volunteer-registration-form fieldset .popup-form-input{
    /* display: inline-block; */
    width: auto;
}
#volunteer-registration-form .custom-checkbox {
    border-radius: 0px;
    background-color: white;
}
#volunteer-registration-form .popup-form-input input:focus-visible {
    border: 3px solid black;
    border-radius: 5px;
}

#volunteer-registration-form .form-item label {
    width: 38%;
    max-width: 100%;
    display: inline-block;
}
#volunteer-registration-form .fieldgroup legend {
    color: #323a45;
    max-width: 100%;
    width: 38%;
}
#volunteer-registration-form fieldset .fieldset-wrapper {
    width: 61%;
    float: right;
    margin-bottom: 5px;
}
#volunteer-registration-form fieldset .fieldset-wrapper label {
    width: auto;
}
#volunteer-registration-form input[type=submit] {
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #666666;
    color: #FFF;
    padding: 10px;
    border: 0px;
    margin-top:12px;
    width: auto;
}
#volunteer-registration-form input.error {
    border: 2px solid red;
}
@media screen and (max-width: 768px) {
    #volunteer-registration-form .fieldgroup legend, #volunteer-registration-form fieldset .fieldset-wrapper, #volunteer-registration-form .form-item label {
        width: auto;
    }
    #volunteer-registration-form fieldset .fieldset-wrapper label {
        display: inline-block;
    }
    #volunteer-registration-form fieldset .fieldset-wrapper {
        float: left;
    }
    #volunteer-registration-form .form-item label {
        display: block;
    }
    #volunteer-registration-form .popup-form-input{
        width: auto;
    }

}
/* voluenteer registration form END*/

.answers li.message-reply-look {
    border: 1px solid #EAEDF1;
}
.answers li.message-reply-look h4 {
    font-size: 13px !important;
    font-weight: 700;
    margin: 0;
}
.social-login{
    width: 220px;
    height: 50px;
    background: #FA7135;
    color: white;
    border-radius: 21px;
    font: 400 18px "Open Sans",sans-serif;
    text-align: center;
    display: block;
    padding: 13px;
    text-decoration: none;
    margin: auto;
    margin-top: 5px;
}

.social-login a {
    text-decoration: none;
    color: #fff;
    font: 400 18px "Open Sans",sans-serif;
}

.social-login:hover {
    background: rgb(211, 99, 48);
}
.social-login a:hover {
    text-decoration: none;
}
#banner .inner{
    z-index: -1;
    min-height: 120px;
    width: 100%;
    color: white;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    padding-bottom: 10px;
}
#banner {
    position: relative;
    height: fit-content;
    background-size: cover;
    min-height: 120px;
}
.path-dashboard main>.banner .inner{
    border-top: 0px;
    max-width: 100%;
}
.inner.banner1 {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/banners/one.jpg");
}

.inner.banner2 {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/banners/two.jpg");
}

.inner.banner3 {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/banners/three.jpg");
}

.inner.banner4 {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/banners/four.jpg");
}

.inner.banner5 {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/banners/six.jpg");
}

#tab1 .apply-blur,
#tab2 .apply-blur {
    background-image: linear-gradient(to bottom, rgba(0, 90, 0, 0) 2%, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 110%), url("../img/landing-test.jpg");
}

@media screen and (max-width:1025px) {
    .path-dashboard main>.banner .inner{
        top: 0% !important;
    }
    .path-dashboard main>.banner #block-views-block-profile-info-block-1,
    .path-dashboard main>.banner .inner,
    .path-dashboard-irelandxo-group main>.banner .inner,
    .path-dashboard-activity main>.banner .inner,
    .path-dashboard-events main>.banner .inner,
    .path-dashboard-timeline main>.banner .inner,
    .path-dashboard-message-answers main>.banner .inner,
    .path-assigned-user main>.banner .inner,
    .path-dashboard-messages main>.banner .inner,
    .path-dashboard-local-guides main>.banner .inner,
    .path-dashboard-communities main>.banner .inner,
    .path-dashboard-comments main>.banner .inner,
    .path-user main>.banner .inner,
    .path-dashboard-ancestors main>.banner .inner,
    .path-dashboard-buildings main>.banner .inner,
    .path-dashboard-irelandxo-group-group main>.banner .inner {
        min-height: 220px !important;
    }
}
#right_sidebar{
    float: right;
    width: 15%;
    position: sticky;
    top: 0;
}
#left_sidebar{
    float: left;
    width: 15%;
    position: sticky;
    top: 0;
}
.main-contentt{
    width: auto;
    padding:20px 40px;
    overflow: auto;
}
.top_ads, .bottom_ads {
  margin: 20px 0px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
  .main-contentt{
    padding:20px;
  }
  #left_sidebar, #right_sidebar{
    width: 100%;
    display: none;
  }
}
@media screen and (max-width: 480px) {
    #googleads728, #googleads480{
        display: none;
    }
    #googleads320{
        display: inline-block;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    #googleads320, #googleads728{
        display: none;
    }
    #googleads480{
        display: inline-block;
    }
}
@media screen and (min-width: 769px) {
    #googleads320, #googleads480{
        display: none;
    }
    #googleads728{
        display: inline-block;
    }
}
@media (min-width: 1400px) and (max-width: 1600px){
    #views-exposed-form-ancestors-page-1+.action {
        right: 150px;
    }
}
#views-exposed-form-timelines-page-1+.action {
    right: -34px;
}
.chronical-operation-edit, .chronical-operation-delete{
    display: inline-block;
    margin-top: 20px;
}
.chronical-operation-edit a, .chronical-operation-delete a{
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    padding: 10px 40px 10px 30px;
    border-radius: 20px;
    text-decoration: none;
    background: #FA7135;
    text-align: center;
}

.chronical-operation-edit a:hover, .chronical-operation-delete a:hover{
    background: #d36330;
    text-decoration: none;
}
.views-row{
    margin-top: 25px;
}