@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display&display=swap');body {font-family: "PT Sans", sans-serif; padding-top: 0;}
html, body {
    background: transparent !important;
    -webkit-font-smoothing: antialiased;
}

/* Hiddden content */

.notices_index h1,
.notices_index h1 + p,
.profiles_collection_profile h1.ui.horizontal.divider.header {
    display: none;
}

/* Remove padding inside iFrame */

body > .ui.container.segment, body > .ui.container {
    padding: 0;
    margin: 0;
}

/* Style notice list */

.ui.divided.items>.item, .ui.divided.items>.item:first-child {
    border: none;
    display: block;
    padding: 0
}
.item + .item {
    margin-top: 50px !important;
}
.ui.divided.items>.item:before, .ui.divided.items>.item:after {
    content: "";
    display:block;
    clear: both;
    float: none;
    width:100%;
    height: 1px;
    background: #eaeaea;
    margin: 10px 0;
    visibility: visible;
}

/* Notice list item contents */

.ui.items.notices-list>.item .content {
    padding: 20px;
}
.notices-list .item img.ui.small.left.floated.image {
    width: 273px;
    height: auto;
    border: 6px solid #ebebeb;
    margin: 0;
    margin-right: 40px;
}
.notices-list .item img + a {
    color: #3C3934;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif
}
.notices-list .item .notice-date {
    margin-bottom: 1em
}

.notices-list .item .notice-content {
    margin-left: 313px;
}

/* Notice details */

h1.ui.horizontal.divider.header {
    color: #3C3934;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif
}

h2.ui.horizontal.divider.header {
    color: #3C3934;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif
}

.profiles_show > .container > .ui.items h3.header {
    font-family: inherit;
    font-weight: inherit;
    font-size: 17px !important;
    color: #7a7a79;
}

.profiles_show > .container > .ui.items .extra > p {
    color: #7a7a79;    
}

.profiles_show > .container > .ui.items .extra > p > strong {
    font-weight: normal;
}

#service-details h3 {
    font-weight: 400;
    color: #3c3933;
    font-size: 22px
}

#service-details h4 {
    font-family: inherit;
    font-weight: inherit;
    font-size: 17px !important;
    color: #7a7a79;
}

/* 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
}

/* 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;
}

/* Responsive */

@media only screen and (min-width: 1400px) {
    html > body > .ui.container.segment, body > .ui.container {
        max-width: 1300px !important;
    }
}

@media only screen and (max-width: 768px) {
    html > body > .ui.container.segment, body > .ui.container {
        max-width: 600px !important;
    }
    .notices-list .item img.ui.small.left.floated.image {
        width: 100%;
        float:  none;
    }
    .notices-list .item .notice-content {
        margin-left: 0;
    }
    .notices-list .item img + a {
        margin-top: 1em;
    }    
}


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

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;
  color: #7a7a79;
}

.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: 'Playfair Display', serif;
  color: #3c3933;
}

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

.ui.panel
{
  background: #e8e8e8;
}
.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:  #bd993b;
}

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

a {
	color: #c29a44;
}

a:hover {
	color: #dcb45e;
}

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

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