html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height:1;height:100%;font-family:'Montserrat', serif;font-weight:500;font-size:14px;color:#181458;margin:0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;}
html {scroll-behavior:smooth;height:100%;margin:0;}
a {-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}

/* #content {background-image:url(images/background.png);background-repeat:repeat-x;} */
#content {background: rgb(208,240,253);background: linear-gradient(0deg, rgba(240,250,254,1) 0%, rgba(208,240,253,1) 100%);position:relative;height:vh;min-height:100%;}
.entry-content {width:100%;text-align:center;}
.pages .entry-content {padding-bottom:55px;}

@media screen and (min-width:560px){}

.clear {clear:both;}
.spacer {height:30px;}

.header {padding-top:30px;max-width:560px;text-align:center;margin:0 auto;}
.header .logos{position:relative;}
.header img {width:auto;height:100%;padding-bottom:30px;}
.header .logos .nhs-rainbow, .header div .hsc {width:20%;float:left;height:45px;}
.header .logos .nhs-rainbow {text-align:left;margin-left:30px;}
.header .logos .hsc {float:right;text-align:right;width:60%;margin-right:30px;}
.header p, h3, h4 {margin:0 auto;width:75%;text-align:center;line-height:1.3em;padding-bottom:30px;}

@media screen and (min-width:350px){
	.header .logos .nhs-rainbow, .header div .hsc {height:55px;}
}
@media screen and (min-width:400px){
	.header .logos .nhs-rainbow, .header div .hsc {height:65px;}
}

.pages .header .page-logo {max-width:50px;height:auto;}
.pages .header .page-artwork {width:100%;height:auto;clear:both;display:block;text-align:center;margin-left: auto;margin-right: auto;padding-bottom:0;}
.photo-credit {width:80%;margin-left: auto;margin-right: auto;}
.photo-credits {color:#e74394;font-size:12px;line-height:1.2em;padding:5px 0 20px 0;text-align:left;display:block;}

img.mnc-logo {width:40%;max-width:none !important;}

.footer {padding:30px 0;font-size:12px;line-height:1.4em;}
.footer p {width:75%;margin:0 auto 15px auto;max-width:500px;}
.footer p strong {font-weight:700;font-size:10px;}
.footer img {width:30px;height:auto;}

.pages .footer {position:fixed;bottom:0;width:100%;background:rgb(64,193,247);background: linear-gradient(0deg, rgba(45,136,195,1) 0%, rgba(64,193,247,1) 100%);padding:0;height:55px;border-top:2px solid #FFF;}
.pages .footer.pink {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(177,75,140,1) 0%, rgba(253,108,180,1) 100%);}
.pages .footer.blue {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(2,67,198,1) 0%, rgba(3,96,251,1) 100%);}
.pages .footer.violet {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(50,148,198,1) 0%, rgba(70,210,250,1) 100%);}
.pages .footer.green {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(127,144,24,1) 0%, rgba(250,205,31,1) 100%);}
.pages .footer.managing {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(97,45,170,1) 0%, rgba(136,63,216,1) 100%);}
.pages .footer.advice {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(168,58,27,1) 0%, rgba(238,83,34,1) 100%);}
.pages .footer.well {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(165,26,28,1) 0%, rgba(234,37,36,1) 100%);}
.pages .footer.nutrition {background:rgb(64,193,247);background: linear-gradient(0deg, rgba(92,138,4,1) 0%, rgba(131,197,5,1) 100%);}
.footer-width {height:55px;position:relative;max-width:560px;margin:0 auto;}

.pages .footer div a {display:block;padding:12px 20px;}
.icon-home {position:absolute;left:0;top:0;}
.icon-call {position:absolute;right:0;top:0;}
.footer-title {margin:0 auto;padding-top:20px;width:20%;font-size:20px;font-weight:800;width:auto;}

