html{ font-family: 'Alegreya Sans',Sans Serif; font-size: 1em; line-height: 0.9em; font-weight: normal; background-color: #E5E6E7;}
body{ margin: 0;}
#innerBody{ background-color: white; max-width: 1120px; margin: 0 auto;}
a{ text-decoration: none; color: inherit;}
article a{ font-weight: 800;}
#logo{ -webkit-flex-grow: 10; -ms-flex-grow: 10; -moz-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 340px; -webkit-flex-basis: 340px; flex-basis: 340px; padding: 0.2em;}
#logo > a > img{ max-width: 300px; width: 100%; padding: 5px;}
h1,.h1,h2,.h2,h3,.h3{ -webkit-column-break-after: avoid; -moz-column-break-after: avoid; column-break-after: avoid;}
#icons{ padding-top: 5px; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */ -ms-flex-order: 2; /* TWEENER - IE 10 */ -webkit-order: 2; /* NEW - Chrome */ order: 2;}
#googlesearch{ padding-top: 5px; padding-right: 5px; text-align: right; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 130px; -webkit-flex-basis: 130px; flex-basis: 130px;}
article{ padding: 0em; clear: both;}
#infobarcontainer, #midsection, #header-top-row, #header-second-row, #navigation, footer, section{ width: auto; max-width: auto; min-width: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -moz-flex-basis: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1;}
#topsection{ width: 100%; display: block;}
#navigation{ -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
#navigation ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; -moz-flex-basis: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; background-color: #00aeef;}
#navigation li{ border: 1px solid #00aeef; padding: 0.5em; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1em; line-height: 1.1em; color: white;}
#googlesearch input{ border: 1px solid #00aeef; padding: 0.3em; width: 90%; height: 30px; font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1em; line-height: 1.1em; color: #00aeef; margin-bottom: 5px;}
#infobarcontainer > div{ max-width: auto; border-bottom: 3px dotted #00aeef; margin-bottom: 1em; padding: 0.5em 1em; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%;}
#midsection > div{ max-width: auto; border-bottom: 3px dotted #00aeef; margin-bottom: 1em; padding: 0.5em 1em; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
#midsection > div > div{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
.infobar,section{ background-color: #8ed8f8; clear: both;}
.infobar div.section{ padding: 0.1em 0.5em; background-color: white; border-color: white; color: #00aeef; margin-left: 0.5em; margin-bottom: 0;}
footer{ background-color: #00aeef;}
.infobar > h3,.infobar > div > h3,section > div > h3{ color: white; display: block; font-size: 1.2em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
.infobar h3{ display: block; background-color: #00aeef; padding: 0.1em 0.5em; font-size: 0.9em !IMPORTANT; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; margin-right: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.2px; color: white; margin-top: 0;}
.infobar > div,section > div{ padding: 0em 1em 1em 1em;}
.infobar > div > div,section > div > div{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch;}
.infobar > div > div > a > span:nth-of-type(2),.infobar > div > div > span:nth-of-type(2),section > div > div > span:nth-of-type(2),section > div > div > a > span:nth-of-type(2) { text-align: right; font-size: 1em; line-height: 1em; font-weight: 800; color: black; padding-left: 10px; min-width: 30%; display: block;}
.infobar > div > div > span:nth-of-type(2) > span,section > div > div > span:nth-of-type(2) > span,section > div > div > a > span:nth-of-type(2) > span{ display: block;}
section > div { min-width: auto; max-width: auto; -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%;}
.infobar > div > div > span:only-of-type,section > div > div > span:only-of-type{ margin-top: 0.3em; text-align: left; font-size: 1em; line-height: 1em; font-weight: 400; color: rgb(87, 96, 100); }
footer > div > h3{ color: white; -moz-column-span: all; -webkit-column-span: all; column-span: all;}
footer > div{ padding: 1em;}
footer > div.multicolumn{ -webkit-column-count: 2; -webkit-column-gap : 1em; -webkit-column-rule-style: dotted; -webkit-column-rule-width: 1px; -webkit-column-rule-color: #abe1fa; /* Mozilla does not support span-all so it looks better with just one column */ -moz-column-count: 1; -moz-column-gap : 1em; -moz-column-rule-style: dotted; -moz-column-rule-width: 0px; -moz-column-rule-color: #abe1fa; column-count: 2; column-gap : 1em; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: #abe1fa;}
#urgent{ line-height: 0.8em; z-index: 400; background-color: #c7eafb; padding: 10px; opacity: 0.9;}
#urgenttext p{ width: 100%; height: auto; background-color: transparent; margin: 0; padding: 0; text-align: center; font-size: 0.8em; font-weight: bold; opacity: 1; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
#urgenttext strong{ color: #00aeef; }
footer > div > div{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch;}
footer > div > div > span:nth-of-type(2){ text-align: right; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; padding-left: 10px;}
#copyright{ margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.7em; color: #c9caca; text-align: center;}
footer > div { min-width: auto; max-width: auto; flex-basis: 20%; -webkit-flex-basis: 20%; -moz-flex-basis: 20%;}
footer > div > div > span:only-of-type{ margin-top: 0.3em; text-align: left; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; }
#infobarcontainer, #midsection{ margin-top: 6px;}
div.imageInMinorTitle img{ max-width: 100%; width: 100%;}
footer > div > ul{ display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
footer > div > ul >li{ list-style-type: none; text-align: left; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; padding: 0.2em 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
footer > div > ul > li:hover{ color: white;}
#flexMainHeadline{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 2px dotted #00aeef; min-width: 100%;}
#mainHeadline{ -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;}
#journeyoffaith > div > div > div > a,.otherHeadline a,#mainHeadline a{ display: block;}
#journeyoffaith > div > div > div > a,#journeyoffaith > div > div > div > a > img{ width: 100%;}
#mainSummary{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1.2em; line-height: 1.2em; color: #00aeef;}
#mainPicture{ -moz-flex-basis: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; text-align: center;}
#mainPicture img{ min-width: 100%; max-width: 1120px;}
div.articlePhoto{ max-width: 30%; float: right; margin-left: 2em; margin-bottom: 2em;}
div.articlePhoto img{ width: 100%;}
p.imageCaption{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1.5vw; line-height: 1.5vw; color: #00aeef; padding:1em;}
#otherTitles{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: space-between; -webkit-align-content: space-between; align-content: space-between; max-width: 100%; width: 100%; min-width: 100%;}
div.otherphoto{ -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 5; -ms-flex-shrink: 5; -moz-flex-shrink: 5; flex-shrink: 5;}
.otherPhoto{ max-width: 100%; width: 100%; display: block;}
div.otherHeadline{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.2em; line-height: 1.0em; color: black; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%; padding-bottom: 0.5em; margin: 0.0em; background-color: #e1f4fd; max-height: 25%; text-transform: capitalize;}
 .otherHeadline h2 { overflow: hidden; text-overflow: ellipsis; }
 .otherHeadline h2, .otherHeadline div.smallsummary { padding: 0 10px; }
 imageInMinorTitle > img{ width: auto; height: auto; max-width: 100%; max-height: 100%; display: block;}
tbody.contents > tr > td:nth-of-type(2){ text-align: center;}
.margin-top-1em{ margin-top: 1em;}
#infobarcontainer h3, #midsection h3{ display: block; font-size: 2em; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; line-height: 0.9em; margin-bottom: 0.3em; margin-top: 0.5em;}
#infobarcontainer > div > div > a > p,#infobarcontainer > div > div > p,#midsection >div > div > a > p,#midsection >div > div > p{ color: #5e5e5e;}
.smallsummary{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; color: #00aeef; font-size: 0.9em; line-height: 1em; font-weight: normal;}
h1, .h1{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; font-size: 4em; line-height: 0.9em; color: black; display: block; text-transform: capitalize; -webkit-margin-before: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-margin-after: 0; margin-top: 10px; margin-bottom: 15px;}
h2, .h2{ display: block; font-size: 2vw; line-height: 1.8vw; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 0.2em; margin-top: 0.3em;}
#parishCarousel { background-repeat: no-repeat; background-attachment: fixed; background-position: center; height: auto; max-width: 300px; max-height: 405px; width: 100%; overflow: hidden; display: inline; opacity: 1; visibility: visible;}
#CarouselDummyImg { opacity: 1; visibility: visible;}
.carouselImg { opacity: 0; visibility: hidden; display: none;}
div#parishCarousel > img{ width: 100%; height: auto;}
.fb-like{ margin-top:1em;}
.section{ display: inline-block; background-color: #00aeef; padding: 0.1em 0.5em; font-size: 0.9em; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; margin-right: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.2px; color: white;}
.sectionImgLabel{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; background-color: #00aeef; padding: 0.1em 0.8em; font-size: 0.6em; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 0px 12px 0px; -webkit-border-radius: 0px 0px 12px 0px; border-radius: 0px 0px 12px 0px; margin: 0; text-transform: uppercase; letter-spacing: 0.2px; color: white; }
.overtitle{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; text-transform: uppercase; font-size: 1em; line-height: 1em; margin: 0; color: black; display: block;}
.subtitle{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; font-size: 1.1em; line-height: 1.1em; margin: 0; color: #00aeef; display: block; margin-top: 0.4em; margin-bottom: 0.8em;}
.byline{ font-family: 'Alegreya Sans SC',Sans Serif; font-weight: 700; font-size: 1.0em; line-height: 1.3em; margin-bottom: 1em; color: black; display: inline-block; float: left; padding-bottom: 1em; margin-right: 1.5em; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #939598;}
.authortitle{ font-weight: 400; font-family: 'Alegreya Sans',Sans Serif; font-size: 0.8em; line-height: 1.2em; }
.author { display: inline-block;}
.authortitle{ display:block; font-family: 'Alegreya Sans',Sans Serif; }
.authoremail{ font-style: italic; font-size: 0.8em; line-height: 1.5em; font-weight: 400; display: block; font-variant: normal; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; }
.infobar{ border-bottom-width: 0px !IMPORTANT;}
.infobar > h3{ margin: 0 1em;}
h4{ display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; margin-top: 0em; margin-bottom: 0em;}
#infobarcontainer > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle),#midsection > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle){ margin-bottom: 1em; padding-bottom: 0em; border-bottom: 1px dotted #00aeef;}
.imageInMinorTitle{ position: relative;}
main{ padding: 1em;}
h5.more{ display: block; font-size: 1em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; clear: both; padding-bottom: 0.2em; margin-bottom: 1em; border-bottom: 1px dotted #00aeef; width: 100%;}
.morearticles{ font-style: italic; font-weight: bold; text-align: right; display: block; font-size: 0.8em; padding: 0.3em; color: #00aeef; text-align: right; }
.highlight{ padding: 1em; border-width: 2px; border-color: #00aeef; border-style: solid; margin: 1em 0; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.0em; line-height: 1.0em; }
p, .p{ font-family: 'Alegreya Sans',Sans Serif; font-size: 1em; line-height: 1.3em; font-weight: normal; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 1em;}
/* Admin console */ #admin_edit select { width: auto; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1; }
 #admin_edit textarea { font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 0.8em; width: 100%; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1; resize: vertical; height: 40em; }
#section{ text-transform: capitalize;}
#calendarSelectForm input[type="date"]{ align-items: center; overflow: hidden; padding: 0px; -webkit-padding-start: 1px; font-size: 1em; font-weight: bold; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; background-color: #abe1fa; border: 1px solid #00aeef;}
input[type="button"]{ margin: 1em 0; font-size: 1em; font-weight: bold; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; background-color: #abe1fa; border: 1px solid #00aeef;}
#admin_edit input{ width: 100%; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1;}
#admin_edit input[type="checkbox"]{ display: inline-block; width: auto; text-align: left;}
#admin_edit input[type="submit"]{ width: auto; display: block; margin-bottom: 1em; background-color: #99cbf1; text-align: right;}
#admin_edit label{ font-size: 0.7em; font-weight: bold;}
#admin_edit label.mandatory{ font-size: 0.7em; font-weight: bold; color: red;}
.admin{ display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
.admin li{ padding: 0.5em; border: 1px solid #00aeef; background-color: #e1f4fd; font-weight: bold; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; margin:0.5em;}
h3.admin{ margin-top: 1em; margin-bottom: 0.8em; padding-top: 1em; border-top: 3px solid #00aeef;}
h3.admin:first-of-type{ margin-top: 1em; padding-top: 1em; border-top: 0px solid #00aeef;}
.admin li:hover{ background-color: #00aeef; color: white;}
#facebook_details{ display: none;}
#precana_registration input[type='checkbox'],#subscribenewsletter input[type='checkbox'],#registration input[type='checkbox'],#ff_registration input[type='checkbox']{ margin-left: 0; padding-left: 0;}
#precana_registration input[type='checkbox'] ~ label,#subscribenewsletter input[type='checkbox'] ~ label,#registration input[type='checkbox'] ~ label,#ff_registration input[type='checkbox'] ~ label{ display: inline-block;}
#precana_registration > label,#subscribenewsletter > label,#collectionentry > label,#registration > label,#ff_registration > label,#ff_payment > label{ display: block; padding-top: 0.4em;}
#precana_registration select,#precana_registration input,#subscribenewsletter select,#subscribenewsletter input,#collectionentry select,#collectionentry input,#registration input,#registration select,#ff_registration input,#ff_payment input,#ff_payment select{ color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; width: 100%; height: 1.1em; font-size: 1.1em; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
#registration select{ padding: 1px; height: 1.3em; font-size: 1.5em;}
#precana_registration input[type="number"], #collectionentry input[type="number"],#registration input[type="number"],#ff_registration input[type="number"]{ width: 100px; display: inline-block; text-align:right; padding: 1px; height: 1.3em; font-size: 1.5em;}
#precana_registration fieldset,#collectionentry fieldset,#registration fieldset,#ff_registration fieldset,#ff_payment fieldset{ display: block; margin-bottom:2em; border: 2px solid #00aeef; background-color: #e1f4fd; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0; -webkit-padding-after: 0em; min-width: -webkit-min-content; padding: 1em 1.5em 1em 1em; margin: 1em 0;}
#precana_registration legend,#collectionentry legend,#registration legend,#ff_registration legend,#ff_payment legend{ font-weight: 800; color: #00aeef; padding: 0.2em 0.4em 0.1em 0.4em; border: 2px solid #00aeef; background-color: white;}
#subscribenewsletter input[type='submit'],#registration input[type='submit'],#ff_registration input[type='submit']{ width: 100%; font-weight: 800; height: 2em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 0.3; cursor: 'not-allowed';}
#collectionentry input[type='submit'],#ff_payment input[type='submit']{ width: 100%; font-weight: 800; height: 2em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 1; cursor: 'not-allowed';}
#precana_registration input[type='radio'],#precana_registration input[type='checkbox'],#registration input[type='radio'],#registration input[type='checkbox'],#ff_registration input[type='radio'],#ff_registration input[type='checkbox']{ display: inline-block; width: 1em; height: 1em; background-color:#c7eafb;}
#registration input[type=range],#ff_registration input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */}
#registration input[type=range]::-webkit-slider-thumb,#ff_registration input[type=range]::-webkit-slider-thumb { -webkit-appearance: none;}
#registration input[type=range]:focus,#ff_registration input[type=range]:focus { outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */}
#registration input[type=range]::-ms-track,#ff_registration input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; /* Hides the slider so custom styles can be added */ border-color: transparent; color: transparent;}
#registration input[type=range],#ff_registration input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 100%; border: 0; background-color: transparent;}
#registration input[type=range]:focus,#ff_registration input[type=range]:focus { outline: none;}
#registration input[type=range]::-webkit-slider-runnable-track,#ff_registration input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #00aeef; border-radius: 1.3px; border: 0.2px solid #010101;}
#registration input[type=range]::-webkit-slider-thumb,#ff_registration input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -14px;}
#registration input[type=range]:focus::-webkit-slider-runnable-track,#ff_registration input[type=range]:focus::-webkit-slider-runnable-track { background: #00aeef;}
#registration input[type=range]::-moz-range-track,#ff_registration input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #00aeef; border-radius: 1.3px; border: 0.2px solid #010101;}
#registration input[type=range]::-moz-range-thumb,#ff_registration input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;}
#registration input[type=range]::-ms-track,#ff_registration input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: #2a6495; border-color: #00aeef; border-width: 16px 0; color: transparent;}
#registration input[type=range]::-ms-fill-lower,#ff_registration input[type=range]::-ms-fill-lower { background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
#registration input[type=range]::-ms-fill-upper,#ff_registration input[type=range]::-ms-fill-upper { background: #00aeef; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
#registration input[type=range]::-ms-thumb,#ff_registration input[type=range]::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;}
#registration input[type=range]:focus::-ms-fill-lower,#ff_registration input[type=range]:focus::-ms-fill-lower { background: #c7eafb;}
#registration input[type=range]:focus::-ms-fill-upper,#ff_registration input[type=range]:focus::-ms-fill-upper { background: #00aeef;}
div.centerButton input.startButton{ width: 100%; font-weight: 800; height: 2em !IMPORTANT; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 1.0; cursor: pointer; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; width: 100%; font-size: 1.1em; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
table{ width: 100%; margin: 1em 0;}
th, td{ padding:3px; text-align: center;}
tr:nth-of-type(odd){ background-color: #e1f4fd;}
tr:nth-of-type(even){ background-color: #8ed8f8;}
th{ background-color: #00aeef;}
h3{ display: block; font-size: 1.17em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; margin-bottom: 1em;}
.all-articles{ max-width: 45% !IMPORTANT;}
.article-highlight{ padding: 1em; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.0em;}
 .minorTitleNoImageSeparation:not(:last-of-type){ border-bottom: 2px dotted grey; padding-bottom: 1em; margin-bottom: 1em;}
h5{ display: block; font-size: 0.83em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
.error{ border: 2px solid red; padding: 1em; background-color: rgb(255, 174, 159); font-weight: bold; margin: 1em 0;}
video { width: 100% !important; height: auto !important;}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;	margin-top: 2em;	margin-bottom: 2em;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
#SearchResults{ padding: 0 1em;}
.GoogleSearchresultsTitle > b{ color: #00aeef; font-variation: italic;}
.googleResultTitle{ color: #00aeef; font-size: 1em; font-weight: bold;}
.googleResultLink{ color: black; font-weight: normal; display: block; font-size: 0.8em;}
#splash{ display: none; width: 100%; height: 100%; position: fixed; line-height: 1em; top: 0px; left: 0px; z-index: 400; background-color: white; margin: 0 auto; padding: 10% 0; opacity: 0.9;}
#splashtext{ width: 98vw; height: 100%; position: fixed; line-height: 1em; top: 0px; left: 0px; z-index: 410; background-color: transparent; margin: 0 auto; padding: 1vw; text-align: center; font-size: 1em; font-weight: bold; opacity: 1;}
@media only screen and (device-width: 768px) { #mainPicture { min-height: 491px; }
 #mainHeadline { min-height: 102px; }
}


@media screen and (max-width:695px) { #googlesearch input { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 #search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
 #googlesearch { text-align: center; }
}

@media screen and (max-width:350px) { #googlesearch { padding-top: 5px; padding-right: 0px; text-align: center; }
}

@media screen and (max-width:1300px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%; }
}

@media screen and (max-width:1300px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; }
}

@media screen and (max-width:900px) { section > div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; }
}

@media screen and (max-width:700px) { section div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; }
 #navigation li { border: 0px solid #00aeef; padding:0.5em 1em; }
}

.superfront {  position: sticky; top: 0;    left: 0;    height: auto;    width: 100vw;    z-index: 720;    display: block; }

@media screen and (max-width:400px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 section div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
}

@media screen and (max-width:1200px) { #mainHeadline { -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; margin-bottom: 0px; }
}

@media screen and (max-width:1000px) { #mainHeadline { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 20px; }
 #mainPicture { text-align: center; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; min-width: 100%; max-width: 100%; }
 #flexMainHeadline { -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto; }
 #mainPicture img { margin: 0.5em auto 0.5em auto; min-width: 100%; max-width: 100%; }
}

@media screen and (max-width:600px) { div.articlePhoto { width: 100%; float: none; display: block; margin-left: 0em; margin-top: 1em; margin-bottom: 1em; }
}

@media screen and (max-width:695px) { #infobarcontainer h3, #midsection h3 { padding-top: 0.5em; }
 #googlesearch { padding-right: 0px; }
 #googlesearch input { width: 100%; }
}

@media screen and (max-width:600px) {#logo{ text-align: left;}
.infobar h3{ padding-top: 1em;}
div.articlePhoto{ float: none; max-width: 100%; display: block; text-align: center;}
 #infobarcontainer > div, #midsection > div { padding: 5px; max-width: auto; min-width: auto%; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 div.otherHeadline { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; border-bottom: 1px dotted #00aeef ; }
 .otherPhoto { width: 100%; max-width: 100%; display: inline-block; }
 .smallsummary { display: inline-block; width: 90%; padding-left: 5%; vertical-align:top; font-size: 3vw; line-height: 2.8vw; }
}

@media screen and (max-width:600px) { h2, .h2 { font-size: 7vw; line-height: 7vw; }
 .smallsummary { font-size: 3.3vw; line-height: 3.5vw; }
 #mainSummary { font-size: 4vw; line-height: 4vw; }
}

@media screen and (max-width:600px) {#navigation > ul,#mainHeadline,#flexMainHeadline{ padding-left: 0em; padding-right: 0em; -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto;}
#icons{ padding-left: 1em; padding-right: 1em; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
#navigation, #navigation > ul{ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-align-content: center; -webkit-align-content: center; align-content: center;}
 .infobar, #midsection > .archdiocese, #midsection > .parish, #midsection > .church { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
}

@media screen and (max-width:500px) { main { padding: 0 1em; }
#logo{ text-align: center;}
 #navigation > ul { -ms-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
 #navigation > ul > li { border-bottom: 1px solid white; width: 100%; text-align: center; padding: 0.5em 0em; }
 #googlesearch input { text-align:center; }
}

.bookshelf, .biogallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
div.book, div.bio{ margin-bottom: 20px; -moz-flex-basis: 45%; -webkit-flex-basis: 45%; flex-basis: 45%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
div.bookshelf div.book div, div.biogallery div.bio div{ display: inline-block; width: 45%;}
div.bookshelf div.book div img { display: inline-block; max-width: 200px; padding-right: 5px;}
div.biogallery div.bio div img { display: inline-block; max-width: 162px; padding-right: 5px;}
div.biogallery div.bio div span:nth-of-type(1){ font-size: 1.2em; display: block; color: black; margin-bottom: 5px; font-weight: bold;}
div.biogallery div.bio div span:nth-of-type(2){ font-size: 1em; display: block; color: #00aeef; margin-bottom: 0px;}
div.biogallery div.bio div span:nth-of-type(3){ -moz-align-items: center; -webkit-align-items: center; align-items: center;}
div.biogallery div.bio div span:last-of-type{ font-size: 0.8em;	 display: block;	 color: grey;}

@media screen and (max-width: 900px){ div.biogallery div.bio div { display: inline-block; width: 45%; }
 div.bio { margin-bottom: 20px; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
}

@media screen and (max-width: 525px){ div.biogallery div.bio { }
 div.biogallery div.bio div { display: inline-block; width: 100%; max-width: 200px; margin: 0 auto; }
}
#subscribenewsletter select,#subscribenewsletter input{ color: white; background-color: #f79521; border: 1px solid #FFC988; width: calc(100% - 0.6em - 2px);}
#subscribenewsletter ::-webkit-input-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter :-moz-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter ::-moz-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter :-ms-input-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter input[type='submit']{ opacity: 1; cursor: 'pointer';}
#replynewsletter{ font-weight: bold; padding: 0 0 0 0; font-size: 1em;}
.splashpage{ padding-left: 0; padding-right: 0; padding-top:0;}
.undersplashmargin{ padding-top: 1em; padding-left: 1em; padding-right: 1em;}
.splashpageimage{ width: 100%;}
.splashpageimage img{ width: 100%; max-width: 100%;}
.clearboth{ clear: both;}
.facebook-wrapper{ margin: 1em 0;}
.center{ margin: 1em 0; text-align: center;}
#contactus fieldset{ display: block; margin-bottom:2em; border: 2px solid #f79521; background-color: #ffc073; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0; -webkit-padding-after: 0em; min-width: -webkit-min-content; padding: 1em 1.5em 1em 1em; margin: 1em 0;}
#contactus legend{ font-weight: 800; color: #f79521; padding: 0.2em 0.4em 0.1em 0.4em; border: 2px solid #f79521; background-color: white;}
#contactus textarea{ color: #f79521; width: 100%; height: 6.1em; font-size: 1.1em; color: #f79521; background-color: #FFE8CC; border: 1px solid #f79521; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
#contactus input[type='submit']{ width: 100%; font-weight: 800; height: 2em; color: black; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 1;}
#contactus input[type='checkbox']{ display: inline-block; width: 1em; height: 1em; background-color:#ffc073;}
#contactus input,#contactus select{ color: #f79521; width: 100%; height: 1.1em; font-size: 1.1em; color: #f79521; background-color: #FFE8CC; border: 1px solid #f79521; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
.svg-social-icons{ width: 30px; height: 30px; margin-right: 10px;}
/* live hack */#mainPicture img { max-width: 600px;}
html{ font-family: 'Alegreya Sans',Sans Serif; font-size: 1em; line-height: 0.9em; font-weight: normal; background-color: #E5E6E7;}
body{ margin: 0;}
/* color palette #00aeef Parish (Cyan blue) #146526 Church Green #0060a9 Archdiocese Blue*/#innerBody{ background-color: white; max-width: 1120px; margin: 0 auto;}
a{ text-decoration: none; color: inherit;}
article a{ font-weight: 800;}
#logo{ -webkit-flex-grow: 10; -ms-flex-grow: 10; -moz-flex-grow: 10; flex-grow: 10; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 340px; -webkit-flex-basis: 340px; flex-basis: 340px; padding: 0.2em;}
#logo > a > img{ max-width: 300px; width: 100%; padding: 5px;}
h1,.h1,h2,.h2,h3,.h3{ -webkit-column-break-after: avoid; -moz-column-break-after: avoid; column-break-after: avoid;}
#icons{ padding-top: 5px; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */ -ms-flex-order: 2; /* TWEENER - IE 10 */ -webkit-order: 2; /* NEW - Chrome */ order: 2;}
#googlesearch{ padding-top: 5px; padding-right: 5px; text-align: right; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 130px; -webkit-flex-basis: 130px; flex-basis: 130px;}
article{ padding: 0em; clear: both; margin-bottom: 30px;}
#infobarcontainer, #midsection, #header-top-row, #header-second-row, #navigation, footer, section{ width: auto; max-width: auto; min-width: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -moz-flex-basis: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1;}
#topsection{ width: 100%; display: block;}
#navigation{ -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
#navigation ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; -moz-flex-basis: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; background-color: #00aeef;}
#navigation li{ border: 1px solid #00aeef; padding: 0.5em; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1em; line-height: 1.1em; color: white;}
#googlesearch input{ border: 1px solid #00aeef; padding: 0.3em; width: 90%; height: 30px; font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1em; line-height: 1.1em; color: #00aeef; margin-bottom: 5px;}
#infobarcontainer > div{ max-width: auto; border-bottom: 3px dotted #00aeef; margin-bottom: 1em; padding: 0.5em 1em; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%;}
#midsection > div{ max-width: auto; border-bottom: 3px dotted #00aeef; margin-bottom: 1em; padding: 0.5em 1em; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
#midsection > div > div{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
.infobar,section{ background-color: #8ed8f8; clear: both;}
.infobar div.section{ padding: 0.1em 0.5em; background-color: white; border-color: white; color: #00aeef; margin-left: 0.5em; margin-bottom: 0;}
footer{ background-color: #00aeef;}
.infobar > h3,.infobar > div > h3,section > div > h3{ color: white; display: block; font-size: 1.2em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
.infobar h3{ display: block; background-color: #00aeef; padding: 0.1em 0.5em; font-size: 0.9em !IMPORTANT; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; margin-right: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.2px; color: white; margin-top: 0;}
.infobar > div,section > div{ padding: 0em 1em 1em 1em;}
.infobar > div > div,section > div > div{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch;}
.infobar > div > div > a > span:nth-of-type(2),.infobar > div > div > span:nth-of-type(2),section > div > div > span:nth-of-type(2),section > div > div > a > span:nth-of-type(2) { text-align: right; font-size: 1em; line-height: 1em; font-weight: 800; color: black; padding-left: 10px; min-width: 30%; display: block;}
.infobar > div > div > span:nth-of-type(2) > span,section > div > div > span:nth-of-type(2) > span,section > div > div > a > span:nth-of-type(2) > span{ display: block;}
section > div { min-width: auto; max-width: auto; -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%;}
.infobar > div > div > span:only-of-type,section > div > div > span:only-of-type{ margin-top: 0.3em; text-align: left; font-size: 1em; line-height: 1em; font-weight: 400; color: rgb(87, 96, 100); }
footer > div > h3{ color: white; -moz-column-span: all; -webkit-column-span: all; column-span: all;}
footer > div{ padding: 1em;}
footer > div.multicolumn{ -webkit-column-count: 2; -webkit-column-gap : 1em; -webkit-column-rule-style: dotted; -webkit-column-rule-width: 1px; -webkit-column-rule-color: #abe1fa; /* Mozilla does not support span-all so it looks better with just one column */ -moz-column-count: 1; -moz-column-gap : 1em; -moz-column-rule-style: dotted; -moz-column-rule-width: 0px; -moz-column-rule-color: #abe1fa; column-count: 2; column-gap : 1em; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: #abe1fa;}
#urgent{ line-height: 0.8em; z-index: 400; background-color: #c7eafb; padding: 10px; opacity: 0.9;}
#urgenttext p{ width: 100%; height: auto; background-color: transparent; margin: 0; padding: 0; text-align: center; font-size: 0.8em; font-weight: bold; opacity: 1; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
#urgenttext strong{ color: #00aeef; }
footer > div > div{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch;}
footer > div > div > span:nth-of-type(2){ text-align: right; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; padding-left: 10px;}
#copyright{ margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.7em; color: #c9caca; text-align: center;}
footer > div { min-width: auto; max-width: auto; flex-basis: 20%; -webkit-flex-basis: 20%; -moz-flex-basis: 20%;}
footer > div > div > span:only-of-type{ margin-top: 0.3em; text-align: left; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; }
#infobarcontainer, #midsection{ margin-top: 6px;}
div.imageInMinorTitle img{ max-width: 100%; width: 100%;}
footer > div > ul{ display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
footer > div > ul >li{ list-style-type: none; text-align: left; font-size: 1em; line-height: 1em; font-weight: 800; color: #abe1fa; padding: 0.2em 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
footer > div > ul > li:hover{ color: white;}
#flexMainHeadline{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 2px dotted #00aeef; min-width: 100%;}
#mainHeadline{ -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em;}
#journeyoffaith > div > div > div > a,.otherHeadline a,#mainHeadline a{ display: block;}
#journeyoffaith > div > div > div > a,#journeyoffaith > div > div > div > a > img{ width: 100%;}
#mainSummary{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1.2em; line-height: 1.2em; color: #00aeef;}
#mainPicture{ -moz-flex-basis: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; text-align: center;}
#mainPicture img{ min-width: 100%; max-width: 1120px;}
div.articlePhoto{ max-width: 30%; float: right; margin-left: 2em; margin-bottom: 2em;}
div.articlePhoto img{ width: 100%;}
p.imageCaption{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 1.5vw; line-height: 1.5vw; color: #00aeef; padding:1em;}
#otherTitles{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: space-between; -webkit-align-content: space-between; align-content: space-between; max-width: 100%; width: 100%; min-width: 100%;}
div.otherphoto{ -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 5; -ms-flex-shrink: 5; -moz-flex-shrink: 5; flex-shrink: 5;}
.otherPhoto{ max-width: 100%; width: 100%; display: block;}
div.otherHeadline{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.2em; line-height: 1.0em; color: black; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%; padding-bottom: 0.5em; margin: 0.0em; background-color: #e1f4fd; max-height: 25%; text-transform: capitalize;}
 .otherHeadline h2 { overflow: hidden; text-overflow: ellipsis; }
 .otherHeadline h2, .otherHeadline div.smallsummary { padding: 0 10px; }
 imageInMinorTitle > img{ width: auto; height: auto; max-width: 100%; max-height: 100%; display: block;}
tbody.contents > tr > td:nth-of-type(2){ text-align: center;}
.margin-top-1em{ margin-top: 1em;}
#infobarcontainer h3, #midsection h3{ display: block; font-size: 2em; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; line-height: 0.9em; margin-bottom: 0.3em; margin-top: 0.5em;}
#infobarcontainer > div > div > a > p,#infobarcontainer > div > div > p,#midsection >div > div > a > p,#midsection >div > div > p{ color: #5e5e5e;}
.smallsummary{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; color: #00aeef; font-size: 0.9em; line-height: 1em; font-weight: normal;}
h1, .h1{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; font-size: 4em; line-height: 0.9em; color: black; display: block; text-transform: capitalize; -webkit-margin-before: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-margin-after: 0; margin-top: 10px; margin-bottom: 15px;}
h2, .h2{ display: block; font-size: 2vw; line-height: 1.8vw; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 0.2em; margin-top: 0.3em;}
#parishCarousel { background-repeat: no-repeat; background-attachment: fixed; background-position: center; height: auto; max-width: 300px; max-height: 405px; width: 100%; overflow: hidden; display: inline; opacity: 1; visibility: visible;}
#CarouselDummyImg { opacity: 1; visibility: visible;}
.carouselImg { opacity: 0; visibility: hidden; display: none;}
div#parishCarousel > img{ width: 100%; height: auto;}
.fb-like{ margin-top:1em;}
.section{ display: inline-block; background-color: #00aeef; padding: 0.1em 0.5em; font-size: 0.9em; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; margin-right: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.2px; color: white;}
.sectionImgLabel{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; background-color: #00aeef; padding: 0.1em 0.8em; font-size: 0.6em; font-weight: 900; color: white; border: 4px solid #00aeef; -moz-border-radius: 0px 0px 12px 0px; -webkit-border-radius: 0px 0px 12px 0px; border-radius: 0px 0px 12px 0px; margin: 0; text-transform: uppercase; letter-spacing: 0.2px; color: white; }
.overtitle{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; text-transform: uppercase; font-size: 1em; line-height: 1em; margin: 0; color: black; display: block;}
.subtitle{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; font-size: 1.1em; line-height: 1.1em; margin: 0; color: #00aeef; display: block; margin-top: 0.4em; margin-bottom: 0.8em;}
.byline{ font-family: 'Alegreya Sans SC',Sans Serif; font-weight: 700; font-size: 1.0em; line-height: 1.3em; margin-bottom: 1em; color: black; display: inline-block; float: left; padding-bottom: 1em; margin-right: 1.5em; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #939598;}
.authortitle{ font-weight: 400; font-family: 'Alegreya Sans',Sans Serif; font-size: 0.8em; line-height: 1.2em; }
.author { display: inline-block;}
.authortitle{ display:block; font-family: 'Alegreya Sans',Sans Serif; }
.authoremail{ font-style: italic; font-size: 0.8em; line-height: 1.5em; font-weight: 400; display: block; font-variant: normal; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; }
.infobar{ border-bottom-width: 0px !IMPORTANT;}
.infobar > h3{ margin: 0 1em;}
h4{ display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; margin-top: 0em; margin-bottom: 0em;}
#infobarcontainer > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle),#midsection > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle){ margin-bottom: 1em; padding-bottom: 0em; border-bottom: 1px dotted #00aeef;}
.imageInMinorTitle{ position: relative;}
main{ padding: 1em;}
h5.more{ display: block; font-size: 1em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; clear: both; padding-bottom: 0.2em; margin-bottom: 1em; border-bottom: 1px dotted #00aeef; width: 100%;}
.morearticles{ font-style: italic; font-weight: bold; text-align: right; display: block; font-size: 0.8em; padding: 0.3em; color: #00aeef; text-align: right; }
.highlight{ padding: 1em; border-width: 2px; border-color: #00aeef; border-style: solid; margin: 1em 0; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.0em; line-height: 1.0em; }
p, .p{ font-family: 'Alegreya Sans',Sans Serif; font-size: 1em; line-height: 1.3em; font-weight: normal; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 1em;}
.moreReadings{ display: inline-block; background-color: #00aeef; padding: 0.1em 0.5em; font-size: 0.9em; font-weight: 900; color: black; border: 4px solid #00aeef;; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; margin-right: 0.2em; margin-bottom: 1em;}
.calendarDate{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 800; font-size: 1.3em; line-height: 1.0em; display: block; margin-top: 0.4em; margin-bottom: 0.4em; color: black; border-bottom: 1px dotted #cad3d7; background-color: transparent;}
.massreadings { font-size: 0.8em; margin-top: -0.4em; margin-bottom: 0.4em; margin-right: 5px; color: grey; font-weight: bold; background-color: rgb(240, 240, 240); -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius: 0px 10px 10px 10px; display: inline-block; padding: 5px 10px; }
 .fullcalendar, .linkbutton { font-size: 0.8em; margin-bottom: 0.4em; margin-left: 15px; color: white; font-weight: bold; background-color: #00aeef; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius: 0px 10px 10px 10px; display: inline-block; padding: 5px 10px; vertical-align: middle; }
.allDayCalendarItem{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 0.7vw; line-height: 0.6vw; margin: 0; display: block; margin-top: 0.2em; margin-bottom: 0.3em; vertical-align: top; color: rgb(87, 96, 100); }
.allDayCalendarItem > i{ color: white;}
.calendarItem{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
.calendarEvent{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 0.9em; line-height: 0.9em; margin: 0; margin-top: 0.3em; margin-bottom: 0em; -moz-flex-basis: 60%; -webkit-flex-basis: 60%; flex-basis: 60%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.calendarTime{ font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1em; line-height: 1em; margin: 0; margin-top: 0.2em; margin-bottom: 0em; color: #00aeef; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; padding-right: 3px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
/* Admin console */ #admin_edit select { width: auto; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1; }
 #admin_edit textarea { font-family: 'Alegreya Sans',Sans Serif; font-weight: 400; font-size: 0.8em; width: 100%; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1; resize: vertical; height: 40em; }
#section{ text-transform: capitalize;}
#calendarSelectForm input[type="date"]{ align-items: center; overflow: hidden; padding: 0px; -webkit-padding-start: 1px; font-size: 1em; font-weight: bold; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; background-color: #abe1fa; border: 1px solid #00aeef;}
input[type="button"]{ margin: 1em 0; font-size: 1em; font-weight: bold; color: #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; background-color: #abe1fa; border: 1px solid #00aeef;}
#admin_edit input{ width: 100%; display: block; margin-bottom: 1em; background-color: white; border: 1px solid #99cbf1;}
#admin_edit input[type="checkbox"]{ display: inline-block; width: auto; text-align: left;}
#admin_edit input[type="submit"]{ width: auto; display: block; margin-bottom: 1em; background-color: #99cbf1; text-align: right;}
#admin_edit label{ font-size: 0.7em; font-weight: bold;}
#admin_edit label.mandatory{ font-size: 0.7em; font-weight: bold; color: red;}
.log{ font-family: 'Courier New', Courier, 'Lucida Console', Monaco, monospace; font-size: 0.9em; padding:1em; border: 1px solid #00aeef; background-color: #e1f4fd; margin: 1em 0;}
.admin{ display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
.admin li{ padding: 0.5em; border: 1px solid #00aeef; background-color: #e1f4fd; font-weight: bold; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; margin:0.5em;}
h3.admin{ margin-top: 1em; margin-bottom: 0.8em; padding-top: 1em; border-top: 3px solid #00aeef;}
h3.admin:first-of-type{ margin-top: 1em; padding-top: 1em; border-top: 0px solid #00aeef;}
.admin li:hover{ background-color: #00aeef; color: white;}
#facebook_details{ display: none;}
#precana_registration input[type='checkbox'],#subscribenewsletter input[type='checkbox'],#registration input[type='checkbox'],#ff_registration input[type='checkbox']{ margin-left: 0; padding-left: 0;}
#precana_registration input[type='checkbox'] ~ label,#subscribenewsletter input[type='checkbox'] ~ label,#registration input[type='checkbox'] ~ label,#ff_registration input[type='checkbox'] ~ label{ display: inline-block;}
#precana_registration > label,#subscribenewsletter > label,#collectionentry > label,#registration > label,#ff_registration > label,#ff_payment > label{ display: block; padding-top: 0.4em;}
#precana_registration select,#precana_registration input,#subscribenewsletter select,#subscribenewsletter input,#collectionentry select,#collectionentry input,#registration input,#registration select,#ff_registration input,#ff_payment input,#ff_payment select{ color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; width: 100%; height: 1.1em; font-size: 1.1em; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
#registration select{ padding: 1px; height: 1.3em; font-size: 1.5em;}
#precana_registration fieldset,#collectionentry fieldset,#registration fieldset,#ff_registration fieldset,#ff_payment fieldset{ display: block; margin-bottom:2em; border: 2px solid #00aeef; background-color: #e1f4fd; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0; -webkit-padding-after: 0em; min-width: -webkit-min-content; padding: 1em 1.5em 1em 1em; margin: 1em 0;}
#precana_registration legend,#collectionentry legend,#registration legend,#ff_registration legend,#ff_payment legend{ font-weight: 800; color: #00aeef; padding: 0.2em 0.4em 0.1em 0.4em; border: 2px solid #00aeef; background-color: white;}
#subscribenewsletter input[type='submit'],#registration input[type='submit'],#ff_registration input[type='submit']{ width: 100%; font-weight: 800; height: 2em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 0.3; cursor: 'not-allowed';}
div.centerButton input.startButton{ width: 100%; font-weight: 800; height: 2em !IMPORTANT; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; opacity: 1.0; cursor: pointer; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; width: 100%; font-size: 1.1em; color: #00aeef; background-color: #c7eafb; border: 1px solid #00aeef; font-family: 'Alegreya Sans',Sans Serif; padding: 0.3em; margin-bottom: 0.5em;}
table{ width: 100%; margin: 1em 0;}
th, td{ padding:3px; text-align: center;}
tr:nth-of-type(odd){ background-color: #e1f4fd;}
tr:nth-of-type(even){ background-color: #8ed8f8;}
th{ background-color: #00aeef;}
h3{ display: block; font-size: 1.17em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; margin-bottom: 1em;}
.all-articles{ max-width: 45% !IMPORTANT;}
.article-highlight{ padding: 1em; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; font-size: 1.0em;}
 .minorTitleNoImageSeparation:not(:last-of-type){ border-bottom: 2px dotted grey; padding-bottom: 1em; margin-bottom: 1em;}
h5{ display: block; font-size: 0.83em; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
.error{ border: 2px solid red; padding: 1em; background-color: rgb(255, 174, 159); font-weight: bold; margin: 1em 0;}
video { width: 100% !important; height: auto !important;}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;	margin-top: 2em;	margin-bottom: 2em;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
#SearchResults{ padding: 0 1em;}
.GoogleSearchresultsTitle > b{ color: #00aeef; font-variation: italic;}
.googleResultTitle{ color: #00aeef; font-size: 1em; font-weight: bold;}
.googleResultLink{ color: black; font-weight: normal; display: block; font-size: 0.8em;}

@media only screen and (device-width: 768px) { #mainPicture { min-height: 491px; }
 #mainHeadline { min-height: 102px; }
}
#splash{ display: none; width: 100%; height: 100%; position: fixed; line-height: 1em; top: 0px; left: 0px; z-index: 400; background-color: white; margin: 0 auto; padding: 10% 0; opacity: 0.9;}
#splashtext{ width: 98vw; height: 100%; position: fixed; line-height: 1em; top: 0px; left: 0px; z-index: 410; background-color: transparent; margin: 0 auto; padding: 1vw; text-align: center; font-size: 1em; font-weight: bold; opacity: 1;}

@media screen and (max-width:695px) { #googlesearch input { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 #search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
 #googlesearch { text-align: center; }
}

@media screen and (max-width:350px) { #googlesearch { padding-top: 5px; padding-right: 0px; text-align: center; }
 #bulletin { text-align: center; }
}

@media screen and (max-width:1300px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%; }
}

@media screen and (max-width:1300px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; }
}

@media screen and (max-width:900px) { section > div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; }
}

@media screen and (max-width:700px) { section div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%; }
 #navigation li { border: 0px solid #00aeef; padding:0.5em 1em; }
}

@media screen and (max-width:400px) { #infobarcontainer > div, #midsection > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 section div, footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
}

@media screen and (max-width:1200px) { #mainHeadline { -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; margin-bottom: 0px; }
}

@media screen and (max-width:1000px) { #mainHeadline { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 20px; }
 #mainPicture { text-align: center; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; min-width: 100%; max-width: 100%; }
 #flexMainHeadline { -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto; }
 #mainPicture img { margin: 0.5em auto 0.5em auto; min-width: 100%; max-width: 100%; }
}

@media screen and (max-width:600px) { div.articlePhoto { width: 100%; float: none; display: block; margin-left: 0em; margin-top: 1em; margin-bottom: 1em; }
}

@media screen and (max-width:695px) { #infobarcontainer h3, #midsection h3 { padding-top: 0.5em; }
 #googlesearch { padding-right: 0px; }
 #googlesearch input { width: 100%; }
}

@media screen and (max-width:600px) {#logo{ text-align: left;}
.infobar h3{ padding-top: 1em;}
div.articlePhoto{ float: none; max-width: 100%; display: block; text-align: center;}
 #infobarcontainer > div, #midsection > div { padding: 5px; max-width: auto; min-width: auto%; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 footer > div { max-width: auto; min-width: auto; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 div.otherHeadline { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; border-bottom: 1px dotted #00aeef ; }
 .otherPhoto { width: 100%; max-width: 100%; display: inline-block; }
 .smallsummary { display: inline-block; width: 90%; padding-left: 5%; vertical-align:top; font-size: 3vw; line-height: 2.8vw; }
}

@media screen and (max-width:600px) { h2, .h2 { font-size: 7vw; line-height: 7vw; }
 .smallsummary { font-size: 3.3vw; line-height: 3.5vw; }
 #mainSummary { font-size: 4vw; line-height: 4vw; }
}

@media screen and (max-width:600px) {#navigation > ul,#mainHeadline,#flexMainHeadline{ padding-left: 0em; padding-right: 0em; -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto;}
#icons{ padding-left: 1em; padding-right: 1em; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
#navigation, #navigation > ul{ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-align-content: center; -webkit-align-content: center; align-content: center;}
 .infobar, #midsection > .archdiocese, #midsection > .parish, #midsection > .church { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
}

@media screen and (max-width:500px) { main { padding: 0 1em; }
#logo{ text-align: center;}
 #navigation > ul { -ms-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
 #navigation > ul > li { border-bottom: 1px solid white; width: 100%; text-align: center; padding: 0.5em 0em; }
 #googlesearch input { text-align:center; }
}

#subscribenewsletter select,#subscribenewsletter input{ color: white; background-color: #f79521; border: 1px solid #FFC988; width: calc(100% - 0.6em - 2px);}
#subscribenewsletter ::-webkit-input-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter :-moz-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter ::-moz-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter :-ms-input-placeholder { color: white; opacity: 0.5;}
#subscribenewsletter input[type='submit']{ opacity: 1; cursor: 'pointer';}
#replynewsletter{ font-weight: bold; padding: 0 0 0 0; font-size: 1em;}
.splashpage{ padding-left: 0; padding-right: 0; padding-top:0;}
.undersplashmargin{ padding-top: 1em; padding-left: 1em; padding-right: 1em; text-align: center;}
.splashpageimage{ width: 100%;}
.splashpageimage img{ width: 100%; max-width: 100%;}
.clearboth{ clear: both;}
.facebook-wrapper{ margin: 1em 0;}
.center{ margin: 1em 0; text-align: center;}
.svg-social-icons{ width: 30px; height: 30px; margin-right: 10px;}
/* live hack */#mainPicture img { max-width: 600px;}
html{ background-color: #B3B6B9;}
h2, .h2 { font-size: 1.5em; line-height: 1em;}
#splash{ display: none; background-color: black; opacity: 1;}
.sharethis-inline-share-buttons { margin: 20px;}
#logo{ -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
#logo > div > a{ display: inline-block;}
#logo > div:first-of-type{ -moz-flex-basis: 70px; -webkit-flex-basis: 70px; flex-basis: 70px; display: inline-block; margin-left: 10px;}
#logo > div:last-of-type{ -moz-flex-basis: 195px; -webkit-flex-basis: 195px; flex-basis: 195px; max-width: 195px; margin-left: 15px; margin-top: 20px;}
#logo > div > a > img { max-width: 60px; width: 100%;}
#logotitle{ font-family: 'alegreya sans sc'; font-size: 1.1em; line-height: 1em; position: relative; top: -15px; display: inline-block;}
#nav-icons{ display: none;}
main{ padding: 0; background: white;}
#mainHeadline{ padding-left: 1em; padding-right: 1em; padding-top: 1em;}
#flexMainHeadline{ padding-bottom: 0; margin-bottom: 0;}
#infobarcontainer{ margin-top: -2px; z-index:1;}
.splashpageimage { width: 100%; overflow: hidden; position:relative;}
h6.homepage { width: 100%;    text-align: center; font-size: 17px;    text-transform: uppercase; color: #b70c0a; margin: 15px auto 0px auto; }
#topsection { width: 100%; display: block; margin-top: 0px;}
 .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: calc( 50vh - 100px );}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
 .splashpageimage { width: 100%; height: 350px; }
 .splashimage > div { width: 100%; height: 100%; }
 @media screen and (max-width: 400px){ .splashpageimage { height: unset; } }
 .slick-slide { /* min-height: calc( 50vh - 100px ); */ height: 100%;}
 #slick-slide02 { background-image: url(/contents/.images/caccia-splash.png); background-repeat: no-repeat; background-position: 12% 50%; background-size: cover; height: calc( 50vh - 100px ); min-height: 350px; }
 #slick-slide00 { background-image: url(/contents/.images/splash-mission.jpg); background-repeat: no-repeat; background-position: 100% 0%; background-size: cover; height: calc( 50vh - 100px ); min-height: 350px; }
 #slick-slide01 { background-image: url(/contents/.images/statements-56054736193b87.20279259S.jpg); background-repeat: no-repeat; background-position: 100% 100%; background-size: cover; height: calc( 50vh - 100px ); min-height: 350px; }
 #slick-slide03 { background-image: url(/contents/.images/vatican-splash.jpg); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; height: calc( 50vh - 100px ); min-height: 350px; }
.slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.tweet_wrapper .slick-dots { position: relative;}
.slick-dots li.slick-active { background-color: #b70c0a;}
.slick-dots button { display: none;}
.slick-dots li { position: relative; display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 7px; padding: 0; background-color: #d9d6d6; border-radius: 100%;}
.homearticle { height: 400px ; margin-left: 20px ; margin-right: 20px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.homearticles ul.slick-dots { position: absolute; bottom: -25px; }
.smallsummary { min-height: 40px; }
.overtitle{ color: #B70C0A;}
h1, .h1 { font-family: oswald,sans-serif;    font-weight: 800;    font-size: 50px;    line-height: 60px;    text-align: center;    margin: 0 auto; padding: 65px 0; max-width: 800px; }
h4 { letter-spacing: 2px;}
.overtitle { font-family: roboto,sans-serif;}
h5.more { margin-left: 10px; margin-right: 10px;}
#urgent{ background-color: #ffc073;}
#googlesearch input{ border: 1px solid #FFC603; color: #FFC603;}
.infobar, section{ background-color: #ffc073;}
#infobarcontainer > div{ border-bottom: 3px dotted #FFC603;}
#midsection > div{ border-bottom: 0px dotted #FFC603;}
.infobar div.section{ color: #FFC603;}
footer{ background-color: #b70c0a; margin-top: 20px; background-color: #e6e2df;}
.infobar h3{ background-color: #FFC603; border: 4px solid #FFC603;}
footer > div > h3 { color: #ffffff; padding-bottom: 10px; border-bottom: 2px solid #f3d8d8; font-weight: 400; letter-spacing: 0.4px; text-transform: uppercase; font-family: oswald, sans-serif; font-size: 14px; color: #b30808; border-bottom: 2px solid #b70c0a;}
.centered { text-align: center;}
@media screen and (min-width: 600px){ 
 footer > div { padding: 25px ; flex-basis: 50%; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; }
 footer > div.map { flex-basis: 100%; padding: 0;}
}
 footer > div.map iframe { border:0; width: 100%; height: 190px; }
 #privacy-notice{ display: flex; align-content: flex-start; justify-content: space-between; align-items: flex-start;}
#privacy-icon{ width: 20px; height: 20px; margin:0 10px 0 0;}
#privacy-text{font-family: roboto, sans-serif; font-size: 10px; color: black; text-align: justify; line-height: 12px;}
#mainSummary{ color: #3A3A3A;}
#subscribeflex{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: stretch; -moz-justify-content: stretch; justify-content: stretch; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
#subscribeflex > fieldset > label{ font-size: 0.8em; line-height: 0.8em; font-weight: bold; color: grey;}
#subscribenewsletter select, #subscribenewsletter input { color: black; background-color: #f79521; border: 1px solid #FFC603; width: 100%;}
#subscribenewsletter input[type='submit']{ cursor: not-allowed; line-height: 2em; padding: 0; text-transform: uppercase; letter-spacing: 1px; background-color: #b70c0a; color: white;}
#subscribeflex > fieldset{ -moz-border-box: border-box; -webkit-border-box : border-box; border-box: border-box; display: inline-block; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0em; -webkit-padding-after: 0em; border: 0px; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; }
#infobarcontainer h3, #midsection h3 { margin-bottom: 1.2em;}
#subscribenewsletter select, #subscribenewsletter input { color: #b70c0a; background-color: #b70c0a4d; border: 1px solid #b70c0a; margin-top: 10px; font-size: 15px; padding: 10px 11px;}
#subscribenewsletter input { font-family: oswald,sans-serif;}
#subscribenewsletter ::-webkit-input-placeholder { color: #b70c0a;}
#subscribenewsletter :-moz-placeholder { color: #b70c0a;}
#subscribenewsletter ::-moz-placeholder { color: #b70c0a;}
#subscribenewsletter :-ms-input-placeholder { color: #b70c0a;}
#subscribenewsletter input[type='submit'] { opacity: 1; cursor: pointer;}
#urgenttext strong{ color: #FFC603; }
.smallsummary{ font-size: 0.9em; line-height: 1em;}
#flexMainHeadline{ border-bottom: 10px solid #FFC603;}
#mainSummary{ color: #B70C0A;}
#mainPicture{ margin-bottom: -3px;}
.infobar{ background-color: #FDF1C6;}
.infobar > h3, .infobar > div > h3, section > div > h3 { color: #B70C0A;}
p.imageCaption{ color: #FFC603; }
#otherTitles{ margin-top: 0px;}
.smallsummary{ color: #B70C0A;}
.facebook-wrapper, .p, .section, .h2, .subtitle, .overtitle, .byline, .h3, .h4{ margin-left: 10px; margin-right: 10px;}
.minorTitleNoImageSeparation { flex-basis: 45% !IMPORTANT;}
.all-articles { max-width: auto !IMPORTANT; }
.all-articles:last-of-type { max-width: 100% !IMPORTANT;}
.section{ background-color: #FFC603; border: 4px solid #FFC603; margin-top: 10px; background-color: #b70c0a; border: 4px solid #b70c0a; border-radius: 0;}
.solemn{ -webkit-column-count: 1 !IMPORTANT; -moz-column-count: 1 !IMPORTANT; column-count: 1 !IMPORTANT; max-width: 600px; margin: 10px auto 30px auto;}

@media screen and (max-width:600px) { .solemn { -webkit-column-count: 1 !IMPORTANT; -moz-column-count: 1 !IMPORTANT; column-count: 1 !IMPORTANT; margin: 10px 10px 30px 10px; }
}
.sectionImgLabel{ background-color: #FFC603; border: 4px solid #FFC603;}
.subtitle{ color: #B70D0A;}
.authoremail{ color: #FFC603;}
#infobarcontainer > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle),#midsection > div > h4 ~ div:not(:last-of-type):not(.imageInMinorTitle){ border-bottom: 1px dotted #FFC603;}
h5.more{ border-bottom: 1px dotted #FFC603; border-bottom: 3px solid #b70c0a; padding-bottom: 10px; }
.morearticles{ color: #FFC603; }
.highlight{ border-color: #FFC603;}
.moreReadings{ background-color: #FFC603; border: 4px solid #FFC603;;}
 .fullcalendar, .linkbutton { background-color: #FFC603; }
.calendarTime{ color: #FFC603;}
#calendarSelectForm input[type="date"]{ color: #FFC603; border: 1px solid #FFC603;}
input[type="button"]{ color: #FFC603; border: 1px solid #FFC603;}
.log{ border: 1px solid #FFC603;}
.admin li{ border: 1px solid #FFC603;}
h3.admin{ border-top: 3px solid #FFC603;}
h3.admin:first-of-type{ border-top: 0px solid #FFC603;}
.admin li:hover{ background-color: #FFC603;}
div.centerButton input.startButton{ color: #FFC603; border: 1px solid #FFC603; color: #FFC603; border: 1px solid #FFC603;}
th{ background-color: #FFC603;}
.GoogleSearchresultsTitle > b{ color: #FFC603;}
.googleResultTitle{ color: #FFC603;}

@media screen and (max-width:600px) { div.otherHeadline { border-bottom: 1px dotted #f79521 ; }
}
html{ font-family: Roboto,Sans Serif;}
footer > div.multicolumn{ -webkit-column-rule-color: #0b0300; -moz-column-rule-color: #0b0300; column-rule-color: #0b0300;}
footer > div > div > span:nth-of-type(2){ color: #0b0300;}
footer > div > div > span:only-of-type{ color: #0b0300; }
footer > div > ul >li { color: #fcf5f6; font-family: roboto,sans-serif; font-weight: normal; font-size: 13px; line-height: 18px; opacity: 0.7; color: #4c4b4b;}
footer > div > ul >li:hover { color: #ffffff; opacity: 1; color: #b70c0a;}
#copyright { margin-top: 0.5em; margin-bottom: 0.5em; font-size: 10px; color: black; text-align: center; font-family: oswald,sans-serif; letter-spacing: 0.2px; opacity: 0.6;}
#calendarSelectForm input[type="date"]{ background-color: #0b0300;}
input[type="button"]{ background-color: #0b0300;}
div.otherHeadline { background-color: #DDDDDD;}
#urgent{ display: none;}
#relatedPages{ margin-left: 10px; margin-right: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
#relatedPages p{ font-size: 1em; line-height: 1.2em; font-weight: normal; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 0em; font-style: italic; padding: 0px 10px 0 10px;}
.relatedPagesWithPhoto,.relatedPagesWithoutPhoto{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
.relatedPageWithPhoto,.relatedPageWithoutPhoto{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; padding: 10px; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom: 10px; border-bottom: 2px dotted #FFC603; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; border-bottom: 0; background-color: #f3f2f2; }
 .relatedPageWithoutPhoto h2, .relatedPageWithPhoto h2, .relatedPageWithoutPhoto h3,.relatedPageWithoutPhoto h2{ display: block; -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; font-weight: bold; color: black; font-size: 18px; line-height: 19px; font-family: 'alegreya sans sc', 'sans serif'; padding: 0 10px; margin: 0;}
div.relatedPageWithPhoto > div:first-of-type { -webkit-flex-grow: 0; -ms-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -moz-flex-basis: 100px; -webkit-flex-basis: 100px; flex-basis: 100px; max-width: 100px; }
.relatedPageWithPhoto img{ max-width: 100%;}
.newsletter{ display: flex; height: auto; width: 600px; max-width: 100%; margin: 20px auto; align-items: center; align-content: center; padding: 0; background-color: #e6e2df63; border-radius: 20px;}
.newsletter > a { flex-basis: 200px; flex-grow: 0; flex-shrink: 0; background-size: cover; height: 100px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; opacity: 0.85;}
.newsletter > a:hover,.newsletter > a:active{ opacity: 1;}
.newsletter div { display: flex; flex-wrap: wrap; justify-content: flex-start;}
.newsletter > div > a { padding: 6px 15px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #979594;}
 
@media screen and (max-width: 550px) { main { text-align: center; }
 p, .p { text-align: justify; }
 article { padding: 0 10px; display: flex; flex-wrap: wrap;}
 article.events { display: block;}
 .relatedPageWithPhoto, .relatedPageWithoutPhoto { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
 div.relatedPageWithPhoto > div:first-of-type { -webkit-flex-grow: 8; -ms-flex-grow: 8; -moz-flex-grow: 8; flex-grow: 8; -webkit-flex-shrink: 8; -ms-flex-shrink: 8; -moz-flex-shrink: 8; flex-shrink: 8; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
 div.relatedPageWithPhoto > div { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; flex-basis: 100%; }
 div.relatedPageWithPhoto > div > h2, div.relatedPageWithPhoto > div > p { padding: 0; }
 }
h5.more{ width: auto;}
.staff{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; }
.staff-person{ padding:30px; background-color: #FBF7E8; margin-bottom: 20px; max-width: 300px; min-width: 250px;}
.staff-person > div{ text-align: center; margin-bottom: 10px;}
@media screen and (max-width:400px) { 
 .socialstacker > div {
    flex-basis: 100%;
 }
}.staff-person h3,.staff-person h4,.staff-person h5{ text-align: center; width: 100%;}
.staff-person h3{ font-size: 15px; margin-bottom: 20px; padding-bottom: 10px; color: black; line-height: 14px;}
.staff-person a { text-align: center; display: block;}

@media screen and (max-width:350px) { .staff-person { min-width: none; }
 .staff-person h3 { font-size: 15px; margin-bottom: 0em; color: #B70C0A; text-align: center; line-height: 14px; }
 .staff-person h4 { font-size: 12px; line-height: 11px; margin-bottom: 10px; text-align: center; }
 .staff-person h5 { font-size: 10px; line-height: 10px; text-style: italic; }
}

.formerobservers{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1;}
.formerobserver div img{ max-width: 100%;}
.formerobserver h4{ font-size: 15px; line0height: 17px; margin-bottom: 10px;}
.formerobserver h2{ font-size: 20px; line-height: 22px; margin-bottom: 0px;}
.formerobserver, .formerobserver div{ max-width: 45%; margin-bottom:20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -moz-flex-basis: 40%; -webkit-flex-basis: 40%; flex-basis: 40%;}
.formerobserver div{ -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between;}

@media screen and (max-width: 900px){.formerobserver{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%;}
 .formerobserver div { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
 .formerobserver div h2, .formerobserver div h4 { text-align: center; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
 .formerobserver div { -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
}
.countries{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; margin-bottom:30px;}
.country{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;  -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding:10px; background-color:#F8F9FB; border-bottom: 5px solid #E5E6E7;}
.country span:nth-of-type(1){ font-weight: bold; color: #797575; max-width: 50%; min-width:100px;}
.country span:nth-of-type(2){ font-weight: bold; color: #b70c0a; margin-left: 10px; margin-right: 10px; text-align:left;}
.country span:last-of-type{ margin-right: 0;}
.country span:nth-of-type(3){ font-style: italic; min-width:150px; text-align:right; }
.treaties{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; margin-bottom:30px;}
.treaty{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding:10px; background-color:#F8F9FB; border-bottom: 5px solid #E5E6E7; width: 100%;}
.treaty div{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
.treaty div:not(:first-of-type){ font-size: 14px;}
.treaty div span{ font-weight: bold; color: #B70C0A; font-size: 12px; font-family: 'alegreya sans sc', 'sans serif'; display: block;}
.photogallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding:10px;}
.photoingallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 0; -ms-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; padding:10px; -moz-flex-basis: 300px; -webkit-flex-basis: 300px; flex-basis: 300px; max-width: 300px;}
.photoingallery img{ max-width: 100%; min-width: 100%; }
.photoingallery span{ font-weight: bold; color: #B70C0A; font-size: 12px; font-family: 'alegreya sans', 'sans serif'; display: block; }
.popephotogallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; padding:10px;}
.popephotoingallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; padding:10px; -moz-flex-basis: 200px; -webkit-flex-basis: 200px; flex-basis: 200px; max-width: 200px;}
.popephotoingallery img{ max-width: 100%; min-width: 100%; }
.popephotoingallery span{ font-weight: bold; color: #B70C0A; font-size: 12px; font-family: 'alegreya sans', 'sans serif'; display: block; width: 100%; margin-top: 8px; }
.smallsummary a { font-size: 9pt;}
.popephotoingallery span:first-of-type{ font-weight: bold; color: black; font-size: 18px; line-height: 19px; font-family: 'alegreya sans sc', 'sans serif'; display: block; width: 100%; margin-bottom:10px;}
h3.rssframe{ margin-left: 10px; margin-right: 10px; }
 h2.rssframe{ margin-left: 10px; margin-right: 10px; padding-bottom:20px; margin-bottom: 20px; border-bottom: 5px solid #FFC603;}
#lower_third_wrapper{ display: flex; justify-content: space-between; margin-top: 20px;}
#rss_wrapper{ display: flex; flex-wrap: wrap; flex-basis: 48%; flex-grow: 0; flex-shrink: 0; align-content: flex-start;}
#recent_statements{ flex-basis: 50%; }
.rss{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; padding:0px; flex-basis: 500px;}
.rssitem{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; padding:10px; -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; max-width: 20%; padding:10px; border-bottom: 2px dotted #FFC603; margin-bottom: 20px; position: relative; color: white; max-height: 300px;}

@media screen and (max-width: 800px){.rssitem{ -moz-flex-basis: 45%; -webkit-flex-basis: 45%; flex-basis: 45%; max-width: 45%;}
}

@media screen and (max-width: 450px){ .rssitem { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
}
.rssitem img{ max-width: 100%; min-width: 100%; hspace: 0 !IMPORTANT;}
.rssitem img[Attributes Style]{ float: none !IMPORTANT; vertical-align: auto !IMPORTANT; margin-left: 0 !IMPORTANT; margin-right: 0 !IMPORTANT;}
.rsssource { position: absolute; bottom: 5px; left: 5px;}
.rsssource a { display: block !IMPORTANT; position: relative; background-color: #FFC603; padding: 3px 5px; margin-bottom: 3px; font-family: 'Alegreya sans sc', 'sans serif'; font-size: 0.7em; max-width: 100%; flex-basis: 100%;}
.rssitem p, .rssitem a, .rssitem ol, .rssitem li, .rssitem em, .rssitem strong, rssitem b, rssitem i{ display: none;}
.rssitem > h3 > a{ display: block;}
.rssitem a.visible { display: block;}
.rssitem h3{ font-weight: bold; color: black; font-size: 1.3em; line-height: 1em; font-family: 'alegreya sans', 'sans serif'; display: block; width: 100%; margin-bottom:20px;}
 .stickystatements{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
.stickystatement{ border-bottom: 3px dotted #FFC603; margin-bottom: 1em; padding: 0.5em 1em; -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -moz-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
.stickystatement h3{ display: inline-flex; -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; font-weight: bold; color: black; font-size: 25px; line-height: 22px; font-family: 'alegreya sans sc', 'sans serif'; padding: 10px 0px; margin: 0; }
.otherstatements{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end;}
.otherstatement{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; padding:10px; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom:10px; border-bottom: 2px dotted #FFC603; margin: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; padding: 0;}
.textInStatement h3 { font-size: 23px; line-height: 23px; margin-top: 13px; margin-bottom: 10px;}
.textInStatement p{ display: none;}
.imageInOtherStatement{ -webkit-flex-grow: 0; -ms-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -moz-flex-basis: 100px; -webkit-flex-basis: 100px; flex-basis: 100px; max-width: 100px; padding: 0 20px; display:none;}
.imageInOtherStatement img{ max-width: 100%;}
.textInStatement p a { font-weight: 400;}
.otherstatements h3{ display: inline-flex; -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; font-weight: bold; color: black; font-size: 18px; line-height: 19px; font-family: 'alegreya sans sc', 'sans serif'; padding: 0 10px; margin: 0; }
.otherstatements p{ font-size: 1em; line-height: 1.2em; font-weight: normal; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom: 0em; font-style: italic; padding: 0px 10px 0 10px;}
.statementOvertitle{ width: 100%; text-align: center; color: #B70C0A; font-family: 'Alegreya Sans',Sans Serif; font-weight: 700; text-transform: uppercase; font-size: 1em; line-height: 1em; margin: 0; display: block; max-width: 600px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.statementTitle{ font-weight: 800; font-size: 35px; line-height: 50px; letter-spacing: 0.7px; color: black; display: block; text-transform: capitalize; -webkit-margin-before: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-margin-after: 0; max-width: 800px; margin-left: auto;    margin-right: auto; margin-top: 0px; padding-top: 120px; margin-bottom: 15px; -webkit-column-break-after: avoid; -moz-column-break-after: avoid; column-break-after: avoid; max-width: 100%; padding-left: 20px; padding-right:20px; text-align: center; font-family: 'Libre Baskerville', serif;}
.statementPhoto{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; max-width: 100%;}
.statementPhoto img,.statementPhoto p{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
.statementPhoto img{ max-width: 300px; max-height:200px; width: 100%; margin-left: auto; margin-right: auto;}
.statementSubtitle{ text-align: center; max-width: 100%;}
.facebook-wrapper{ max-width: 100%; margin: 0px 0 20px 0; text-align: center;}
.byline { font-family: 'Alegreya Sans SC',Sans Serif; font-weight: 700; font-size: 1.0em; line-height: 1.3em; margin-bottom: 1em; color: black; display: block; float: none; padding-bottom: 1em; margin-right: 0; border-bottom-width: 0px; border-bottom-style: dotted; border-bottom-color: #939598; text-align: center; max-width: 100%;}
p.imageCaption { font-size: 1em; line-height: 1em; color: #B70C0A; padding: 1em 0;}
#recentstatements .recentstatement{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; }
.dateInStatement > span{ display: inline-block; background-color: #FFC603; padding: 3px 5px; margin-bottom: 3px; font-family: 'Alegreya sans sc', 'sans serif'; font-size: 0.8em; max-width: 100%; color: black; margin-right: 10px;}
.extrapadding{ padding: 10px;}
#recentstatements .titleInRecentStatement{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%;}
.titleInOtherStatement{ -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; padding-right: 5px;}
.textInStatement{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; flex-shrink: 100;     flex-wrap: nowrap; display: flex; justify-content: space-between;}
@media screen and (max-width: 450px){
.textInStatement {
    flex-wrap: wrap;
    justify-content: center;
}

.textInStatement  .dateInStatement {
flex-basis: 100% !important;
    margin-right: 0 !important;
}
}
.staff-person h3 { border-bottom: 1px solid #A0A0A0; font-family: 'alegreya sans sc','sans serif';}
.staff-person h4 { color: #B70C0A;}
.staff-person{ -moz-flex-basis: 270px; -webkit-flex-basis: 270px; flex-basis: 270px; max-width: 270px;}
.dateInPressRelease { -moz-flex-basis: 200px; -webkit-flex-basis: 200px; flex-basis: 200px; flex-basis: 200px;}
.dateInPressRelease > span { display: inline-block; background-color: #FFC603; padding: 3px 5px; margin-bottom: 3px; font-family: 'Alegreya sans sc', 'sans serif'; font-size: 0.8em; max-width: 100%; color: black; margin-right: 10px; }
#infobarcontainer .infobar .recentstatement:last-of-type { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end;}
#press_releases{ padding: 10px; background-color: #F9EEC8;}
#press_releases .linkInRecentDocuments,#infobarcontainer .linkInRecentDocuments{ display: inline-block; background-color: #FDE48E; padding: 3px 5px; margin-bottom: 3px; font-family: 'Alegreya sans', 'sans serif'; font-weight: bold; font-size: 0.8em; max-width: 100%; color: #B70C0A;}
.dateInStatement > span:empty { display: none;}

@media screen and (max-width: 450px){ .dateInPressRelease { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; flex-basis: 100%; }
 .otherstatement { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
 }

@media screen and (max-width: 450px){.otherstatement{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: center;}
.imageInOtherStatement { -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; text-align:center; }
 .imageInOtherStatement img { max-width: 50px;; }
 .titleInOtherStatement { -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; flex-wrap: wrap; }
 .dateInStatement { -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 1px; }
 .dateInStatement > span { display: block; text-align:center; padding: 1px 5px; font-size: 0.7em; }
 .textInStatement p { display: none; }
}
#statements_filters{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch;}
#statements_filters > div{ -webkit-flex-grow: 5; -ms-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; display: flex; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0em; -webkit-padding-after: 0em; border: 0px; min-width: -webkit-min-content; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; background-color: #b3080812; padding: 10px; justify-content: space-evenly;}
#statements_filters div:last-of-type{ -webkit-column-fill: balance;-moz-column-fill: balance; column-fill: balance; -webkit-column-count: 1; -webkit-column-gap: 1em; -webkit-column-rule-style: dotted; -webkit-column-rule-width: 0px; -webkit-column-rule-color: #FFC603; -moz-column-count: 1; -moz-column-gap: 1em; -moz-column-rule-style: dotted; -moz-column-rule-width: 0px; -moz-column-rule-color: #FFC603; column-count: 1; column-gap: 1em; column-rule-style: dotted; column-rule-width: 0px; column-rule-color: #FFC603;}
#themes, #categories, #years{ -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#statements_filters .fieldset:first-of-type{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; -webkit-column-count: 3; -webkit-column-gap: 1em; -webkit-column-rule-style: dotted; -webkit-column-rule-width: 1px; -webkit-column-rule-color: #FFC603; -moz-column-count: 3; -moz-column-gap: 1em; -moz-column-rule-style: dotted; -moz-column-rule-width: 1px; -moz-column-rule-color: #FFC603; column-count: 3; column-gap: 1em; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: #FFC603;}
#statements_filters .fieldset label{ font-family: roboto, sans-serif; font-size: 0.8em;}
#statements_filters .fieldset input[type="checkbox"]:checked ~ label{ font-weight: bold;}
#statements_filters .fieldset input[type="checkbox" i] { -webkit-flex-grow: 0; -ms-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; width: 30px; height: 30px; background-color: white; -webkit-appearance: checkbox; margin-right: 10px; }
#statements_filters .fieldset div{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start;}
#statements_filters .fieldset div:first-of-type { -webkit-column-span: all; column-span: all; font-weight: 800; color: #B70C0A; font-family: 'Alegreya sans sc', 'sans serif'; padding: 0.2em 0.4em 0.1em 0.4em; border: 2px solid #FFC603; background-color: #FFC603; margin-bottom:15px; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}

@media screen and (max-width: 800px){#statements_filters fieldset:last-of-type{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#statements_filters fieldset{ flex-basis: 100%; flex-shrink: 0;}
#statements_filters fieldset:first-of-type{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

@media screen and (max-width: 450px){ #statements_filters fieldset:first-of-type { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

@media screen and (max-width: 450px){#statements_filters{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;}
#statements_filters fieldset{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
}
.enumeration li{ padding: 10px; background-color: #F8F9FB; border-bottom: 5px solid #E5E6E7; font-weight: bold; color: #797575; font-family: 'alegreya sans sc', 'sans serif';}
#press_releases #recentstatements .dateInRecentStatement{ -moz-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%;}
#press_releases .titleInRecentStatement{ -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto; padding-left: 10px;}
#press_releases .titleInRecentStatement a h3{ border: 0; margin-bottom: 0; padding-bottom: 0;}
#press_releases #recentstatements .recentstatement{ -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start;}
#press_releases #recentstatements .recentstatement:last-of-type { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end;}

@media screen and (max-width: 750px){#press_releases #recentstatements .dateInRecentStatement{ -moz-flex-basis: 160px; -webkit-flex-basis: 160px; flex-basis: 160px;}
#press_releases .titleInRecentStatement{ -moz-flex-basis: calc(100% - 180px); -webkit-flex-basis: calc(100% - 180px); flex-basis: calc(100% - 180px);}
 #press_releases .titleInRecentStatement a h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.rssitem{ overflow: hidden;}
nav ul{ margin: 0; padding: 0;}
#tweeter-wrapper{ margin-top: 20px; text-align:center;}
.h2centered, .h3centered{ text-align: center;}
.insideImg{ width: 100%; margin:10px 0; text-align:center;}
.insideImg img{ max-width: 100%; width: auto;}
article.statements form#statements_filters .fieldset div:first-of-type{ -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
article.statements form#statements_filters .fieldset div{ -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%;}
a.buttonlink{ border:3px solid #B70C0A; padding:5px; font-weight:bold; color:#B70C0A;}
p.pcentered{ text-align: center;}
div.bigseparator{ background-color:#b70c0a; height:20px; margin:20px 0;}
div.smallseparator { background-color: #b70c0a; height: 10px; margin: 20px 0;}
h1, .h1, h2, .h2, h3, .h3, .rssitem h3{ font-weight: 100;}
p, .p { opacity: 0.9;}
h2, .h2{ font-size: 16px; line-height: 20px; text-align: justify;}
 * { box-sizing: border-box; }
.homearticles { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0px 0px 30px 0px;}
 .homearticle {/* flex-basis: calc(25% - -15px); flex-basis: 20vw; */ flex-basis: 300px; flex-grow: 0; flex-shrink: 0; height: auto; background-color: #b308210a; margin-top: 20px; position:relative; padding-bottom: 40px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;/* -webkit-box-shadow: 0px 0px 11px -7px rgba(0,0,0,0.95); -moz-box-shadow: 0px 0px 11px -7px rgba(0,0,0,0.95); box-shadow: 0px 0px 11px -7px rgba(0,0,0,0.95); transition: all 0.1s linear; */}
/*.homearticle:hover, .homearticle:active { transform: scale(1.1); -webkit-box-shadow: 0px 0px 22px -13px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 22px -13px rgba(0,0,0,0.25); box-shadow: 0px 0px 22px -13px rgba(0,0,0,0.25);}
*/.earlier{ width: auto; max-width: auto; min-width: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; justify-content: space-evenly; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: stretch; -webkit-align-content: stretch; align-content: stretch; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-flex-grow: 3; -ms-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1;}
.earlier .homearticle{ flex-basis: 150px; margin: 20px 10px;}
.homearticle > a{ font-size: 18px; line-height: 22px; padding: 10px 15px; display: block; font-weight: 400; font-family: oswald,sans-serif;}
.slick-track .homearticle {  min-height: 470px; }
.earlier .homearticle > a { font-size: 13px; line-height: 15px;}
.smallsummary { color: #3b3c40; font-family: roboto, sans-serif; font-size: 12px; padding: 0 15px; text-align: left; line-height: 14px; margin-bottom: 0;}
.earlier .smallsummary { display: none;}
.storydate{ padding: 3px 7px; color: #acacac; font-size: 12px; font-weight: bold; font-family: roboto,sans-serif; opacity: 1; display: inline-block; /* margin: 0 0 0 auto; */ position: absolute; bottom: 10px; left: 10px; text-transform: uppercase; letter-spacing: 0.3px;}
.earlier .storydate { padding: 3px 4px; color: #acacac; font-size: 9px;}
.container { display: inline-block; position: relative; padding-left: 0px; margin: 10px 0 0 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: oswald,sans-serif; font-size: 14px; line-height: 25px; text-align: left; width: 50px; height: 25px;}
#years > div:first-of-type,#themes > div:first-of-type{ border: 0px; min-width: -webkit-min-content; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; background-color: #b3080812; padding: 10px; border-bottom: 2px solid #b30808; padding-bottom: 5px; margin-bottom: 10px; color: #b30808; text-transform: uppercase;}
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
 .checkmark { position: absolute; top: 0; left: 0; display: block; height: 25px; width: 50px; background-color: #eee; text-align: center; padding: 0; border: 1px solid #b30808; border-radius: 4px; color: #b30808; }
.themeSubtitle{ font-size: 9px; line-height: 12px; flex-basis: 100%; letter-spacing: 0.4px; text-transform: uppercase; font-Weight: 400; color: #9a9696;}
#themes, #year{ flex-basis: 100%;}
#themes .container { width: 200px; height:45px; display: flex; justify-content: center; align-items: center; align-content: center;}
#themes .checkmark { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; line-height: 16px; flex-wrap: wrap;}
.container input:checked ~ .checkmark { background-color: #b30808; color: white;}
.container input:checked ~ .checkmark .themeSubtitle { color: #fbb903;}
/*.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
*/.container input:checked ~ .checkmark:after { display: block;}
a.homephoto {/* height: 220px; height: 20vw; */ height: 300px; display: block; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.earlier a.homephoto { height: 100px;}
#logo > div:last-of-type { -moz-flex-basis: 259px; -webkit-flex-basis: 259px; flex-basis: 259px; max-width: 259px; margin-left: 15px; margin-top: 0;}
#icons{ height: 30px;}
.morebutton , .morefilterbutton{ flex-basis: 100%; display: flex; justify-content: center; align-content: center; align-items: center; height: 40px; margin: 30px 30px 0 30px;}
.morefilterbutton{ justify-content: flex-start; margin: 12px 0; font-size: 12px;}
#googlesearch { padding-right: 0;}
footer{ justify-content: space-evenly;}
.morebutton > span,.morefilterbutton > span{ cursor: pointer; height: 30px; background-color: #d9d6d6; display: flex; justify-content: center; align-content: center; align-items: center; padding: 25px 30px; color: #b30808; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.hidden{ display: none;}
#subscribe{ position: absolute; padding: 20px; width: 250px; top: 0px; right: 70px; display: block; opacity: 0.9; font-family: oswald,sans-serif; background-color: white; z-index:105;}
#subscribe > h3{ line-height: 20px; color: #b70c0a;}
#subscribe.subscribe_initial{ background-color: transparent; background-image: url(/resources/img/subscribe.svg); background-position: 100% 50%; background-size: 25px 25px; background-repeat: no-repeat; cursor: pointer; -moz-flex-basis: 30px; -webkit-flex-basis: 30px; flex-basis: 30px; position: relative; height: 30px; width: 30px; top: 0px; right: 0px; align-self: end;}
#subscribe.subscribe_initial > *{ display: none; }
nav{ width: 100%;}
nav li { color: #B70C0A; font-family: oswald,sans-serif; font-weight: 400; text-transform: uppercase; border:0; height: 40px; display: flex; align-items: center; padding: 5px 10px; position: relative; cursor: pointer;}
nav li > ul{ display: none; position: absolute; top: 40px; left: 0; width: 150px; padding: 0; flex-wrap: wrap; background-color: rgba(253, 81, 83, 1);}
nav li > ul > li{ flex-basis: 100%; flex-grow: 100; background-color: rgba(253, 81, 83, 1);}

@media (hover: hover) { nav ul li:hover ul { display: flex; }
}

@media not (hover: hover) { nav ul li:active ul { display: flex; }
}
#icons{ flex-grow: 0; flex-shrink: 0; marign-left: 10px;}
#icons.social_initial{ background-image: url(/resources/img/share.svg); background-position: 80% 100%; background-size: 20px 20px; background-repeat: no-repeat; cursor: pointer; flex-grow: 0; flex-shrink: 0; flex-basis: 30px; margin-left: 0;}
#googlesearch.search_initial{ background-image: url(/resources/img/search.svg); background-position: 80% 100%; background-size: 20px 20px; background-repeat: no-repeat; cursor: pointer; -moz-flex-basis: 30px; -webkit-flex-basis: 30px; flex-basis: 30px; font-family: oswald,sans-serif; margin-left: 0; }
*:focus { outline: none; }
.pubDate{ display: inline-block; background-color: #b70c0a29; padding: 6px 9px; font-family: Roboto,Arial,sans-serif; font-size: 10px; letter-spacing: 0.4px; max-width: 100%; color: #624e4e; font-weight: 600; flex-shrink: 0; background-color: #d9d6d6; margin-top: 1px;}
#googlesearch{ height: 30px; padding-right: 4px; flex-grow: 0; -moz-flex-basis: 130px; -webkit-flex-basis: 130px; flex-basis: 130px; margin-right: 8px;transition: flex-basis 1s ease; margin-left: 10px;}
#googlesearch input { border: 0; color: #b70c0a; font-size: 13px; text-align: center; width: 100%; font-family: oswald, sans-serif; font-weight: normal;}
#googlesearch input ::-webkit-input-placeholder { color: #b70c0a;}
#googlesearch input :-moz-placeholder { color: #b70c0a;}
#googlesearch input ::-moz-placeholder { color: #b70c0a;}
#googlesearch input :-ms-input-placeholder { color: #b70c0a;}
nav li:hover,nav li:active{ color: white; background-color: #B70C0A; font-family: oswald,sans-serif;}
nav li:hover a { color: white;}
nav ul { background-color: transparent; display: flex; justify-content: flex-start; height: 40px; align-items: center; padding: 0; }
#header-top-row{ background-color: #B70C0A; margin: 0 auto; height: 90px; background-color:#e6e2df;}
#logo > div > a { display: inline-block; font-family: oswald,sans-serif; color: white; text-transform: uppercase; line-height: 20px; font-weight: 400; color: #4c4b4b;}
#header-top-row-inner-wrapper { max-width: 1120px; display: flex; flex-wrap: nowrap; margin: 0 auto; width: 100%; align-items: center; position: relative; border-bottom: 3px solid #B70C0A;}
nav{ background-color: white; max-width: 1120px; margin: 0 auto; z-index: 101;}
header{}
#icons, #googlesearch{ align-self: end; margin-bottom: 10px;}
#googlesearch{ position: relative;}
#SearchResults{ position: absolute; top: 30px; right: 0; width: 300px; opacity: 0.9; background: white; padding: 0 20px; max-width: 100vw; z-index: 102;}
 .googleResultLink { color: black; font-weight: normal; display: block; font-size: 13px; font-family: oswald,sans-serif; text-align: left; background: #b70c0e2e; padding: 5px 8px; margin: 0;}
.googleResultLink:hover,.googleResultLink:active{ color: white; background: #B70C0A;}
html { background-color: #dad6d64d;}
.googleResultLink:hover span.googleResultTitle,.googleResultLink:active span.googleResultTitle{ color: #e5a825;}
#GoogleSearchresultsTitle { font-size: 18px; font-family: oswald,sans-serif; color: #b70c0e; }
nav span.closer{ display: none;}
.googleResultTitle { color: #b70c0e;}
.rsssource { position: relative; bottom: 0px; left: 0px; flex-basis: 100%;}
.rsssource a { display: block !IMPORTANT; position: relative; background-color: #b70c0a; color: white; padding: 3px 5px; font-family: oswald,sans-serif; font-size: 16px; max-width: 100%; flex-basis: 100%; line-height: 20px; margin-bottom: 0;}
.rssitem,.tweet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-flex-grow: 1; -ms-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 2; -ms-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; flex-basis: 100%; max-width: 100%; padding: 0; border-bottom: 1px solid #d9d6d699; margin-bottom: 0px; min-height:30px; position: relative; max-height: 300px; display: flex; align-items: center; align-content: center; color: #b70c0a; font-weight: 300;}
.protective{ cursor: pointer; transition: all 1s ; font-size: 12px; color: #808080a3; margin: 0 0 20px 0;}

@media screen and (max-width: 768px){ .protective { text-align: center; }
}
.protective.twirl{ transform: rotate3d(1, 0, 0, 90deg); /* filter: blur(3px); */}
.protective > a{ font-size: 13px; border-radius: 3px; padding: 3px 11px 3px 32px; border: 2px solid #b70c0a; color: white; letter-spacing: 0.4px; background-color: #b70c0a; background-image: url(/resources/img/email.svg); background-position: 2px 50%; background-repeat: no-repeat; background-size: contain;}
.tweet { justify-content: flex-start; align-content: flex-end; align-items: flex-end; flex-basis: 100%; margin: 0; flex-grow: 0; flex-shrink: 1; box-sizing: border-box; flex-wrap: wrap; max-height: unset; background-color: #bbdcea; border-bottom: 0; padding: 0; display: flex;}
.tweet img { width: 100%; margin-bottom: 10px;}

.ig_wrapper > div,.tweet > div { display: flex; align-content: center; align-items: center;}
.ig_wrapper > div > img,
.tweet > div > img { margin-bottom: 0; }
.tweet > div > a.tweet_address { letter-spacing:0.4px; font-size: 12px;    font-weight: bold;    color: #1da1f2; text-transform:uppercase;}
.tweet_address { }
.ig_header, .ig_wrapper { background: #89898924; }
.ig_address {
    font-size: 12px;
    font-weight: bold;
    color: rgba(137, 137, 137, 1);
    text-transform: uppercase;
    letter-spacing:0.4px;
}

.ig_header { display: flex; align-items: center; align-content: center;}
.tweet .pubDate{ order: 2; margin-left: 5px; margin-bottom: 5px; background-color: #b70c0a; color: white; text-transform: uppercase; font-size: 9px; letter-spacing: 0.5px; padding: 1px 4px; font-weight: 200; color: #fcf5f6; display: none;}
.tweet h3 { flex-basis: 100%; padding: 0 8px; font-size: 12px;}
.tweet_wrapper{ display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.ig_wrapper ~ div.link ,
.tweet > div.link { 
    background-color: #fff8f8;
    width: 100%;
    font-size: 12px;
    color: #1da1f2;
    font-weighT: bold;
    display: block;
    text-align: right;
    padding: 4px 7px;
} 

.ig_wrapper ~ div.link {
    color: #898989;
}

@media screen and (max-width: 925px){ .tweet { flex-basis: 20%; }
 }

@media screen and (max-width: 600px){ .tweet { flex-basis: 100%; }
}
.rssitem > h3{ font-weight: inherit; color: #5c0807e8; font-size: 12px; line-height: 16px; font-family: Roboto,Arial,sans-serif; margin-bottom: 0; padding: 3px 5px;}
.tweet > h3 { color: #5c0807e8; font-size: 13px; line-height: 15px; font-family: 'Roboto condensed',Arial,sans-serif; font-weight: 400;}
.rssitem:hover,.rssitem:active{ background-color: #b70c0a75; color: white; font-size: 14px; line-height: 16px; font-family: olswald,sans-serif; border-bottom: 1px solid transparent;}
//.tweet:hover, .tweet:active { background-color: #b70c0a75; color: white;}
.byline { font-family: 'Libre Baskerville',serif;}
.authortitle { font-family: 'Libre Baskerville', serif; line-height: 1.5em;}
.h2centered, .h3centered { font-family: 'Libre Baskerville', serif; text-transform: uppercase; margin: 30px 0;}
.dateInStatement > span:empty{ background-color: transparent; padding:0; margin:0;}
.relatedPageWithoutPhoto h2, .relatedPageWithPhoto h2, .relatedPageWithoutPhoto h3, .relatedPageWithoutPhoto h2 { font-weight: normal; font-family: Oswald, sans-serif;}
#relatedPages p { font-size: 12px; line-height: 20px; padding: 5px 10px 0 10px;}
ul { font-family: 'Libre Baskerville', serif; line-height: 21px;}
.subtitle { font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: lighter; margin-top: 30px;  font-size: 18px; line-height: 22px; margin-left: auto; margin-right: auto; max-width: 800px; text-align: center; margin-bottom: 50px;}
.formerobserver h2 { margin-bottom: 10px; text-align: left;}
.formerobserver h4 { font-size: 11px; line-height: 17px; text-align: left; text-transform: uppercase;}
div.p.solemn p { font-family: 'Libre Baskerville', serif; line-height: 20px;}
.statementOvertitle { font-family: Oswald, sans-serif; letter-spacing: 2px;}
#recentstatements .dateInRecentStatement { display: inline-block; background-color: #b70c0a29; padding: 6px 9px; margin-bottom: 8px; font-family: Roboto,Arial,sans-serif; font-size: 10px; letter-spacing: 0.4px; max-width: 100%; color: #be6564; font-weight: 600; color: #624e4e; background-color: #d9d6d6;}
.titleInRecentStatement > a > h3 { background-color: transparent; border: 0; color: black; font-size: 15px; opacity: 0.8; font-family: Roboto,Arial,sans-serif; margin: 0; padding: 0 10px 0 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #d9d6d6; border-radius: 0; line-height: 20px; font-weight: 300;}
.linkInRecentDocuments { display: flex; justify-content: flex-end; width: 100%; padding: 10px 20px 10px 0;}
.morebutton > span:hover,.morebutton > span:active,.morefilterbutton > span:hover,.morefilterbutton > span:active{ background-color: #b30808; color: white;}
.linkInRecentDocuments a { cursor: pointer; height: 30px; background-color: #d9d6d6; display: flex; justify-content: center; align-content: center; align-items: center; padding: 25px 30px; color: #b30808; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.linkInRecentDocuments a:hover,.linkInRecentDocuments a:active{ background-color: #b30808; color: white;}
.titleInRecentStatement > a:hover h3,.titleInRecentStatement > a:active h3{ color: #b30808;}
p, .p { font-family: roboto,sans-serif; font-size: 13px; line-height: 16px; text-align: justify;}
@media screen and (max-width: 600px){ p, .p {  max-width: 100%;}   }
.textInStatement h3 { font-size: 13px; line-height: 23px; margin-top: 0; margin-bottom: 0;}
.titleInOtherStatement > .dateInStatement > span{ display: inline-block; border: 1px solid #b30808; background-color: #faeeee; color: #b30808; border-radius: 5px; padding: 1px 1px; margin-bottom: 3px; font-family: oswald, sans-serif; font-size: 10px; width: 100%; margin-right: 0px; text-align: center; flex-shrink: 0; font-weighT: 500; text-transform: uppercase;}
.titleInOtherStatement > .dateInStatement:first-child > span{ display: inline-block; padding: 5px 5px; margin-bottom: 3px; font-family: oswald, sans-serif; font-size: 13px; width: 100%; margin-right: 10px; text-align: center; flex-shrink: 0; background-color: #b30808; color: white; text-transform: none; }
.dateInStatement:first-of-type{ flex-grow: 0; flex-shrink: 0; flex-basis: 170px; margin-right: 10px;}
.titleInOtherStatement > .dateInStatement:first-child { order: 0;}
.titleInOtherStatement > .dateInStatement { order: 5;}
.dateInStatement:first-of-type > span {     display: inline-block; background-color: transparent;    border: 0;    border-radius: 0; padding: 5px 5px;    margin-bottom: 3px;     font-family: oswald, sans-serif;font-size: 13px;     width: auto;    color: #b30808;     margin-right: 10px; flex-basis: 160px;    border: 1px solid #b30808;}
.dateInStatement > span:empty { background-color: transparent; border: 0; padding: 0; margin: 0;}
.otherstatement { border-bottom: 2px dotted #d9d6d6;}
#midsection{ -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around;}
#midsection > div { max-width: auto; margin-bottom: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -moz-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; flex-basis: 300px; flex-grow: 0; flex-shrink: 0; height: auto; background-color: #b308210a; margin-top: 20px; position: relative; padding-bottom: 40px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; border-radius: 15px;}
#themes { display: fle flex-wrap: wrap; margin-bottom: 20px;}
#themes > div{ display: flex; flex-basis: 100%; justify-content: space-evenly; flex-wrap: wrap;}

@media screen and (max-width: 1080px){ #themes > div { padding:10px 0; margin-top:10px; border-top: 1px solid #b30808; }
}
.popephotoingallery a { font-size: 11px; text-align: left; background-color: #b70c0a24; padding: 3px 5px; margin: 2px; font-weight: bold; width: 100%;}
.popephotoingallery a:hover,.popephotoingallery a:active{ background-color: #b70c0a; color: white;}
#statements_filters .fieldset:first-of-type { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; background-color: #b70c0a0a;}
#statements_filters .fieldset { background-color: #fcf5f5; justify-content: space-evenly;}
#statements_filters .fieldset div:first-of-type { font-weight: 400; color: white; font-family: roboto,sans-serif; padding: 5px 8px; border: 0; background-color: #b70c0a; letter-spacing: 0.3px; font-size: 15px; line-height: 18px;}
 #hamburger { display: none; }
 article.statements form#statements_filters .fieldset div { -moz-flex-basis: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; font-family: roboto,sans-serif; font-size: 14px; line-height: 16px; display: flex; background-color: #b70c0a; color: white; margin: 5px; padding: 3px 5px;}
.nav-only{ display: none; }
.splashquote { width: 100%; height: 200px; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; padding: 40px; box-sizing: border-box; text-align: center; background-image: url(/resources/img/quote-background.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative;}
.social-share { position: absolute; bottom: 30px; right: 30px;}
.splashquote q{ font-family: 'playfair display', serif; font-style: italic; font-size: 25px; line-height: 40px; color: grey; flex-basis: 100%;}
.splashquote span{ font-family: 'playfair display', serif; font-size: 14px; text-transform: uppercase; margin-top: 20px;}
.staff-container{ flex-wrap: wrap; display: flex; width: 100%;}
.staff-container .staff-new{ display: flex; flex-wrap: nowrap; align-items: flex-start; flex-basis: 100%; padding: 20px; background-color: #f3f2f25c; margin: 20px 0;}
.staff-bio { flex-basis: 100%; flex-shrink: 10; padding: 0 40px;}
.staff-container .staff-photo{ flex-basis: 175px; flex-grow: 0; flex-shrink: 0; display:flex; justify-content: center;}
.staff-container .staff-photo img{ border-radius: 100px; height: 125px; width: 125px;}
.staff-container h5{ font-family: 'Oswald', sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 15px; font-weight: 400;}
.staff-container .staff-bio p{ display: none;}
.staff-container .staff-bio p.show{ display: block !important;}
.staff-container .staff-bio p:first-of-type{ display: block;}
.staff-container .staff-bio p.more{ flex-basis: 100%; display: flex; justify-content: center; align-content: center; align-items: center; height: 40px; margin: 20px;}
.staff-container .staff-bio p.more.show{ display: flex;}
.staff-container .staff-bio p.more.hide{ display: none !important;}
.staff-container .staff-bio p.more > span{ cursor: pointer; height: 30px; background-color: #d9d6d6; display: flex; justify-content: center; align-content: center; align-items: center; padding: 10px 20px; color: #b30808; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}


@media screen and (max-width: 768px){ .staff-container .staff-new { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.staff-container h5{ text-align: center; font-size: 20px; line-height: 25px; margin: 20px 0;}
 .staff-container .staff-photo img { margin-bottom: 30px 0 ; }
 .titleInRecentStatement > a > h3 { padding: 5px 10px; }
 .splashquote { margin-top: 40px; }
 .splashquote q { font-size: 15px; line-height: 20px; }
 .splashquote span { font-family: 'playfair display', serif; font-size: 10px; text-transform: uppercase; margin-top: 10px; }
 .homearticle { flex-basis: calc(40% - -15px); height: auto; background-color: #b308210a; margin-bottom: 20px; }
 .homearticle.hidden { display: block; }
 .morebutton { display: none; }
 #lower_third_wrapper { flex-wrap: wrap; }
 #recent_statements { order: 1; flex-basis: 100%; margin-top: 40px; }
 #rss_wrapper { order: 2; flex-basis: 100%; margin-top: 40px; }
 .homearticle { flex-basis: 100%; margin-bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; /* -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px -0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); */ }
 .slick-track .homearticle {  height: 400px ; min-height: unset;}
/* .homearticle:hover, .homearticle:active { transform: scale(1); -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px -0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); }
 */ a.homephoto { border-top-left-radius: 00px; border-top-right-radius: 00px; height: 200px; }
 #subscribe.subscribe_initial { display:none; }
 #logo { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; justify-content: center; margin:0; align-content: flex-start; flex-basis: calc( 100% - 60px ); flex-grow: 0; flex-shrink: 0; position: relative; top: -15px; }
 #SearchResults { position: relative; width: calc(100vw - 20px); padding-top: 10px; }
 #logotitle { top: 0; }
 #logo > div > a { font-size: 14px; }
 #logo > div:first-of-type { position: relative; margin-left: 0; }
 #logo > div:last-of-type { margin-left: 0; }
 #icons { display: none; }
 #subscribe { width: calc( 100vw - 20px); height: auto; top: 0; left: 0; z-index:-10; }
 #subscribe.nav-activated { z-index: 130; }
 #hamburger { background-image: url(/resources/img/hamburger.svg); background-position: 0px 0px; background-size: 40px 40px; background-repeat: no-repeat; display: block; flex-basis: 60px; height: 60px; flex-grow: 0; flex-shrink:0; }
 #header-top-row-inner-wrapper { align-items: flex-start; flex-wrap: wrap; justify-content: center; border-bottom: 0; }
 #logo > div > a > img { height: 60px; width: auto; }
 nav { position: absolute; top: 0px; left: -100vw; height: 100vh; background-color: #faf8f8e0; overflow: scroll hidden; width:100vw; -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; max-width: 100%; background-color: #b70c0aa6; align-content: flex-start; justify-content: flex-start; align-items: flex-start; padding:40px; }
 .nav-only { display: flex; flex-wrap: wrap; }
 nav.opened { left: 0; }
 #nav-subscribe { display: block; background-color: transparent; background-image: url(/resources/img/subscribe.svg); background-position: 100% 50%; background-size: 25px 25px; background-repeat: no-repeat; cursor: pointer; height: 40px; width: 40px; }
 #nav-icons { display: block; background-color: transparent; cursor: pointer; margin-top: 20px; }
 nav ul { flex-wrap: wrap; opacity: 0.8; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ height: auto; }
 header { position: relative; }
 nav ul li { color: white; flex-basis: 100%; display: flex; flex-wrap: wrap; font-family: oswald,sans-serif; font-weight: 400; text-transform: uppercase; border: 0; height: auto; min-height: 40px; line-height: 35px; font-size: 18px; }
 nav ul li a:active, nav ul li:hover { font-weight: bold; background-color:transparent; }
 nav ul { flex-wrap: wrap; }
 nav li > ul { display: flex; position: relative; width: auto; padding-left: 40px; flex-wrap: wrap; background-color: transparent; top: 0;}
 nav li ul li { background-color: transparent; }
 nav span.closer { width: 40px; height: 40px; background-image: url(/resources/img/close.svg); display: block; background-size: 40px 40px; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; z-index: 100; cursor: pointer; }
 .linkInRecentDocuments { justify-content: center; }
 #header-top-row { height: auto; padding: 10px; }
 #googlesearch, #googlesearch.search_initial { flex-basis: 100%; margin: 10px 10px 20px 10px; }
 #googlesearch input { border-radius: 15px; text-align: center; padding: 5px 8px; }
}

.hanging-link {text-align: right; padding: 10px 20px;} 
.left-arrow { position: absolute; top: 50%; left: 20px; width: 30px; z-index: 15; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/resources/svg/arrow-left.svg); cursor: pointer; }
.right-arrow { position: absolute; top: 50%; right: 20px; width: 30px; z-index: 15; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/resources/svg/arrow-right.svg); cursor: pointer; }
@media screen and (max-width: 350px){ .splashquote q { font-size: 13px; line-height: 15px; }
 .splashquote span { font-family: 'playfair display', serif; font-size: 10px; text-transform: uppercase; margin-top: 10px; }
 #hamburger { background-image: url(/resources/img/hamburger.svg); background-position: 0px 0px; background-size: 20px 20px; background-repeat: no-repeat; display: block; flex-basis: 30px; height: 30px; flex-grow: 0; flex-shrink:0; }
 #logo { align-content: flex-start; flex-basis: calc( 100% - 30px ); flex-grow: 0; flex-shrink: 0; }
 #subscribe, #icons { display: none; }
 #logotitle {top: 5px; font-size: 13px; line-height: 14px; text-align: left; }
 #logo > div > a > img { height: 30px; width: auto; }
 }
 .socialstacker { display: flex; flex-wrap: nowrap;}
 .ig_wrapper {    display: flex;    flex-wrap: nowrap; padding: 0 4px;}
 .ig_wrapper > div { height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    flex-basis: 20%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;}
    
    .ig_wrapper p {
    font-family: roboto,sans-serif;
    font-size: 11px;
    line-height: 14px;
    opacity: 0.75;
    background-color: white;
    padding: 8px 12px;
    text-align: center;
    color: #b70b0d;
    margin: 0;
}

.socialstacker > div {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}


@media screen and (max-width: 875px){  .ig_wrapper > div {  flex-basis: 50%; }}
@media screen and (max-width: 400px){  .ig_wrapper > div {  flex-basis: 100%; } .socialstacker > div {   flex-basis: 100%; }}

.socialstacker {  flex-wrap: wrap;}

.archive-separator { text-align: center;
    border-top: 2px solid #b70c0a;
    border-bottom: 2px solid #b70c0a;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ig_wrapper > div p a { font-weight: bold; }
 /* article { display: flex; flex-wrap: wrap; } */
 article aside {  width: 200px;  text-align: left; padding: 0 20px;  float: left; }
 article aside a { font-size: 13px ; color: grey; display: block; line-height: 25px; flex-basis: 100%; margin-bottom: 20px;}
 article aside a:hover, article aside a:active { color: #b70c0a;}
 #newslettersPage {    flex-basis: 100%; flex-wrap: wrap; order: 1; display: flex; justify-content: flex-start; align-items: flex-start; }
 #newslettersPage > div { margin: 0 auto; }
 #newslettersPage aside { float: none; margin: 180px 0px 0 20px; background-color: #f3f2f257; padding: 0;}
 article aside h5 { font-size: 16px ; display: block; border-bottom: 3px solid #b70c0a; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #80808070;}
 aside .newsletter { width: 300px; margin: 0; background-color: transparent; padding: 0 10px; }
aside .newsletter div { width: 100%; }
aside .newsletter > a { background-image: none !important; display: none;}
.newsletter > div > a {    padding: 0 10px 5px 15px;}
.icon-image {  width: 24px; height: 24px;}
aside .newsletter div.smallsummary a { font-size: 11px;     font-weight: 200;    width: 100%;    line-height: 14px;    padding-bottom: 12px; }
@media screen and (max-width: 875px){ .newsletter { width: auto;} .newsletter > div { padding: 10px;}  article aside { float: none; flex-basis: 100%; order: 5; display: flex; flex-wrap: wrap; } article aside .newsletter { width: 100%;  } #newslettersPage {  display: flex; flex-basis: 100%; justify-content: center; }  #newslettersPage aside {     text-align: center; justify-content: center;  margin: 0 ; background: transparent;}   aside .newsletter > div {     text-align: center;    justify-content: center;}  aside .newsletter > div > div.smallsummary > a { text-align: center;}}
#newslettersPage aside h4 {     color: #b70c0ac7;     font-weight: 400;     padding: 20px 0px 5px 0;     border-bottom: 1px solid #b70c0ac7;     margin: 0 20px 10px 25px;     text-transform: uppercase;     font-size: 12px;}
@media screen and (max-width: 400px){ .newsletter >  a {   flex-basis: 33% ;}  .newsletter .smallsummary {     padding: 2px 0 0 0; }}