@import url('https://fonts.googleapis.com/css2?family=Lato&family=PT+Serif:ital@0;1&display=swap');
html, body {
-webkit-font-smoothing: antialiased;
background: transparent !important;
}
h1, h2, h3, h4 {
    font-style:italic;
    font-weight: normal;
}
/* Format search profiles */
.donation_profiles_index .ui.divider
{
    display: none;
}
.donation_profiles_index > div > p {
    margin: 1em 0;
}
/* Format notices */
.ui.items.notices-list {
    margin-left: -1%;
    margin-right: -1%;    
}
.ui.items.notices-list > li.item,
.ui.divided.items>li.item:first-child {
    width: 23.5% !important;
    background-color: #1F1F1F !important;
    display: inline-block;
    margin: 1% !important;
    padding: 0 !important;
}
.notices-list > li > div  > * {
    display: block;
    float: none;
    text-align: center;
}
.notices-list > li > div  > img {
    width: 100% !important;
    height: 23.5vw !important;
    object-fit: cover;
    margin-bottom: 1em !important;
    float: none !important;
}
.notices-list > li > div > a {
    font-family: 'PT Serif', serif;
    font-size: 20px;
    color: white;
    height: 2.5em;
    overflow: hidden;    
}
.notices-list > li > div > a + div {
    color: #ba9765;
    font-size: 13px;
}
/* Replace notice text with "View" button */
.notice-content {
    display:
    block;
    color: transparent;
    border: solid 1px #ba9765;
    width: 30%;
    height: 2.5em;
    margin: 1em auto;
    position: relative;
    overflow: hidden;    
}
.notice-content a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    line-height: 2.25em;
    background-color: #1F1F1F;
}
/* Smaller title on donation profile header */
.profiles_show h1.ui.header {
    font-size: 28px;
}
/* set max-width on donation profile show & donate */
.profiles_show > .ui.very.padded.container.segment,
.donations_donate > .ui.very.padded.container {
    max-width: 50% !important;
}
/* Set width of message to 50% */
.message {
    margin: 0 auto;
}

.message img {
    max-width: 100%;
    height: auto;
}
/* Remove background from donate box and fix colours */
.message + .ui.very.padded.panel.segment {
    background: none;
  padding: 3em 0 0;
  width: 75%;
  margin: 0 auto;
}
.message + .ui.very.padded.panel.segment h2,
.message + .ui.very.padded.panel.segment .ui.huge.button {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background: none;
}
.message + .ui.very.padded.panel.segment .ui.huge.button {
  border: solid 1px #ba9765;
  border-radius: 0;
  color: #ba9765;
  text-transform: uppercase;
}
/* Add space below header */
.profiles_show h1.ui.header {
        margin-bottom: 1em;
}
/* Add space between sections */
.profiles_show .ui.horizontal.divider {
    margin-top: 5rem;
    margin-bottom: 3rem;
}
/* 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;
}
/* Turn text white */
.profiles_show .eight.wide.column h2,
.profiles_show .ui.items>.item>.content>.header,
.profiles_show .ui.items>.item>.content>.extra {
  color: #fff;
  font-style: normal;
}
/* donation steps styles */
.donations_donate p,
.donations_donate .ui.steps .step > .content > .description,
.donations_donate .ui.form input,
.donations_donate .option label span {
  color: #32465a !important;
}
/* Mobile styles */
@media (min-width: 1024px) {
  .donation_profiles_index {
    max-width: 50%;
  }
}
@media (max-width: 1023px) {
  h1 {
      font-size: 28px !important;
  }
.profiles_show h1.ui.header {
    font-size: 22px;
}
.ui.items.notices-list > li.item,
.ui.divided.items>li.item:first-child {
      width: 47.5% !important;
  }  
  .notices-list > li > div  > img {
      height: 47.5vw !important;
  }
.notices-list > li > div > a {
    font-size: 20px;
  }
.message {
    width: 100%;
}  
}
@media (max-width: 768px) {
.profiles_show > .ui.very.padded.container.segment,
.donations_donate > .ui.very.padded.container {
    max-width: none !important;
}
}
@media (max-width: 640px) {
.ui.items.notices-list > li.item,
.ui.divided.items>li.item:first-child {
      width: 98% !important;
      margin-bottom: 8% !important;
  }  
  .notices-list > li > div  > img {
      height: 98vw !important;
  }
.notices-list > li > div > a {
    font-size: 20px;
  }  
}

/* Reset modal windows text to black */
.modals .content {
    color: #000;
}

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: 'Lato', sans-serif;;
  color: #ffffff;
}

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


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: 'PT Serif', serif;;
  color: #ba9765;
}

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

.ui.panel
{
  background: ;
}
.ui.panel, .ui.panel h2 {
  color: #32465a;
}

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

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

a {
	color: #ba9765;
}

a:hover {
	color: #d4b17f;
}

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

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

.ui.info.message, .message img.info.message {
  background-color: #dce8f7;
  color: #145e8f;
}

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