h1, h2, h3, h4, h5 {font-size:24px;font-weight:800;line-height:1.4em;padding-bottom:30px;}
h2, .mnc, .mnc-thanks {font-size:20px;}
h1 span, .mnc-thanks {font-weight:800;color:#40c2f8;display:block;}
.mnc-thanks {display: flex;align-items:center;text-align:center;margin:0 auto;justify-content: center;}
.mnc-thanks span {padding:0 10px 25px 10px;}
.mnc-thanks img {width:40px;height:auto;}
h3, h4  {text-align:left;padding-bottom:5px;font-size:16px;}
h4  {padding-bottom:10px;font-size:14px;}
h5  {padding-top:5px;font-size:20px;}
small {font-size:12px;}

.background, .toggle-content div {background-color:#d9f3fe;padding-top:30px;}
.background.ibd {margin-bottom:3px;}

.pages p {text-align:left;}
.pages p strong {font-weight:700;}
.pages p em {font-style:italic;}
.pages .background ul {padding:0 0 10px 30px;list-style-type:disc;width:75%;margin:0 auto;text-align:left;line-height:1.3em;}
.pages .background ul li {padding:0 0 10px 5px;}

.header p.mnc, .header p.mnc-thanks {text-align:center;}

.home-menu {max-width:560px;text-align:center;margin:0 auto;}
.home-menu, .toggle-content a, .phone-content a, .phone-content span  {font-size:20px;font-weight:700;list-style-type:none;}
.home-menu li, .toggle-content a, .phone-content a  {margin-bottom:2px;}
.home-menu li a, .toggle-content a, .phone-content a, .phone-content span  {display:block;height:60px;line-height:60px;background:#40c2f8;text-decoration:none;background-image: url(images/Ferring_App_Managing_my_IBD_200x1200.png);background-size:30px auto;background-repeat:no-repeat;background-position:7% center;color:#181458;}
.home-menu li a:active, .toggle-content a:hover, .phone-content a:hover  {color:#181458;}
.home-menu li a:hover, .toggle-content a:hover, .phone-content a:hover {background-color:#d9f3fe;}
.home-menu .bloods a  {background-image: url(images/Ferring_App_1_Bloods_1200x1200.png);}
.home-menu .stools a  {background-image: url(images/Ferring_App_2_Stools_1200x1200.png);}
.home-menu .medicines a  {background-image: url(images/Ferring_App_3_Meds_1200x1200.png);}
.home-menu .nutrition a  {background-image: url(images/Ferring_App_4_Nutrition_1200x1200.png);}
.home-menu .adviceline a  {background-image: url(images/Ferring_App_4_AdviceLine_1200x1200.png);}
.home-menu .wellbeing a  {background-image: url(images/Ferring_App_5_WellBeing_1200x1200.png);}
.home-menu .mnc a  {background-image: url(images/Ferring_App_Medical_Card_1200x1200.png);}
.home-menu li a img {width:50px;height:auto;vertical-align:middle;text-align:left;}

.home-menu .ibd a {background-color:#893fd9;}	
.home-menu .bloods a {background-color:#0360fc;}
.home-menu .stools a {background-color:#46d3fb;}
.home-menu .nutrition a {background-color:#84c705;}
.home-menu .medicines a {background-color:#fcce1f;}
.home-menu .adviceline a {background-color:#ef5322;}
.home-menu .wellbeing a {background-color:#eb2524;}
.home-menu .mnc a {background-color:#fe6cb4;}

.about-menu {display:table;width:100%;}
.about-menu li {display:table-cell;list-style-type:none;}
.about-menu li a {background:#893fd9;color:#181458;display:block;padding:10px 20px;border-bottom:3px solid #40c2f8;text-decoration:none;font-weight:700;font-size:12px;line-height:1.4em;}
.about-menu li a:hover, .about-menu li a:active {border-bottom:3px solid #181458;}
.about-menu.nutrition li a {background:#84c705;}

.toggle-content, .phone-content {padding-bottom:20px;}
.toggle-content a, .phone-content a, .phone-content span {background-image:none;}
.phone-content a, .phone-content span {padding:15px 5px;height:auto;line-height:1.4em;}

.phone-content span a {display:inline-block;height:auto;line-height:auto;padding:0px 5px;}

.medicines h1 {font-size:18px;font-weight:700;background:#40c2f8;line-height:60px;padding:0;margin-bottom:2px;}
.medicines .phone-content {padding-left:10px;padding-right:10px;}
.medicines-content {background-color:#70d1fa;}
.medicines-content h2 {font-size:16px;color:#FFF;padding:0;margin:0 auto;width:75%;text-align:left;padding:20px 0 5px 0;font-weight:400;}
.medicines-content h3 {color:#FFF;font-size:16px;font-weight:700;}
.medicines-footer {padding-top:30px;}
.medicines-footer a {font-weight:700;text-decoration:underline;color:#181458;}

.drug-info {font-weight:700;}
.steroids h2 {color:#181458;font-weight:700;}
.drug-info span {font-weight:500;}

.centered {text-align:center !important;}
.notice {padding-top:15px !important;padding-bottom:15px !important;}
.medicines .notice {font-weight:700;text-align:center;}

@media screen and (max-width:375px){
	.home-menu  {font-size:18px;}
	.home-menu li a  {background-position:5% center;}
}

.green-highlight {background-color:#84c705;padding:10px 10px 10px 10px!important;color:#fff;margin-bottom:20px;}
.red-text {color:#eb2524;}
.list-items {padding-left:20px;}
.list {list-style:disc outside none;display:list-item;padding-bottom:5px!important;}