@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext&family=Vollkorn&display=swap');

body, p, li, td {
    font-weight: 400;
    line-height: 1.7em;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    font-weight: 500;
}

h1, h2 {
    text-align: center;
}

#donation_amounts_step td h3 {
    font-family: 'Open sans', arial, sans-serif;
    font-size: 1rem
}

/* 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: calc(150px + 1em);
}
.notices-list .item > div > img {
  margin-left: 0;
}
.notices-list .item > div > .notice-date {
    margin-bottom: 0.5em;
}
/* No border-radius around images */
.message img {
    border-width: 0;
    border-radius: 0;
    margin-bottom: 1.5em;
}
/* Fix spacing around images in obituary */
.message img.right {
    margin-left: 1.5em;
}
.message img.left {
    margin-right: 1.5em;
}
/* Text in charities block */
.ui.items>.item>.content {
    font-size: inherit;
}
/* Reset colour of charity meta data */
.ui.items>.item .meta {
    color: 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
}
/* Fix height in manually resized images */
.profiles_show .message img {
    height: auto;
}
/* Reduce size of text in donate panel */
.profiles_show .panel h2 {
    font-size: 24px
}
/* Mobile styling fixes */
@media (max-width: 600px) {
    body {
        min-width: 0 !important;
    }
    body > .ui.container{
        padding: 0;
        margin: 0 !important;
    }
    .notices_index .container > p {
        text-align: center
    }
    body.notices_index .ui.items>.item [class*="floated"] {
        float: none;
        width: 100%
    }
    body.notices_index .notices-list .item > div > * {
        margin-left: 0;
        text-align: center;
    }
    body.notices_index .ui.items.notices-list > .item > div > a {
        margin-left: 0;
    }
    .profiles_show .panel h2 {
        font-size: 20px;
    }    
    .profiles_show .panel {
        width: 90%;
        margin: 1em auto;  
    }
    .profiles_show .panel .ui.grid {
        display:block;
    }    
    .profiles_show .panel .ui.grid .column {
        display:block;
        width: 100% !important;
        text-align: center;
    }   
    .profiles_show .panel .ui.grid .column .button {
        float: none;
        margin: 0 auto;
    }
    .active.step > .content {
        display: none !important;
    }
    form .ui .two.column > .column:not(.row) {
        padding: 1rem 0 !important;
    }
    form .ui .two.column > * {
        padding-left: 0;
        padding-right: 0;
    }
    .ui.form .field.currency.required.donation_charity_donation_amounts_amount input {
        max-width:unset;
        width: 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}
}

/* Centre align search box */

.notices-search {
    margin: 20px auto 40px;
    text-align: center;
}

/* Format titles in listings */
.ui.items.notices-list > .item > div > a {
    font-size: 125%;
    margin-left: calc(150px + .8em);
    border-bottom: solid 1px;
    padding-bottom: 0.6em
}

/* Historic notices styling */

.donation_profiles_index.all-announcements {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.donation_profiles_index.all-announcements .container > .divider,
.donation_profiles_index.all-announcements .container > .divider + p {
    display: none
}

.donation_profiles_index.all-announcements .container > form {
    margin-top: 1rem;
}

.donation_profiles_index.all-announcements .container > form.ui > .ui.action.input {
    justify-content: center;
}

.donation_profiles_index.all-announcements .container > form.ui > .ui.action.input > input,
.donation_profiles_index.all-announcements .container > form.ui > .ui.action.input > button {
    border-radius: 0;
}

.donation_profiles_index.all-announcements .container > form.ui > .ui.action.input > input {
    border-right-color: rgba(34, 36, 38, 0.15) !important;

}

.donation_profiles_index.all-announcements .container > form.ui > .ui.action.input > button {
    font-weight: 300;
    margin-left: 1rem
}

/* Updates to address labels and required symbol on title field */

.donation_contact_title > label:after,
.donation_contact_last_name > label:after{
    display: inline-block;
    vertical-align: top;
    margin: -0.2em 0em 0em 0.2em;
    content: '*';
    color: #DB2828;    
}

.donation_address_street_address,
.donation_address_locality {
    position:relative;
}
.donation_address_street_address label,
.donation_address_locality label {
    visibility:hidden
}
.donation_address_street_address label:before,
.donation_address_locality:before {
    content: "Address line 1" !important;
    visibility: visible;
    display:block;
    vertical-align: unset !important;
    margin: unset !important;
    color: unset !important;
    position: absolute;
    top: 0;
    left: 0;
}

.donation_address_street_address label:after {
    visibility:visible
}

.donation_address_locality:before {    
    content: "Address line 2" !important;
    font-size: 0.92857143em;
    font-weight: bold;
}

/* Hide link to download Gift Aid form on index page */

.donation_profiles_index > div > p:last-child,
.donation_profiles_index > div > form + .divider
 {
    display: none;
}

html, body {
	background: ;
  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',Arial,sans-serif;
  color: #666666;
}

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


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: 'Vollkorn',Georgia,"Times New Roman",serif;
  color: #333333;
}

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

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

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

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

a {
	color: #175d33;
}

a:hover {
	color: #31774d;
}

.slick-prev:before, .slick-next:before {
	color: #175d33;
}

.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 #175d33 inset, 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 1px #175d33 inset, 0px 0px 0px 0px transparent;
}

.ui.info.message, .message img.info.message {
  background-color: #cce8d7;
  color: #175d33;
}

.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;}
}
