@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
html, body {
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
background: transparent !important;
}
.profiles_show > .container {
    background: #fff !important;
}
/* On notices, show link as a seperate line */
.notices-list .notice-content a:last-child {
    display: block;
    margin-top: 1em;
}
/* Set notices list to 2 columns */
.notices-list .item > div > * {
  margin-left: 166px;
}
.notices-list .item > div > img {
  margin-left: 0;
}
/* No border-radius around images */
.message img {
    border-width: 0;
    border-radius: 0;
}
/* Fix spacing around images in obituary */
.message img.right {
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
/* Text in charities block */
.ui.items>.item>.content {
    font-size: inherit;
}
/* Service details icons into columns */
#service-details .ui.list > .item + .item {
  margin-top: 0.5em;
}
#service-details .ui.list > .item > i {
  position: absolute;
}
#service-details .ui.list > .item > .content {
    margin-left: 1.75em;
    display: block;
}
/* Margin below AddThis row */
.addthis_inline_share_toolbox {
    margin-bottom: 1em;
}
/* Reset strong inside H2 */
h2 strong {
    font-weight: inherit
}

/* Remove margin and padding from container */

.notices_index > .container {
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix spacing around images in obituary */
.message img.left {
    margin-right: 2em;
    margin-bottom: 2em;
}

/* Restrict width of profile detail */

.profiles_show {
    max-width: 960px;
    margin: 0 auto;
}

/* Donate block text size and weight */

.ui.segment.panel {
    border-radius: 0;
}

.panel h2 {
    font-weight: 400;
}

.ui.huge.button, .ui.large.button {
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
}

/* Add some space between blocks */

.panel + h2.ui.divider.header, 
.messages, #service-details {
    margin-top: 4rem
}

.container > h1 {
    margin-bottom: 2rem !important;
}

h2.ui.divider.header {
    margin-bottom: 3rem;
}

.messages h2.ui.divider.header {
    margin-bottom: 1rem
}

/* Hide title and intro text on notices */

.notices_index > .container > h1,
.notices_index > .container > p {
    display: none;
}

/*Reformat notices search box */

.notices-search {
    text-align: right;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.notices-search .ui.input>input {
    border-radius: 0;
}

/* Show notices in 2 columns */

.ui.items.notices-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ui.items.notices-list > .item {
    max-width: 47.58%;
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 2rem;
}

@media (max-width: 520px) {
    .notices_index:not(.home) .ui.items.notices-list {display: block}
    .notices_index:not(.home) .ui.items.notices-list > .item {width: 100%; max-width: unset}
}

/* Reset title size & colour */

.ui.items.notices-list > .item > div > a {
    font-size: 24px;
    text-decoration: none;
    color: #2e3c44;
    font-weight: 300;
}

h1.ui.header, h2.ui.header {
    font-weight: 300 !important;
}

h3.header, .content h4 {
    font-size: 16px !important;
}

/* Reset age styling */

.ui.items.notices-list .notice-date {
    margin-bottom: 10px;
    padding: 0 0 10px;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
}

/* Home page styling */

.notices_index.home .notices-search, .notices_index.home .notice-content {display: none;}
.notices_index.home .ui.items.notices-list .notice-date {border-bottom: none;}
.notices_index.home .ui.text.container, .notices_index.home .ui.items.notices-list > .item > div > a {color: #fff; font-size: 16px; font-weight: 400; line-height: 1.4em}
.notices_index.home .ui.items.notices-list > .item img {max-width: 34.09%}
.notices_index.home .ui.items.notices-list > .item {max-width: 17.4%}
.notices_index.home .notices-list .item > div > * {margin-left: 90px}
.notices_index.home .notices-list .item > div > img {margin-left: 0; border: solid 1px #fff;}

/* Historic notices styling */

.donation_profiles_index {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.donation_profiles_index .container > h1,
.donation_profiles_index .container > .divider,
.donation_profiles_index .container > p {
    display: none
}

.donation_profiles_index .container > form {
    margin-top: 1rem;
}

.donation_profiles_index .container > form.ui > .ui.action.input {
    justify-content: center;
}

.donation_profiles_index .container > form.ui > .ui.action.input > input,
.donation_profiles_index .container > form.ui > .ui.action.input > button {
    border-radius: 0;
}

.donation_profiles_index .container > form.ui > .ui.action.input > input {
    border-right-color: rgba(34, 36, 38, 0.15) !important;

}

.donation_profiles_index .container > form.ui > .ui.action.input > button {
    font-weight: 300;
    margin-left: 1rem
}

@media screen and (max-width: 920px) {
.notices_index.home .ui.items.notices-list > .item {max-width: 30%;}
.notices_index.home .ui.items.notices-list {max-height: 534px; overflow-y: hidden;}
}

@media screen and (max-width: 720px) {
.notices_index.home .ui.items.notices-list > .item {max-width: 50%;}
.notices_index.home .ui.items.notices-list {max-height: unset;overflow-y: unset;}
.notices_index.home .notices-list .item > div > img {max-width: unset !important; width: 50%; margin: 0 5% !important; text-align: center;}
}

@media screen and (max-width: 520px) {
.notices_index.home .ui.items.notices-list > .item {max-width: 50%;}
.notices_index.home .ui.items.notices-list {max-height: unset; overflow-y: unset;}
.notices_index.home .notices-list .item {margin-bottom: 1em; padding-bottom: 0}
.notices_index.home .notices-list .item > div > * {max-width: unset !important; width: 90%; margin: 0 5% !important; text-align: center;}
.notices_index.home .notices-list .item > div > img {width: 90%; margin: 0 5% !important; margin-bottom: 0.5em !important;}
}

html, body {
	background: #ffffff;
  font-size: 16px;
}

body,
.ui.text.container, .message img.text.container,
.ui.form input:not([type]), .message img.form input:not([type]), .ui.form input[type="date"], .message img.form input[type="date"], .ui.form input[type="datetime-local"], .message img.form input[type="datetime-local"], .ui.form input[type="email"], .message img.form input[type="email"], .ui.form input[type="number"], .message img.form input[type="number"], .ui.form input[type="password"], .message img.form input[type="password"], .ui.form input[type="search"], .message img.form input[type="search"], .ui.form input[type="tel"], .message img.form input[type="tel"], .ui.form input[type="time"], .message img.form input[type="time"], .ui.form input[type="text"], .message img.form input[type="text"], .ui.form input[type="file"], .message img.form input[type="file"], .ui.form input[type="url"], .message img.form input[type="url"],
.ui.button, .message img.button,
.ui.steps .step .description, .message img.steps .step .description
{
  font-family: 'Open Sans',sans-serif;
  color: #2e3c44;
}

.ui.form .field > label, .message img.form .field > label,
.ui.checkbox label, .message img.checkbox label, .ui.checkbox + label, .message img.checkbox + label {
  color: #2e3c44;
}


h1, h2, h3, h4, h5,
.ui.header, .message img.header,
.ui.steps .step.active .title, .message img.steps .step.active .title,
.ui.steps .step .title, .message img.steps .step .title
{
  font-family: 'Open Sans',sans-serif;
  color: #2e3c44;
}

  h1, h1.ui.header {
    font-size: 28px;
  }
  h2, h2.ui.header {
    font-size: 24px;
  }
  h3, h3.ui.header {
    font-size: 16px;
  }

.ui.panel
{
  background: #8b996c;
}
.ui.panel, .ui.panel h2 {
  color: #ffffff;
}

.ui.primary.buttons .button, .message img.primary.buttons .button, .ui.primary.button, .message img.primary.button
{
  background-color:  #2e3c44;
}

.ui.primary.buttons .button:hover, .message img.primary.buttons .button:hover, .ui.primary.button:hover, .message img.primary.button:hover
{
  background-color: #48565e;
}

a {
	color: #8b996c;
}

a:hover {
	color: #a5b386;
}

.slick-prev:before, .slick-next:before {
	color: #2e3c44;
}

.ui.form .fields.error .field label, .message img.form .fields.error .field label, .ui.form .field.error label, .message img.form .field.error label, .ui.form .fields.error .field .input, .message img.form .fields.error .field .input, .ui.form .field.error .input, .message img.form .field.error .input
{
  color: #b31b00;
}

.ui.form .fields.error .field textarea, .message img.form .fields.error .field textarea, .ui.form .fields.error .field select, .message img.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .message img.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .message img.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .message img.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .message img.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .message img.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .message img.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .message img.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .message img.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .message img.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .message img.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .message img.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .message img.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .message img.form .field.error textarea, .ui.form .field.error select, .message img.form .field.error select, .ui.form .field.error input:not([type]), .message img.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .message img.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .message img.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .message img.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .message img.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .message img.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .message img.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .message img.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .message img.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .message img.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .message img.form .field.error input[type="file"], .ui.form .field.error input[type="url"], .message img.form .field.error input[type="url"] {
  color: #b31b00;
  border-color: #b31b00;
}

.ui.form .field.error textarea:focus, .message img.form .field.error textarea:focus, .ui.form .field.error select:focus, .message img.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .message img.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .message img.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .message img.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .message img.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .message img.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .message img.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .message img.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .message img.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .message img.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .message img.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .message img.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus, .message img.form .field.error input[type="url"]:focus {
  color: #b31b00;
  border-color: #b31b00;
}

.ui.form .fields.error .field textarea, .message img.form .fields.error .field textarea, .ui.form .fields.error .field select, .message img.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .message img.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .message img.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .message img.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .message img.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .message img.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .message img.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .message img.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .message img.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .message img.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .message img.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .message img.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .message img.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .message img.form .field.error textarea, .ui.form .field.error select, .message img.form .field.error select, .ui.form .field.error input:not([type]), .message img.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .message img.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .message img.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .message img.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .message img.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .message img.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .message img.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .message img.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .message img.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .message img.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .message img.form .field.error input[type="file"], .ui.form .field.error input[type="url"], .message img.form .field.error input[type="url"],
.ui.form .fields.error .field .ui.dropdown, .message img.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .message img.dropdown, .message .ui.form .fields.error .field img.dropdown, .message img.form .fields.error .field img.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .message img.form .fields.error .field .ui.dropdown .item, .ui.form .fields.error .field .message img.dropdown .item, .message .ui.form .fields.error .field img.dropdown .item, .message img.form .fields.error .field img.dropdown .item, .ui.form .field.error .ui.dropdown, .message img.form .field.error .ui.dropdown, .ui.form .field.error .message img.dropdown, .message .ui.form .field.error img.dropdown, .message img.form .field.error img.dropdown, .ui.form .field.error .ui.dropdown .text, .message img.form .field.error .ui.dropdown .text, .ui.form .field.error .message img.dropdown .text, .message .ui.form .field.error img.dropdown .text, .message img.form .field.error img.dropdown .text, .ui.form .field.error .ui.dropdown .item, .message img.form .field.error .ui.dropdown .item, .ui.form .field.error .message img.dropdown .item, .message .ui.form .field.error img.dropdown .item, .message img.form .field.error img.dropdown .item {
  color: #b31b00;
  border-color: #b31b00;
  background: #ffbaba;
}

.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .message img.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .message img.dropdown .menu .item:hover, .message .ui.form .fields.error .field img.dropdown .menu .item:hover, .message img.form .fields.error .field img.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover, .message img.form .field.error .ui.dropdown .menu .item:hover, .ui.form .field.error .message img.dropdown .menu .item:hover, .message .ui.form .field.error img.dropdown .menu .item:hover, .message img.form .field.error img.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item, .message img.form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .message img.dropdown .menu .selected.item, .message .ui.form .fields.error .field img.dropdown .menu .selected.item, .message img.form .fields.error .field img.dropdown .menu .selected.item, .ui.form .field.error .ui.dropdown .menu .selected.item, .message img.form .field.error .ui.dropdown .menu .selected.item, .ui.form .field.error .message img.dropdown .menu .selected.item, .message .ui.form .field.error img.dropdown .menu .selected.item, .message img.form .field.error img.dropdown .menu .selected.item {
  background: #ffeded;
}

.ui.form .field.error textarea:focus, .message img.form .field.error textarea:focus, .ui.form .field.error select:focus, .message img.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .message img.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .message img.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .message img.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .message img.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .message img.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .message img.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .message img.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .message img.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .message img.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .message img.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .message img.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus, .message img.form .field.error input[type="url"]:focus {
  background: #ffeded;
}

.ui.red.labels .label, .message img.red.labels .label, .ui.red.label, .message img.red.label {
  background: #b31b00!important;
}

.ui.error.message, .message img.error.message, .ui.attached.error.message, .message img.attached.error.message {
  -webkit-box-shadow: 0px 0px 0px 1px #b31b00 inset, 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 1px #b31b00 inset, 0px 0px 0px 0px transparent;
}

.ui.error.message, .message img.error.message {
  background-color: #ffbaba;
  color: #b31b00;
}

.ui.info.message, .message img.info.message, .ui.attached.info.message, .message img.attached.info.message {
  -webkit-box-shadow: 0px 0px 0px 1px #ffffff inset, 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 1px #ffffff inset, 0px 0px 0px 0px transparent;
}

.ui.info.message, .message img.info.message {
  background-color: #8b996c;
  color: #ffffff;
}

.field.boolean.optional.donation_charity_donation_amounts_signup {display: none}

body > .ui.container.segment, body > .ui.container {
    max-width: none !important; width: auto !important; padding: .9375rem; border: none; box-shadow: none; background: transparent;
}
body {
    padding-top: 0;
}
/* Add some space between charities */
div.ui.items .item + .item {
    margin-top: 3em;
}
/* Notice name isn't an H2 any more */
ul.notices-list img + a {
    margin-bottom: 0.5em;
    display: block;
}
/* Override font-size settings and reset to follow body */
.ui.segment {
    font-size: inherit;
}
.ui.text.container,
.message img.text.container,
.ui.items > .item .meta {
    font-size: inherit;
    line-height: inherit;
}
.ui.table,.message img.table {
    color: inherit;
}
/* Add This text */
.at-share-btn-elements:before {
    content: "Share:";
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 0.25em;
  }
  
/* Center align images */
.center img {
    margin-left: auto;
    margin-right: auto;
}
/* Center align logo and FD address when service details printed */
@media print {
    .container > .logo {
        text-align: center;
    }
    .container > p:last-child {
        text-align: center;
    }
}
/* Mobile styling on profile search */
@media (max-width: 600px) {
    input#search_surname {
        flex: 0 1 auto;
    }    
}
/* Mobile styling on payment steps */
@media (max-width: 600px) {
    .active.step > .content {
        display: none !important;
    }
    .ui.form .field.currency.required.donation_charity_donation_amounts_amount input {
        max-width:unset;
        width: 0;
    }    
}
/* Mobile styling on notices page */
@media (max-width: 600px) {
    .profiles_show .segment .eight.wide.column {width: 100% !important;text-align: center;}
    .profiles_show .segment .eight.wide.column > a {float: none;}
    .profiles_show > .container > .ui.items > .item > .content {text-align:center;}
    #service-details + p {text-align:center; margin: 0 !important; padding-top: 1em;}
}